@riboseinc/paneron-registry-kit 2.2.9 → 2.2.11

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

@@ -1 +1 @@
-{"version":3,"file":"Proposals.js","sourceRoot":"","sources":["../../../src/views/change-request/Proposals.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext, useEffect, useState, useCallback, memo, useMemo } from 'react';\nimport { ClassNames, jsx, css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport {\n  ControlGroup,\n  ButtonGroup,\n  Switch,\n  Button,\n  Classes,\n  MenuItem,\n  NonIdealState,\n  IconName,\n} from '@blueprintjs/core';\nimport { ItemRenderer, Select2 as Select } from '@blueprintjs/select';\nimport HelpTooltip from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';\nimport type {\n  Addition,\n  ChangeProposal,\n  Clarification,\n  InternalItemReference,\n  Retirement,\n  Supersession,\n  Invalidation,\n  Payload,\n  RegisterItem,\n} from '../../types';\nimport ErrorBoundary from '@riboseinc/paneron-extension-kit/widgets/ErrorBoundary';\nimport type { Drafted } from '../../types/cr';\nimport { Protocols, type Protocol } from '../protocolRegistry';\nimport { PROPOSAL_TYPES, AMENDMENT_TYPES } from '../../types/proposal';\nimport { BrowserCtx, type BrowserCtx as BrowserCtxType } from '../BrowserCtx';\nimport { useItemRef, itemPathToItemRef } from '../itemPathUtils';\nimport useItemClassConfig from '../hooks/useItemClassConfig';\nimport StructuredDiff from '../diffing/StructuredDiff';\nimport { ItemDetail } from '../detail/RegisterItem';\n\n\ninterface ChangeProposalItem {\n  itemPath: string\n  itemRef: InternalItemReference\n  proposal: ChangeProposal\n  item: RegisterItem<Payload>\n  itemBefore: RegisterItem<Payload> | undefined\n}\nfunction stringifiedJSONEqual(i1: any, i2: any): boolean {\n  return JSON.stringify(i1) === JSON.stringify(i2);\n}\n\n\nconst Proposals: React.FC<{\n  proposals: Drafted['items']\n  className?: string\n}> = function ({ proposals, className }) {\n  const [ _selectedProposal, selectProposal ] = useState<string | null>(null);\n  const [ showDiff, setShowDiff ] = useState(false);\n  const [ showOnlyChanged, setShowOnlyChanged ] = useState(true);\n\n  const outerBrowserCtx = useContext(BrowserCtx);\n  const { jumpTo, subregisters, useRegisterItemData } = outerBrowserCtx;\n\n  /**\n   * When jumping to an item affected by current CR,\n   * jump in-CR instead of spawning tab.\n   */\n  const handleCRJump = useCallback(function _handleCRJump(uri: `${Protocol}:${string}`): void {\n    if (uri.startsWith(Protocols.ITEM_DETAILS)) {\n      const itemPath = uri.split(':')[1];\n      if (proposals[itemPath]) {\n        selectProposal(itemPath);\n      } else {\n        jumpTo?.(uri);\n      }\n    }\n  }, [Object.keys(proposals), jumpTo]);\n\n  const proposalBrowserCtx: BrowserCtxType = useMemo((() => ({\n    ...outerBrowserCtx,\n    jumpTo: handleCRJump,\n  })), [handleCRJump, outerBrowserCtx]);\n\n  const firstProposal: string | undefined = Object.keys(proposals)[0];\n\n  // Effective selected proposal\n  const selectedProposal: string | undefined =\n    ((_selectedProposal && proposals[_selectedProposal]) ? _selectedProposal : null)\n    ?? firstProposal\n    ?? undefined;\n\n  // Force select available proposal\n  useEffect(() => {\n    if (firstProposal && (_selectedProposal === null || !proposals[_selectedProposal])) {\n      selectProposal(firstProposal ?? null);\n    }\n  }, [firstProposal, _selectedProposal, proposals]);\n\n  const selectedItemRef = useItemRef(subregisters !== undefined, selectedProposal);\n\n  // Data for proposed items\n  const proposedItemPaths = Object.entries(proposals).map(([itemPath, proposal]) => {\n    if (proposal.type === 'clarification' || proposal.type === 'addition') {\n      return itemPath;\n    } else {\n      return undefined;\n    }\n  }).filter(s => s !== undefined) as string[];\n  const proposedItemDataReq = useRegisterItemData({\n    itemPaths: proposedItemPaths,\n  });\n\n  // Data for pre-existing items\n  const currentItemDataReq = useRegisterItemData({\n    itemPaths: Object.keys(proposals),\n    ignoreActiveCR: true,\n  });\n\n  const getCurrentItem = useCallback(\n    ((itemPath: string) => currentItemDataReq.value[itemPath] ?? null),\n    [currentItemDataReq.value]);\n  const getProposedItem = useCallback(\n    ((itemPath: string) => proposedItemDataReq.value[itemPath] ?? null),\n    [proposedItemDataReq.value]);\n\n  const selectedItemCurrent = getCurrentItem(selectedProposal);\n  const selectedItemProposed = getProposedItem(selectedProposal);\n\n  const handleItemSelect = useCallback(\n    ((item: ChangeProposalItem) => selectProposal(item.itemPath)),\n    [selectProposal]);\n\n  const activeItem: ChangeProposalItem | null = useMemo((() =>\n    selectedProposal\n      ? ({\n          itemPath: selectedProposal,\n          proposal: proposals[selectedProposal],\n          item: (selectedItemProposed ?? selectedItemCurrent)!,\n          itemBefore: selectedItemCurrent ?? undefined,\n          itemRef: itemPathToItemRef(subregisters !== undefined, selectedProposal),\n        })\n      : null\n  ), [selectedProposal, proposals, subregisters]);\n\n  const allItems: ChangeProposalItem[] = useMemo((() =>\n    Object.entries(proposals).map(([itemPath, proposal]) => ({\n      itemPath,\n      proposal,\n      item: (getProposedItem(itemPath) ?? getCurrentItem(itemPath))! ?? null,\n      itemBefore: undefined,\n      itemRef: itemPathToItemRef(subregisters !== undefined, itemPath),\n    })).filter(cpi => cpi.item !== null)\n  ), [proposals, getCurrentItem, getProposedItem]);\n\n  if (\n    selectedProposal\n    && selectedItemRef\n    && proposals[selectedProposal]\n    && !currentItemDataReq.isUpdating\n    && !proposedItemDataReq.isUpdating\n  ) {\n    const selectedItemSummary = <ProposalSummary\n      itemRef={selectedItemRef}\n      item={(selectedItemProposed ?? selectedItemCurrent)!}\n      itemBefore={selectedItemCurrent ?? undefined}\n      proposal={proposals[selectedProposal]}\n    />;\n\n    return (\n      <div css={css`display: flex; flex-flow: column nowrap;`} className={className}>\n        <div>\n          <ControlGroup>\n            <Switch\n              checked={showDiff}\n              onChange={evt => setShowDiff(evt.currentTarget.checked)}\n              label=\"View source\"\n              css={css`margin-right: 1em !important`}\n            />\n            <Switch\n              checked={showDiff && showOnlyChanged}\n              disabled={!showDiff}\n              onChange={evt => setShowOnlyChanged(evt.currentTarget.checked)}\n              label=\"Show clarified properties only\"\n            />\n          </ControlGroup>\n          <ButtonGroup>\n            <Button\n                disabled={!jumpTo || proposals[selectedProposal]?.type === 'addition'}\n                icon='locate'\n                onClick={() => jumpTo?.(`${Protocols.ITEM_DETAILS}:${selectedProposal}`)}\n                title=\"Open selected item in a new tab (not applicable to proposed additions)\">\n              Reveal in registry\n            </Button>\n            {Object.keys(proposals).length > 1\n              ? <ClassNames>\n                  {(({ css: css2 }) =>\n                    <Select<ChangeProposalItem>\n                        filterable={false}\n                        itemsEqual={stringifiedJSONEqual}\n                        menuProps={{ className: css2(`height: 50vh; overflow-y: auto;`) }}\n                        activeItem={activeItem}\n                        items={allItems}\n                        popoverProps={{ minimal: true }}\n                        fill\n                        itemRenderer={ChangeProposalItemView}\n                        onItemSelect={handleItemSelect}>\n                      <Button rightIcon=\"chevron-down\" icon={getProposalIcon(proposals[selectedProposal])}>\n                        {selectedItemSummary}\n                      </Button>\n                    </Select>\n                  )}\n                </ClassNames>\n              : <Button\n                    fill\n                    alignText=\"left\"\n                    icon={getProposalIcon(proposals[selectedProposal])}\n                    rightIcon=\"chevron-down\">\n                  {selectedItemSummary}\n                </Button>}\n          </ButtonGroup>\n        </div>\n        <div css={css`position: relative; flex: 1;`}>\n          <BrowserCtx.Provider value={proposalBrowserCtx}>\n            <ErrorBoundary viewName=\"Proposal detail\">\n              <ProposalDetail\n                itemRef={selectedItemRef}\n                showDiff={showDiff}\n                showOnlyChanged={showOnlyChanged}\n                item={(selectedItemProposed ?? selectedItemCurrent)!}\n                itemBefore={selectedItemCurrent ?? undefined}\n                proposal={proposals[selectedProposal]}\n              />\n            </ErrorBoundary>\n          </BrowserCtx.Provider>\n        </div>\n      </div>\n    );\n  } else {\n    return <NonIdealState\n      icon='clean'\n      className={className}\n      title=\"Nothing is proposed here yet.\"\n    />;\n  }\n};\n\n\nconst ChangeProposalItemView: ItemRenderer<ChangeProposalItem> =\n(item, { handleClick, modifiers, query }) => {\n  const proposalConfig = \n    item.proposal.type === 'amendment'\n      ? PROPOSAL_VIEWS[item.proposal.amendmentType]\n      : PROPOSAL_VIEWS[item.proposal.type];\n  const ProposalTypeLabel: React.FC<ProposalProps<any>> = proposalConfig.summary;\n  return (\n    <MenuItem\n      active={modifiers.active}\n      disabled={modifiers.disabled}\n      labelElement={<>\n        <ProposalTypeLabel {...item} />\n        {\" \"}\n        <HelpTooltip content={<>Proposed to be {proposalConfig.hint}</>} />\n      </>}\n      key={item.itemPath}\n      onClick={handleClick}\n      icon={getProposalIcon(item.proposal)}\n      text={<ProposalSummary {...item} />} />\n  );\n};\n\n\ninterface ProposalProps<P extends ChangeProposal> {\n  proposal: P\n  showDiff?: boolean\n  showOnlyChanged?: boolean\n  itemRef: InternalItemReference\n  item: RegisterItem<Payload>\n  itemBefore: P extends Clarification ? RegisterItem<Payload> : undefined\n  onChange?: (newProposal: P) => void\n}\nexport const ProposalDetail: React.FC<ProposalProps<ChangeProposal>> =\nmemo(function ({ proposal, showDiff, showOnlyChanged, itemRef, item, itemBefore, onChange }) {\n  const itemClass = useItemClassConfig(itemRef.classID ?? 'NONEXISTENT_CLASS_ID');\n\n  if (!itemClass) {\n    throw new Error(`Unknown item class “${itemRef.classID}”!`);\n  }\n\n  const view: JSX.Element = showDiff\n    ? <MaximizedStructuredDiff\n        item1={itemBefore?.data ?? ITEM_DATA_PLACEHOLDER}\n        item2={item.data}\n        showUnchanged={!showOnlyChanged}\n        css={css`background: white; border-radius: 2.5px; padding: 10px 0; margin: 10px 0;`}\n        className={Classes.ELEVATION_2}\n      />\n    : <ItemDetail\n        itemRef={itemRef}\n        item={item}\n        itemClass={itemClass}\n        key={JSON.stringify(itemRef)}\n      />\n\n  return <div css={css`position: absolute; inset: 0; display: flex; flex-flow: column;`}>\n    {view}\n  </div>;\n});\nexport const ProposalSummary: React.FC<ProposalProps<ChangeProposal>> =\nfunction ({ proposal, itemRef, item, itemBefore, onChange }) {\n  const { itemClasses } = useContext(BrowserCtx);\n  const { classID } = itemRef;\n  const ListItemView = itemClasses[classID].views.listItemView;\n\n  return <ListItemView\n    itemRef={itemRef}\n    itemData={item.data}\n  />;\n};\n\n\ninterface ProposalViewConfig<P extends ChangeProposal> {\n  summary: React.FC<ProposalProps<P>>\n  hint: JSX.Element | string\n}\n\n\nconst clarification: ProposalViewConfig<Clarification> = {\n  hint: <>\n    altered to represent the same concept more clearly.\n  </>,\n  summary: memo(({ proposal, item, itemRef }) => <>Clarification</>, () => true),\n};\n\n\nconst addition: ProposalViewConfig<Addition> = {\n  hint: <>added to this register.</>,\n  summary: memo(({ proposal, item, itemRef }) => <>Addition</>, () => true),\n};\n\n\nconst retirement: ProposalViewConfig<Retirement> = {\n  hint: <>\n    marked as no longer current.\n    (Note that this register is append-only, so the item cannot be removed altogether.)\n  </>,\n  summary: memo(({ proposal, itemRef, item }) => <>Retirement</>, () => true),\n};\n\n\nconst supersession: ProposalViewConfig<Supersession> = {\n  hint: <>\n    removed from the register with another item recommended for use in its place.\n    A relation between the superseding and superseded item will be created,\n    though the exact semantics of that relation depend on the register.\n  </>,\n  summary: memo(({ proposal, itemRef, item }) => <>Supersession</>, () => true),\n};\n\n\nconst invalidation: ProposalViewConfig<Invalidation> = {\n  hint: <>\n    marked as invalid. The exact semantics of invalidation depend on the register.\n  </>,\n  summary: memo(({ proposal, itemRef, item }) => <>Invalidation</>, () => true),\n}\n\n\nconst MaximizedStructuredDiff = styled(StructuredDiff)`\n  position: absolute;\n  inset: 0;\n`;\n\n\ntype ProposalOrAmendmentType =\n  | Exclude<typeof PROPOSAL_TYPES[number], 'amendment'>\n  | typeof AMENDMENT_TYPES[number];\n\n\nconst PROPOSAL_VIEWS: { [type in ProposalOrAmendmentType]: ProposalViewConfig<any> } = {\n  clarification,\n  addition,\n  retirement,\n  supersession,\n  invalidation,\n} as const;\n\n\nfunction getProposalIcon(proposal: ChangeProposal): IconName {\n  return proposal.type === 'addition'\n      ? 'add'\n      : proposal.type === 'clarification'\n        ? 'edit'\n        : 'ban-circle';\n}\n\n\nexport default Proposals;\n\n\nconst ITEM_DATA_PLACEHOLDER = {} as const;\n"]}
+{"version":3,"file":"Proposals.js","sourceRoot":"","sources":["../../../src/views/change-request/Proposals.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useEffect, useContext, useState, useCallback, memo, useMemo } from 'react';\nimport { ClassNames, jsx, css } from '@emotion/react';\nimport {\n  ButtonGroup,\n  Button,\n  Classes,\n  Colors,\n  MenuItem,\n  NonIdealState,\n  IconName,\n} from '@blueprintjs/core';\nimport { ItemRenderer, Select2 as Select } from '@blueprintjs/select';\nimport HelpTooltip from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';\nimport type {\n  Addition,\n  ChangeProposal,\n  Clarification,\n  InternalItemReference,\n  Retirement,\n  Supersession,\n  Invalidation,\n  Payload,\n  RegisterItem,\n} from '../../types';\nimport ErrorBoundary from '@riboseinc/paneron-extension-kit/widgets/ErrorBoundary';\nimport ErrorState from '@riboseinc/paneron-extension-kit/widgets/ErrorState';\nimport type { Drafted } from '../../types/cr';\nimport { Protocols, type Protocol } from '../protocolRegistry';\nimport { PROPOSAL_TYPES, AMENDMENT_TYPES } from '../../types/proposal';\nimport { BrowserCtx, type BrowserCtx as BrowserCtxType } from '../BrowserCtx';\nimport { useItemRef, itemPathToItemRef } from '../itemPathUtils';\nimport useItemClassConfig from '../hooks/useItemClassConfig';\nimport { InlineDiffGeneric } from '../diffing/InlineDiff';\nimport { ItemDetail } from '../detail/RegisterItem';\n\n\ninterface ChangeProposalItem {\n  itemPath: string\n  itemRef: InternalItemReference\n  proposal: ChangeProposal\n  item: RegisterItem<Payload> | null\n  itemBefore: RegisterItem<Payload> | undefined\n}\nfunction stringifiedJSONEqual(i1: any, i2: any): boolean {\n  return JSON.stringify(i1) === JSON.stringify(i2);\n}\n\n\nconst Proposals: React.FC<{\n  proposals: Drafted['items']\n  className?: string\n}> = function ({ proposals, className }) {\n  const [ selectedProposal, selectProposal ] = useState<string | null>(null);\n  const [ preferDiff, setPreferDiff ] = useState(false);\n\n  // TODO: Temporarily unsupported\n  // (limitations of current change annotation implementation)\n  //const [ showOnlyChanged, setShowOnlyChanged ] = useState(true);\n\n  const outerBrowserCtx = useContext(BrowserCtx);\n  const { jumpTo, subregisters, useRegisterItemData } = outerBrowserCtx;\n\n  /**\n   * When jumping to an item affected by current CR,\n   * jump in-CR instead of spawning tab.\n   */\n  const handleCRJump = useCallback(function _handleCRJump(uri: `${Protocol}:${string}`): void {\n    if (uri.startsWith(Protocols.ITEM_DETAILS)) {\n      const itemPath = uri.split(':')[1];\n      if (proposals[itemPath]) {\n        selectProposal(itemPath);\n      } else {\n        jumpTo?.(uri);\n      }\n    }\n  }, [Object.keys(proposals), jumpTo]);\n\n  const proposalBrowserCtx: BrowserCtxType = useMemo((() => ({\n    ...outerBrowserCtx,\n    jumpTo: handleCRJump,\n  })), [handleCRJump, outerBrowserCtx]);\n\n  /** Paths of register items in proposal. */\n  const proposedItemPaths = Object.entries(proposals).map(([itemPath, proposal]) => {\n    if (proposal.type === 'clarification' || proposal.type === 'addition') {\n      return itemPath;\n    } else {\n      return undefined;\n    }\n  }).filter(s => s !== undefined) as string[];\n\n  /** Proposed data of register items in proposal. */\n  const proposedItemDataReq = useRegisterItemData({\n    itemPaths: proposedItemPaths,\n  });\n\n  /** Pre-existing data of register items in proposal. */\n  const currentItemDataReq = useRegisterItemData({\n    itemPaths: Object.keys(proposals),\n    ignoreActiveCR: true,\n  });\n\n  const getCurrentItem = useCallback(\n    ((itemPath: string) => currentItemDataReq.value[itemPath] ?? null),\n    [currentItemDataReq.value]);\n  const getProposedItem = useCallback(\n    ((itemPath: string) => proposedItemDataReq.value[itemPath] ?? null),\n    [proposedItemDataReq.value]);\n\n  /** Current register item (if any) corresponding to selected proposal. */\n  const selectedItemCurrent = selectedProposal ? getCurrentItem(selectedProposal) : null;\n\n  /** Proposed register item corresponding to selected proposal. */\n  const selectedItemProposed = selectedProposal ? getProposedItem(selectedProposal) : null;\n\n  const selectedItemRef = useItemRef(subregisters !== undefined, selectedProposal);\n\n  const handleItemSelect = useCallback(\n    ((item: ChangeProposalItem) => selectProposal(item.itemPath)),\n    [selectProposal]);\n\n  const activeItem: ChangeProposalItem | null = useMemo((() =>\n    selectedProposal\n      ? ({\n          itemPath: selectedProposal,\n          proposal: proposals[selectedProposal],\n          item: (selectedItemProposed ?? selectedItemCurrent)!,\n          itemBefore: selectedItemCurrent ?? undefined,\n          itemRef: itemPathToItemRef(subregisters !== undefined, selectedProposal),\n        })\n      : null\n  ), [selectedProposal, proposals, subregisters]);\n\n  const allItems: ChangeProposalItem[] = useMemo((() =>\n    Object.entries(proposals).map(([itemPath, proposal]) => ({\n      itemPath,\n      proposal,\n      item: (getProposedItem(itemPath) ?? getCurrentItem(itemPath))! ?? null,\n      itemBefore: undefined,\n      itemRef: itemPathToItemRef(subregisters !== undefined, itemPath),\n    }))\n  ), [proposals, getCurrentItem, getProposedItem]);\n\n  const haveSelectedItem =\n    selectedProposal\n    && selectedItemRef\n    && proposals[selectedProposal]\n    && (selectedItemProposed || selectedItemCurrent);\n\n  const proposalCount = Object.keys(proposals).length;\n\n  useEffect(() => {\n    if (!selectedProposal) {\n      const firstProposal = Object.keys(proposals)[0];\n      if (firstProposal) {\n        if (getCurrentItem(firstProposal) || getProposedItem(firstProposal)) {\n          selectProposal(firstProposal);\n        }\n      }\n    }\n  }, [proposalCount, selectedProposal, getCurrentItem, getProposedItem]);\n\n  const canShowDiff: boolean = haveSelectedItem && proposals[selectedProposal]?.type === 'clarification'\n    ? true\n    : false;\n  const showDiff = canShowDiff && preferDiff;\n\n  if (!currentItemDataReq.isUpdating && !proposedItemDataReq.isUpdating) {\n    const selectedItemSummary = haveSelectedItem\n      ? <ProposalSummary\n          itemRef={selectedItemRef}\n          item={(selectedItemProposed ?? selectedItemCurrent)!}\n          itemBefore={selectedItemCurrent ?? undefined}\n          proposal={proposals[selectedProposal]}\n        />\n      : <>Select item…</>;\n    const icon = haveSelectedItem\n      ? getProposalIcon(proposals[selectedProposal])\n      : undefined;\n    return (\n      <div css={css`display: flex; flex-flow: column nowrap;`} className={className}>\n        {proposalCount > 0\n          ? <ButtonGroup css={css`margin: 5px 0 0 5px;`}>\n              {haveSelectedItem\n                ? <>\n                    <Button\n                      disabled={!jumpTo || proposals[selectedProposal]?.type === 'addition'}\n                      icon='locate'\n                      onClick={() => jumpTo?.(`${Protocols.ITEM_DETAILS}:${selectedProposal}`)}\n                      title=\"Open selected item in a new tab (not applicable to proposed additions)\"\n                    />\n                    <Button\n                      active={preferDiff}\n                      onClick={() => setPreferDiff(v => !v)}\n                      // Diffing only makes sense for clarifications.\n                      // Additions are entire new items, and for amendments\n                      // item data is unchanged.\n                      disabled={!canShowDiff}\n                      icon=\"changes\"\n                      title=\"Annotate proposed clarifications for this item\"\n                    />\n                    {/*\n                    <Switch\n                      checked={preferDiff && showOnlyChanged}\n                      disabled={!preferDiff}\n                      onChange={evt => setShowOnlyChanged(evt.currentTarget.checked)}\n                      label=\"Show clarified properties only\"\n                    />\n                    */}\n                  </>\n                : null}\n              <ClassNames>\n                {(({ css: css2 }) =>\n                  <Select<ChangeProposalItem>\n                      filterable={false}\n                      itemsEqual={stringifiedJSONEqual}\n                      menuProps={{ className: css2(`height: 50vh; overflow-y: auto;`) }}\n                      activeItem={activeItem}\n                      items={allItems}\n                      popoverProps={{ minimal: true }}\n                      fill\n                      itemRenderer={ChangeProposalItemView}\n                      onItemSelect={handleItemSelect}>\n                    <Button rightIcon=\"chevron-down\" icon={icon} css={css`white-space: nowrap;`}>\n                      {selectedItemSummary}\n                    </Button>\n                  </Select>\n                )}\n              </ClassNames>\n            </ButtonGroup>\n          : null}\n        {haveSelectedItem\n          ? <div css={css`position: relative; flex: 1;`}>\n              <BrowserCtx.Provider value={proposalBrowserCtx}>\n                <ErrorBoundary viewName=\"Proposal detail\">\n                  <ProposalDetail\n                    itemRef={selectedItemRef}\n                    showDiff={showDiff}\n                    //showOnlyChanged={showOnlyChanged}\n                    item={(selectedItemProposed ?? selectedItemCurrent)!}\n                    itemBefore={selectedItemCurrent ?? undefined}\n                    proposal={proposals[selectedProposal]}\n                  />\n                </ErrorBoundary>\n              </BrowserCtx.Provider>\n            </div>\n          : null}\n      </div>\n    );\n  } else {\n    return <NonIdealState\n      icon='clean'\n      className={className}\n      title=\"Nothing is proposed here yet.\"\n    />;\n  }\n};\n\n\nconst ChangeProposalItemView: ItemRenderer<ChangeProposalItem> =\n(item, { handleClick, modifiers, query }) => {\n  if (item.item !== null) {\n    const i = item as ChangeProposalItem & { item: RegisterItem<any> };\n    const proposalConfig = \n      item.proposal.type === 'amendment'\n        ? PROPOSAL_VIEWS[item.proposal.amendmentType]\n        : PROPOSAL_VIEWS[item.proposal.type];\n    const ProposalTypeLabel: React.FC<ProposalProps<any>> = proposalConfig.summary;\n    return (\n      <MenuItem\n        active={modifiers.active}\n        disabled={modifiers.disabled}\n        labelElement={<>\n          <ProposalTypeLabel {...i} />\n          {\" \"}\n          <HelpTooltip content={<>Proposed to be {proposalConfig.hint}</>} />\n        </>}\n        key={item.itemPath}\n        onClick={handleClick}\n        icon={getProposalIcon(item.proposal)}\n        text={<ProposalSummary {...i} />} />\n    );\n  } else {\n    return <MenuItem\n      disabled\n      icon=\"heart-broken\"\n      onClick={handleClick}\n      text={`Broken proposal entry at path ${item.itemPath}`}\n    />\n  }\n};\n\n\ninterface ProposalProps<P extends ChangeProposal> {\n  proposal: P\n\n  /** Highlight changes. */\n  showDiff?: boolean\n\n  /** In diff mode, only show changed data. (Provisional.) */\n  showOnlyChanged?: boolean\n\n  itemRef: InternalItemReference\n  item: RegisterItem<Payload>\n  itemBefore: P extends Clarification ? RegisterItem<Payload> : undefined\n  onChange?: (newProposal: P) => void\n}\nexport const ProposalDetail: React.FC<ProposalProps<ChangeProposal>> =\nmemo(function ({ proposal, showDiff, showOnlyChanged, itemRef, item, itemBefore, onChange }) {\n  const itemClass = useItemClassConfig(itemRef.classID ?? 'NONEXISTENT_CLASS_ID');\n\n  if (!itemClass) {\n    throw new Error(`Unknown item class “${itemRef.classID}”!`);\n  }\n\n  const view: JSX.Element = showDiff\n    ? <InlineDiffGeneric\n        item1={itemBefore ?? {}}\n        item2={item}\n        css={css`\n          position: absolute; inset: 0; padding: 10px; overflow: auto;\n          background-color: white;\n          .bp4-dark & {\n            background-color: ${Colors.DARK_GRAY2};\n          }\n        `}\n        className={`${Classes.ELEVATION_2} ${Classes.RUNNING_TEXT}`}\n      />\n    : <ItemDetail\n        itemRef={itemRef}\n        item={item}\n        itemClass={itemClass}\n        key={JSON.stringify(itemRef)}\n        compactHeader\n      />;\n\n  return <div css={css`position: absolute; inset: 0; display: flex; flex-flow: column;`}>\n    {view}\n  </div>;\n});\nexport const ProposalSummary: React.FC<ProposalProps<ChangeProposal>> =\nfunction ({ proposal, itemRef, item, itemBefore, onChange }) {\n  const { itemClasses } = useContext(BrowserCtx);\n  const { classID } = itemRef;\n  const ListItemView = itemClasses[classID]?.views?.listItemView;\n\n  if (ListItemView) {\n    return <ListItemView\n      itemRef={itemRef}\n      itemData={item.data}\n    />;\n  } else {\n    return <ErrorState\n      viewName=\"list item view\"\n      inline\n      error=\"unable to load list item view\"\n    />;\n  }\n};\n\n\ninterface ProposalViewConfig<P extends ChangeProposal> {\n  summary: React.FC<ProposalProps<P>>\n  hint: JSX.Element | string\n}\n\n\nconst clarification: ProposalViewConfig<Clarification> = {\n  hint: <>\n    altered to represent the same concept more clearly.\n  </>,\n  summary: memo(({ proposal, item, itemRef }) => <>Clarification</>, () => true),\n};\n\n\nconst addition: ProposalViewConfig<Addition> = {\n  hint: <>added to this register.</>,\n  summary: memo(({ proposal, item, itemRef }) => <>Addition</>, () => true),\n};\n\n\nconst retirement: ProposalViewConfig<Retirement> = {\n  hint: <>\n    marked as no longer current.\n    (Note that this register is append-only, so the item cannot be removed altogether.)\n  </>,\n  summary: memo(({ proposal, itemRef, item }) => <>Retirement</>, () => true),\n};\n\n\nconst supersession: ProposalViewConfig<Supersession> = {\n  hint: <>\n    removed from the register with another item recommended for use in its place.\n    A relation between the superseding and superseded item will be created,\n    though the exact semantics of that relation depend on the register.\n  </>,\n  summary: memo(({ proposal, itemRef, item }) => <>Supersession</>, () => true),\n};\n\n\nconst invalidation: ProposalViewConfig<Invalidation> = {\n  hint: <>\n    marked as invalid. The exact semantics of invalidation depend on the register.\n  </>,\n  summary: memo(({ proposal, itemRef, item }) => <>Invalidation</>, () => true),\n}\n\n\ntype ProposalOrAmendmentType =\n  | Exclude<typeof PROPOSAL_TYPES[number], 'amendment'>\n  | typeof AMENDMENT_TYPES[number];\n\n\nconst PROPOSAL_VIEWS: { [type in ProposalOrAmendmentType]: ProposalViewConfig<any> } = {\n  clarification,\n  addition,\n  retirement,\n  supersession,\n  invalidation,\n} as const;\n\n\nfunction getProposalIcon(proposal: ChangeProposal): IconName {\n  return proposal.type === 'addition'\n      ? 'add'\n      : proposal.type === 'clarification'\n        ? 'edit'\n        : 'ban-circle';\n}\n\n\nexport default Proposals;\n"]}

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

@@ -0,0 +1,12 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import type { Register } from '../../types/register';
+import { type SomeCR } from '../../types/cr';
+import type { RegisterStakeholder } from '../../types/stakeholder';
+declare const Summary: React.FC<{
+    cr: SomeCR;
+    currentStakeholder?: RegisterStakeholder;
+    registerMetadata?: Register;
+}>;
+export default Summary;

package/views/change-request/Summary.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _HelpTooltip = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/HelpTooltip"));
+
+var _cr = require("../../types/cr");
+
+var _RegisterStakeholder = require("../RegisterStakeholder");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const Summary = function ({
+  cr,
+  currentStakeholder,
+  registerMetadata
+}) {
+  var _a, _b, _c, _d, _e;
+
+  const crStakeholder = ((_a = registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.stakeholders) !== null && _a !== void 0 ? _a : []).find(s => s.gitServerUsername === cr.submittingStakeholderGitServerUsername);
+  return (0, _react2.jsx)(_react.default.Fragment, null, crStakeholder ? (0, _react2.jsx)("div", null, (0, _react2.jsx)("dt", null, "Author:"), (0, _react2.jsx)("dd", null, (0, _react2.jsx)(_RegisterStakeholder.RegisterStakeholderListItem, {
+    stakeholder: crStakeholder,
+    isCurrentUser: (currentStakeholder ? (0, _cr.isCreatedBy)(currentStakeholder, cr) : false) || undefined
+  }))) : null, (0, _react2.jsx)("div", null, (0, _react2.jsx)("dt", null, "Register\u00A0version before\u00A0proposal:"), (0, _react2.jsx)("dd", null, (_b = cr.registerVersion) !== null && _b !== void 0 ? _b : 'N/A', "\u2002", cr.registerVersion === ((_c = registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.version) === null || _c === void 0 ? void 0 : _c.id) ? (0, _react2.jsx)(_core.Tag, {
+    css: (0, _react2.css)`display: inline;`,
+    intent: 'success',
+    minimal: true,
+    round: true
+  }, "current", " ", (0, _react2.jsx)(_HelpTooltip.default, {
+    intent: 'success',
+    content: (0, _react2.jsx)(_react.default.Fragment, null, "Published version of the register", " ", "had not changed since this proposal started.")
+  })) : (0, _react2.jsx)(_core.Tag, {
+    css: (0, _react2.css)`display: inline;`,
+    intent: 'warning',
+    minimal: true,
+    round: true
+  }, "not current", " ", (0, _react2.jsx)(_HelpTooltip.default, {
+    intent: 'warning',
+    icon: 'warning-sign',
+    content: (0, _react2.jsx)(_react.default.Fragment, null, "Register is currently at version ", (0, _react2.jsx)("strong", null, (_e = (_d = registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.version) === null || _d === void 0 ? void 0 : _d.id) !== null && _e !== void 0 ? _e : 'N/A'), ",", " ", "which is different from version proposal author may have had in mind.", " ", "It is recommended that proposed changes are reviewed to avoid unintentionally", " ", "undoing a prior change.")
+  })))), (0, _react2.jsx)("div", null, (0, _react2.jsx)("dt", null, "Proposal\u00A0ID:"), (0, _react2.jsx)("dd", null, (0, _react2.jsx)("code", {
+    css: (0, _react2.css)`white-space: nowrap;`
+  }, cr.id))));
+};
+
+var _default = Summary;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Summary.js","sourceRoot":"","sources":["../../../src/views/change-request/Summary.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAG/E,OAAO,EAAE,WAAW,EAAe,MAAM,gBAAgB,CAAC;AAE1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAGrE,MAAM,OAAO,GAIR,UAAU,EAAE,EAAE,EAAE,kBAAkB,EAAE,gBAAgB,EAAE;;IACzD,MAAM,aAAa,GAAG,CAAC,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,YAAY,mCAAI,EAAE,CAAC;QAC1D,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,KAAK,EAAE,CAAC,sCAAsC,CAAC,CAAC;IAE/E,OAAO,CACL;QACG,aAAa;YACZ,CAAC,CAAC;gBACE,0BAAgB;gBAChB;oBACE,IAAC,2BAA2B,IAC1B,WAAW,EAAE,aAAa,EAC1B,aAAa,EAAE,CAAC,kBAAkB;4BAChC,CAAC,CAAC,WAAW,CAAC,kBAAkB,EAAE,EAAE,CAAC;4BACrC,CAAC,CAAC,KAAK,CAAC,IAAI,SAAS,GACvB,CACC,CACD;YACR,CAAC,CAAC,IAAI;QAER;YACE,8DAEK;YACL,gBACG,MAAA,EAAE,CAAC,eAAe,mCAAI,KAAK;;gBAE3B,EAAE,CAAC,eAAe,MAAK,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,OAAO,0CAAE,EAAE,CAAA;oBACnD,CAAC,CAAC,IAAC,GAAG,IAAC,GAAG,EAAE,GAAG,CAAA,kBAAkB,EAAE,MAAM,EAAC,SAAS,EAAC,OAAO,QAAC,KAAK;;wBAE5D,GAAG;wBACJ,IAAC,WAAW,IAAC,MAAM,EAAC,SAAS,EAAC,OAAO,EAAE;;gCAEpC,GAAG;+EAEH,GAAI,CACH;oBACR,CAAC,CAAC,IAAC,GAAG,IAAC,GAAG,EAAE,GAAG,CAAA,kBAAkB,EAAE,MAAM,EAAC,SAAS,EAAC,OAAO,QAAC,KAAK;;wBAE5D,GAAG;wBACJ,IAAC,WAAW,IAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAE;;gCACxB,oBAAS,MAAA,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,OAAO,0CAAE,EAAE,mCAAI,KAAK,CAAU;;gCACzF,GAAG;;gCAEH,GAAG;;gCAEH,GAAG;0DAEH,GAAI,CACH,CACP,CACD;QAEN;YACE,oCAA0B;YAC1B;gBAAI,cAAM,GAAG,EAAE,GAAG,CAAA,sBAAsB,IAAG,EAAE,CAAC,EAAE,CAAQ,CAAK,CACzD,CACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { Tag } from '@blueprintjs/core';\n\nimport HelpTooltip from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';\n\nimport type { Register } from '../../types/register';\nimport { isCreatedBy, type SomeCR } from '../../types/cr';\nimport type { RegisterStakeholder } from '../../types/stakeholder';\nimport { RegisterStakeholderListItem } from '../RegisterStakeholder';\n\n\nconst Summary: React.FC<{\n  cr: SomeCR\n  currentStakeholder?: RegisterStakeholder\n  registerMetadata?: Register\n}> = function ({ cr, currentStakeholder, registerMetadata }) {\n  const crStakeholder = (registerMetadata?.stakeholders ?? []).\n    find(s => s.gitServerUsername === cr.submittingStakeholderGitServerUsername);\n\n  return (\n    <>\n      {crStakeholder\n        ? <div>\n            <dt>Author:</dt>\n            <dd>\n              <RegisterStakeholderListItem\n                stakeholder={crStakeholder}\n                isCurrentUser={(currentStakeholder\n                  ? isCreatedBy(currentStakeholder, cr)\n                  : false) || undefined}\n              />\n            </dd>\n          </div>\n        : null}\n\n      <div>\n        <dt>\n          Register&nbsp;version before&nbsp;proposal:\n        </dt>\n        <dd>\n          {cr.registerVersion ?? 'N/A'}\n          &ensp;\n          {cr.registerVersion === registerMetadata?.version?.id\n            ? <Tag css={css`display: inline;`} intent='success' minimal round>\n                current\n                {\" \"}\n                <HelpTooltip intent='success' content={<>\n                  Published version of the register\n                  {\" \"}\n                  had not changed since this proposal started.\n                </>} />\n              </Tag>\n            : <Tag css={css`display: inline;`} intent='warning' minimal round>\n                not current\n                {\" \"}\n                <HelpTooltip intent='warning' icon='warning-sign' content={<>\n                  Register is currently at version <strong>{registerMetadata?.version?.id ?? 'N/A'}</strong>,\n                  {\" \"}\n                  which is different from version proposal author may have had in mind.\n                  {\" \"}\n                  It is recommended that proposed changes are reviewed to avoid unintentionally\n                  {\" \"}\n                  undoing a prior change.\n                </>} />\n              </Tag>}\n        </dd>\n      </div>\n\n      <div>\n        <dt>Proposal&nbsp;ID:</dt>\n        <dd><code css={css`white-space: nowrap;`}>{cr.id}</code></dd>\n      </div>\n    </>\n  );\n};\n\nexport default Summary;\n"]}

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

@@ -0,0 +1,30 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import * as CR from '../../types/cr';
+import { type RegisterStakeholder } from '../../types/stakeholder';
+/**
+ * Transition history entry is mostly like `CR.TransitionEntry`,
+ * except it has optional fields and can be `undefined` to represent
+ * missing parts of history.
+ */
+export declare type TransitionHistoryEntry = Omit<CR.TransitionEntry, 'timestamp' | 'fromState' | 'stakeholder' | 'input'> & {
+    timestamp?: Date;
+    fromState?: CR.StateType;
+    stakeholder?: RegisterStakeholder;
+    input?: CR.StateInput;
+} | undefined;
+/**
+ * Outputs transition history,
+ * back-filling it from state and timestamps if `pastTransitions` is not present.
+ */
+export declare function getTransitionHistory(cr: CR.Base): TransitionHistoryEntry[];
+/**
+ * Lists transitions between states,
+ * emphasizing the end (current as of now) state.
+ */
+export declare const TransitionsAndStatus: React.VoidFunctionComponent<{
+    pastTransitions: TransitionHistoryEntry[];
+    isFinal?: boolean;
+}>;
+export default TransitionsAndStatus;

package/views/change-request/TransitionHistory.js

@@ -0,0 +1,307 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTransitionHistory = getTransitionHistory;
+exports.default = exports.TransitionsAndStatus = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _core = require("@blueprintjs/core");
+
+var _util = require("@riboseinc/paneron-extension-kit/util");
+
+var _HelpTooltip = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/HelpTooltip"));
+
+var _InlineDiff = require("../diffing/InlineDiff");
+
+var _RegisterStakeholder = require("../RegisterStakeholder");
+
+var CR = _interopRequireWildcard(require("../../types/cr"));
+
+var _TransitionOptions = require("./TransitionOptions");
+
+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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+
+/**
+ * Outputs transition history,
+ * back-filling it from state and timestamps if `pastTransitions` is not present.
+ */
+function getTransitionHistory(cr) {
+  if (cr.pastTransitions && cr.pastTransitions.length > 0) {
+    return [{
+      label: "Create",
+      toState: CR.State.DRAFT,
+      timestamp: cr.timeStarted
+    }, ...cr.pastTransitions];
+  } else {
+    const els = [];
+    els.push({
+      label: "Create",
+      toState: CR.State.DRAFT,
+      timestamp: cr.timeStarted
+    });
+
+    if (!CR.isDrafted(cr)) {
+      els.push(undefined);
+    } // Backward compatibility
+
+
+    if (CR.isProposed(cr)) {
+      els.push({
+        label: "Propose",
+        toState: CR.State.PROPOSED,
+        timestamp: cr.timeProposed,
+        input: {
+          justification: cr.justification
+        }
+      });
+    }
+
+    if (CR.isSubmittedForControlBodyReview(cr)) {
+      els.push({
+        label: "Submit for control body review",
+        fromState: CR.State.PROPOSED,
+        toState: CR.State.SUBMITTED_FOR_CONTROL_BODY_REVIEW,
+        input: {
+          registerManagerNotes: cr.registerManagerNotes
+        }
+      });
+    }
+
+    if (CR.isReturnedForClarification(cr)) {
+      els.push({
+        label: "Return for clarification",
+        toState: CR.State.RETURNED_FOR_CLARIFICATION,
+        input: {
+          registerManagerNotes: cr.registerManagerNotes,
+          controlBodyNotes: cr.controlBodyNotes
+        }
+      });
+    }
+
+    if (CR.isWithdrawn(cr)) {
+      els.push({
+        label: "Withdraw",
+        toState: CR.State.WITHDRAWN,
+        timestamp: cr.timeDisposed
+      });
+    } else if (CR.isAccepted(cr)) {
+      els.push({
+        label: "Accept",
+        toState: CR.State.ACCEPTED,
+        timestamp: cr.timeDisposed,
+        input: {
+          controlBodyNotes: cr.controlBodyNotes
+        }
+      });
+    } else if (CR.isRejected(cr)) {
+      els.push({
+        label: "Reject",
+        toState: CR.State.REJECTED,
+        timestamp: cr.timeDisposed,
+        input: {
+          controlBodyNotes: cr.controlBodyNotes
+        }
+      });
+    }
+
+    if (CR.isAppealed(cr)) {
+      els.push({
+        label: "Appeal",
+        toState: CR.State.APPEALED,
+        input: {
+          appealReason: cr.appealReason
+        }
+      });
+    }
+
+    if (CR.isRejectedWithAppealWithdrawn(cr)) {
+      els.push({
+        label: "Withdraw appeal",
+        toState: CR.State.APPEAL_WITHDRAWN,
+        timestamp: cr.timeDisposed
+      });
+    } else if (CR.isAcceptedOnAppeal(cr)) {
+      els.push({
+        label: "Accept on appeal",
+        toState: CR.State.ACCEPTED_ON_APPEAL,
+        timestamp: cr.timeDisposed,
+        input: {
+          registerOwnerNotes: cr.registerOwnerNotes
+        }
+      });
+    } else if (CR.isRejectedOnAppeal(cr)) {
+      els.push({
+        label: "Uphold rejection",
+        toState: CR.State.REJECTION_UPHELD_ON_APPEAL,
+        timestamp: cr.timeDisposed,
+        input: {
+          registerOwnerNotes: cr.registerOwnerNotes
+        }
+      });
+    }
+
+    return els;
+  }
+}
+/**
+ * Lists transitions between states,
+ * emphasizing the end (current as of now) state.
+ */
+
+
+const TransitionsAndStatus = function ({
+  pastTransitions,
+  isFinal
+}) {
+  return (0, _react.jsx)(_react2.default.Fragment, null, pastTransitions.map((entry, idx) => {
+    var _a, _b, _c;
+
+    if (entry) {
+      const {
+        label,
+        stakeholder,
+        fromState,
+        toState,
+        input,
+        timestamp
+      } = entry;
+      return (0, _react.jsx)(TransitionEntryWrapper, {
+        title: `Transition ${fromState ? `from ${fromState} ` : ''}to ${toState}`,
+        css: (0, _react.css)`
+                background: linear-gradient(
+                  345deg,
+                  ${(_a = _TransitionOptions.STATE_COLOR[toState]) !== null && _a !== void 0 ? _a : _core.Colors.GRAY1}aa,
+                  ${(_b = _TransitionOptions.STATE_COLOR[toState]) !== null && _b !== void 0 ? _b : _core.Colors.GRAY1} 50%);
+                position: sticky;
+                top: ${idx * 3}px;
+                z-index: 1;
+                ${idx === pastTransitions.length - 1 ? `
+                      font-weight: bold;
+                      ${isFinal ? `
+                            &::before {
+                              ${transitionEntryDecorativeMarkerFinal}
+                            }
+                          ` : ''}
+                    ` : ''}
+                  ${idx === 0 ? `
+                        &::before {
+                          ${transitionEntryDecorativeMarkerInitial}
+                        }
+                      ` : ''}
+              `,
+        key: idx
+      }, label, input || timestamp || stakeholder ? (0, _react.jsx)(_react2.default.Fragment, null, "\u00A0", (0, _react.jsx)(_HelpTooltip.default, {
+        icon: "info-sign",
+        content: (0, _react.jsx)("div", {
+          css: (0, _react.css)`display: flex; flex-flow: column nowrap;`
+        }, stakeholder ? (0, _react.jsx)("span", null, (0, _react.jsx)(_RegisterStakeholder.RegisterStakeholderListItem, {
+          stakeholder: stakeholder
+        })) : null, timestamp ? ((_c = timestamp.toISOString) === null || _c === void 0 ? void 0 : _c.call(timestamp)) || timestamp : null, input ? (0, _react.jsx)("div", null, (0, _react.jsx)(_InlineDiff.Val, {
+          val: (0, _util.normalizeObjectRecursively)(input)
+        })) : null)
+      })) : undefined);
+    } else {
+      if (idx > 0 && pastTransitions[idx - 1] !== undefined) {
+        return (0, _react.jsx)(MissingTransitionEntries, null);
+      } else {
+        // Don’t output multiple missing steps in a row.
+        return null;
+      }
+    }
+  }));
+};
+/** Shown in place of transition entries, if some are missing. */
+
+
+exports.TransitionsAndStatus = TransitionsAndStatus;
+
+const MissingTransitionEntries = function () {
+  return (0, _react.jsx)("div", {
+    title: "No detailed state transitions available"
+  }, (0, _react.jsx)(_core.Icon, {
+    icon: "more",
+    css: (0, _react.css)`
+          position: relative;
+          left: ${TRANSITION_ENTRY_MARKER_SIDE_OFFSET_PX}px;
+          transform: translateX(-50%);
+        `
+  }));
+};
+
+const TRANSITION_ENTRY_MARKER_SIDE_OFFSET_PX = 22;
+/**
+ * Style rules for pseudo-element that contains decorative marker line with a circle.
+ */
+
+const transitionEntryDecorativeMarker = `
+  content: " ";
+  background: white;
+  display: block;
+  overflow: hidden;
+  z-index: 1;
+  position: absolute;
+  left: ${TRANSITION_ENTRY_MARKER_SIDE_OFFSET_PX}px;
+
+  transform: translateX(-50%);
+  top: 0;
+  width: 2px;
+  bottom: 0;
+`;
+/**
+ * Style rules for pseudo-element that contains decorative marker line with a circle.
+ */
+
+const transitionEntryDecorativeMarkerInitial = `
+  top: 50%;
+`;
+/**
+ * Style rules for pseudo-element that contains decorative marker line with a circle.
+ */
+
+const transitionEntryDecorativeMarkerFinal = `
+  bottom: 50%;
+`;
+const TransitionEntryWrapper = _styled.default.div`
+  position: relative;
+  color: white;
+  padding: 10px;
+  padding-left: ${TRANSITION_ENTRY_MARKER_SIDE_OFFSET_PX + 20}px;
+  margin-bottom: 1px;
+
+  &::after {
+    content: " ";
+    background: white;
+    display: block;
+    overflow: hidden;
+    z-index: 1;
+    position: absolute;
+    left: ${TRANSITION_ENTRY_MARKER_SIDE_OFFSET_PX}px;
+
+    transform: translateX(-50%) translateY(-50%);
+    top: 50%;
+    width: 10px;
+    height: 10px;
+    border-radius: 100%;
+  }
+
+  &::before {
+    ${transitionEntryDecorativeMarker}
+  }
+`;
+var _default = TransitionsAndStatus;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransitionHistory.js","sourceRoot":"","sources":["../../../src/views/change-request/TransitionHistory.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport styled from '@emotion/styled';\nimport { jsx, css } from '@emotion/react';\nimport React from 'react';\nimport { Icon, Colors } from '@blueprintjs/core';\n\nimport { normalizeObjectRecursively } from '@riboseinc/paneron-extension-kit/util';\nimport HelpTooltip from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';\n\nimport { Val } from '../diffing/InlineDiff';\nimport { RegisterStakeholderListItem } from '../RegisterStakeholder';\nimport * as CR from '../../types/cr';\nimport { type RegisterStakeholder } from '../../types/stakeholder';\nimport { STATE_COLOR } from './TransitionOptions';\n\n\n/**\n * Transition history entry is mostly like `CR.TransitionEntry`,\n * except it has optional fields and can be `undefined` to represent\n * missing parts of history.\n */\nexport type TransitionHistoryEntry = Omit<CR.TransitionEntry, 'timestamp' | 'fromState' | 'stakeholder' | 'input'> & {\n  timestamp?: Date\n  fromState?: CR.StateType\n  stakeholder?: RegisterStakeholder\n  input?: CR.StateInput\n} | undefined;\n\n\n/**\n * Outputs transition history,\n * back-filling it from state and timestamps if `pastTransitions` is not present.\n */\nexport function getTransitionHistory(cr: CR.Base): TransitionHistoryEntry[] {\n  if (cr.pastTransitions && cr.pastTransitions.length > 0) {\n    return [{\n      label: \"Create\",\n      toState: CR.State.DRAFT,\n      timestamp: (cr as CR.Drafted).timeStarted,\n    }, ...cr.pastTransitions];\n\n  } else {\n    const els: TransitionHistoryEntry[] = [];\n\n    els.push({\n      label: \"Create\",\n      toState: CR.State.DRAFT,\n      timestamp: (cr as CR.Drafted).timeStarted,\n    });\n\n    if (!CR.isDrafted(cr)) {\n      els.push(undefined);\n    }\n\n    // Backward compatibility\n\n    if (CR.isProposed(cr)) {\n      els.push({\n        label: \"Propose\",\n        toState: CR.State.PROPOSED,\n        timestamp: cr.timeProposed,\n        input: { justification: cr.justification },\n      });\n    }\n\n    if (CR.isSubmittedForControlBodyReview(cr)) {\n      els.push({\n        label: \"Submit for control body review\",\n        fromState: CR.State.PROPOSED,\n        toState: CR.State.SUBMITTED_FOR_CONTROL_BODY_REVIEW,\n        input: { registerManagerNotes: cr.registerManagerNotes },\n      });\n    }\n\n    if (CR.isReturnedForClarification(cr)) {\n      els.push({\n        label: \"Return for clarification\",\n        toState: CR.State.RETURNED_FOR_CLARIFICATION,\n        input: {\n          registerManagerNotes: cr.registerManagerNotes,\n          controlBodyNotes: (cr as any).controlBodyNotes,\n        },\n      });\n    }\n\n    if (CR.isWithdrawn(cr)) {\n      els.push({\n        label: \"Withdraw\",\n        toState: CR.State.WITHDRAWN,\n        timestamp: cr.timeDisposed,\n      });\n    } else if (CR.isAccepted(cr)) {\n      els.push({\n        label: \"Accept\",\n        toState: CR.State.ACCEPTED,\n        timestamp: cr.timeDisposed,\n        input: {\n          controlBodyNotes: (cr as any).controlBodyNotes,\n        },\n      });\n    } else if (CR.isRejected(cr)) {\n      els.push({\n        label: \"Reject\",\n        toState: CR.State.REJECTED,\n        timestamp: cr.timeDisposed,\n        input: {\n          controlBodyNotes: (cr as any).controlBodyNotes,\n        },\n      });\n    }\n\n    if (CR.isAppealed(cr)) {\n      els.push({\n        label: \"Appeal\",\n        toState: CR.State.APPEALED,\n        input: {\n          appealReason: cr.appealReason,\n        },\n      });\n    }\n\n    if (CR.isRejectedWithAppealWithdrawn(cr)) {\n      els.push({\n        label: \"Withdraw appeal\",\n        toState: CR.State.APPEAL_WITHDRAWN,\n        timestamp: cr.timeDisposed,\n      });\n    } else if (CR.isAcceptedOnAppeal(cr)) {\n      els.push({\n        label: \"Accept on appeal\",\n        toState: CR.State.ACCEPTED_ON_APPEAL,\n        timestamp: cr.timeDisposed,\n        input: {\n          registerOwnerNotes: cr.registerOwnerNotes,\n        },\n      });\n    } else if (CR.isRejectedOnAppeal(cr)) {\n      els.push({\n        label: \"Uphold rejection\",\n        toState: CR.State.REJECTION_UPHELD_ON_APPEAL,\n        timestamp: cr.timeDisposed,\n        input: {\n          registerOwnerNotes: cr.registerOwnerNotes,\n        },\n      });\n    }\n    return els;\n  }\n}\n\n\n/**\n * Lists transitions between states,\n * emphasizing the end (current as of now) state.\n */\nexport const TransitionsAndStatus: React.VoidFunctionComponent<{\n  pastTransitions: TransitionHistoryEntry[]\n  isFinal?: boolean\n}> = function ({ pastTransitions, isFinal }) {\n  return (\n    <>\n      {pastTransitions.map((entry, idx) => {\n        if (entry) {\n          const { label, stakeholder, fromState, toState, input, timestamp } = entry;\n          return <TransitionEntryWrapper\n              title={`Transition ${fromState ? `from ${fromState} ` : ''}to ${toState}`}\n              css={css`\n                background: linear-gradient(\n                  345deg,\n                  ${STATE_COLOR[toState] ?? Colors.GRAY1}aa,\n                  ${STATE_COLOR[toState] ?? Colors.GRAY1} 50%);\n                position: sticky;\n                top: ${idx * 3}px;\n                z-index: 1;\n                ${idx === pastTransitions.length - 1\n                  ? `\n                      font-weight: bold;\n                      ${isFinal\n                        ? `\n                            &::before {\n                              ${transitionEntryDecorativeMarkerFinal}\n                            }\n                          `\n                        : ''}\n                    `\n                  : ''}\n                  ${idx === 0\n                    ? `\n                        &::before {\n                          ${transitionEntryDecorativeMarkerInitial}\n                        }\n                      `\n                    : ''}\n              `}\n              key={idx}>\n            {label}\n            {input || timestamp || stakeholder\n              ? <>&nbsp;<HelpTooltip icon=\"info-sign\" content={<div css={css`display: flex; flex-flow: column nowrap;`}>\n                  {stakeholder\n                    ? <span><RegisterStakeholderListItem stakeholder={stakeholder} /></span>\n                    : null}\n                  {timestamp\n                    ? (timestamp.toISOString?.() || timestamp)\n                    : null}\n                  {input\n                    ? <div><Val val={normalizeObjectRecursively(input)} /></div>\n                    : null}\n                </div>} /></>\n              : undefined}\n          </TransitionEntryWrapper>\n        } else {\n          if (idx > 0 && pastTransitions[idx - 1] !== undefined) {\n            return <MissingTransitionEntries />;\n          } else {\n            // Don’t output multiple missing steps in a row.\n            return null;\n          }\n        }\n      })}\n    </>\n  );\n};\n\n\n/** Shown in place of transition entries, if some are missing. */\nconst MissingTransitionEntries: React.VoidFunctionComponent<Record<never, never>> = function () {\n  return (\n    <div title=\"No detailed state transitions available\">\n      <Icon\n        icon=\"more\"\n        css={css`\n          position: relative;\n          left: ${TRANSITION_ENTRY_MARKER_SIDE_OFFSET_PX}px;\n          transform: translateX(-50%);\n        `}\n      />\n    </div>\n  );\n};\n\n\nconst TRANSITION_ENTRY_MARKER_SIDE_OFFSET_PX = 22;\n\n/**\n * Style rules for pseudo-element that contains decorative marker line with a circle.\n */\nconst transitionEntryDecorativeMarker = `\n  content: \" \";\n  background: white;\n  display: block;\n  overflow: hidden;\n  z-index: 1;\n  position: absolute;\n  left: ${TRANSITION_ENTRY_MARKER_SIDE_OFFSET_PX}px;\n\n  transform: translateX(-50%);\n  top: 0;\n  width: 2px;\n  bottom: 0;\n`;\n\n/**\n * Style rules for pseudo-element that contains decorative marker line with a circle.\n */\nconst transitionEntryDecorativeMarkerInitial = `\n  top: 50%;\n`;\n\n/**\n * Style rules for pseudo-element that contains decorative marker line with a circle.\n */\nconst transitionEntryDecorativeMarkerFinal = `\n  bottom: 50%;\n`;\n\n\nconst TransitionEntryWrapper = styled.div`\n  position: relative;\n  color: white;\n  padding: 10px;\n  padding-left: ${TRANSITION_ENTRY_MARKER_SIDE_OFFSET_PX + 20}px;\n  margin-bottom: 1px;\n\n  &::after {\n    content: \" \";\n    background: white;\n    display: block;\n    overflow: hidden;\n    z-index: 1;\n    position: absolute;\n    left: ${TRANSITION_ENTRY_MARKER_SIDE_OFFSET_PX}px;\n\n    transform: translateX(-50%) translateY(-50%);\n    top: 50%;\n    width: 10px;\n    height: 10px;\n    border-radius: 100%;\n  }\n\n  &::before {\n    ${transitionEntryDecorativeMarker}\n  }\n`;\n\n\nexport default TransitionsAndStatus;\n"]}

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

@@ -0,0 +1,38 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { jsx } from '@emotion/react';
+import { Intent, Colors } from '@blueprintjs/core';
+import type { RegisterStakeholder } from '../../types';
+import * as CR from '../../types/cr';
+export interface TransitionOptions<C extends CR.SomeCR> {
+    cr: C;
+    transitions: PossibleTransitionForCR<C>[];
+    stakeholder?: RegisterStakeholder;
+    className?: string;
+}
+declare function TransitionOptions<C extends CR.SomeCR>({ cr, transitions, stakeholder, className }: TransitionOptions<C>): jsx.JSX.Element;
+declare type PossibleTransitionForCR<CR extends CR.Base> = [
+    targetState: CR.StateType,
+    cfg: CR.TransitionConfig<CR, CR.SomeCR, any>
+];
+/**
+ * Returns a list of transitions
+ * that can be performed on given CR by given stakeholder.
+ */
+export declare function getTransitions<CR extends CR.Base>(cr: CR, stakeholder: RegisterStakeholder): PossibleTransitionForCR<CR>[];
+/**
+ * Returns true if given CR can be transitioned
+ * *and* given stakeholder is eligible to transition it.
+ */
+export declare function canBeTransitionedBy(stakeholder: RegisterStakeholder, cr: CR.SomeCR): boolean;
+/**
+ * Returns True if there is no possible transition for given state.
+ */
+export declare function isFinalState(state: CR.StateType): boolean;
+export declare const STATE_INTENT: {
+    [key in CR.StateType]?: Intent;
+};
+export declare const STATE_COLOR: {
+    [key in CR.StateType]?: typeof Colors[keyof typeof Colors];
+};
+export default TransitionOptions;