@riboseinc/paneron-registry-kit 2.2.9 → 2.2.11

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

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

package/views/detail/RegisterItem/index.d.ts

@@ -3,16 +3,15 @@
 import React from 'react';
 import { type RegisterItem, type InternalItemReference, type ItemClassConfiguration } from '../../../types';
 export declare const ItemDetail: React.VoidFunctionComponent<{
-    item: RegisterItem<any>;
+    item: RegisterItem;
     itemRef: InternalItemReference;
     itemClass: ItemClassConfiguration<any>;
     className?: string;
-    inProposalWithID?: string;
+    compactHeader?: boolean;
 }>;
 declare const _default: {
     main: React.VoidFunctionComponent<{
         uri: string;
-        inProposalWithID?: string | undefined;
     }>;
     title: React.FC<{
         uri: string;

package/views/detail/RegisterItem/index.js

@@ -9,16 +9,12 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _react2 = require("@emotion/react");
 
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _core = require("@blueprintjs/core");
 
 var _context = require("@riboseinc/paneron-extension-kit/context");
 
 var _util = require("@riboseinc/paneron-extension-kit/util");
 
-var _HelpTooltip = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/HelpTooltip"));
-
 var _context2 = require("@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context");
 
 var _useSingleRegisterItemData = _interopRequireDefault(require("../../hooks/useSingleRegisterItemData"));
@@ -58,8 +54,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * is also reused within change request view.
  */
 const MaybeItemDetail = (0, _react.memo)(function ({
-  uri,
-  inProposalWithID
+  uri
 }) {
   var _a, _b, _c; //const { value: itemData } = useSingleRegisterItemData(ref);
 
@@ -98,8 +93,7 @@ const MaybeItemDetail = (0, _react.memo)(function ({
     return (0, _react2.jsx)(ItemDetail, {
       item: itemData,
       itemRef: itemRef,
-      itemClass: itemClass,
-      inProposalWithID: inProposalWithID
+      itemClass: itemClass
     });
   } else if (itemResponse.isUpdating) {
     return (0, _react2.jsx)("div", {
@@ -135,9 +129,9 @@ const ItemDetail = (0, _react.memo)(function ({
   itemRef,
   itemClass,
   className,
-  inProposalWithID
+  compactHeader
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+  var _a, _b, _c, _d, _e, _f;
 
   const {
     subregisters,
@@ -156,12 +150,44 @@ const ItemDetail = (0, _react.memo)(function ({
   const {
     spawnTab
   } = (0, _react.useContext)(_context2.TabbedWorkspaceContext);
-  const [editedClarification, setEditedClarification] = (0, _react.useState)(null); //const [ diffMode, setDiffMode ] = useState<boolean>(false);
+  const [editedItemData, setEditedItemData] = (0, _react.useState)(null);
+  const itemDataHasChanges = JSON.stringify(editedItemData) !== JSON.stringify(item.data); // Gather views
+
+  const ListItemView = itemClass.views.listItemView;
+  let details;
+
+  if (editedItemData !== null && activeCRIsEditable) {
+    const EditView = itemClass.views.editView;
+    details = (0, _react2.jsx)(EditView, {
+      itemData: editedItemData,
+      itemRef: itemRef,
+      onChange: !isBusy ? setEditedItemData : undefined
+    });
+  } else {
+    const DetailView = (_a = itemClass.views.detailView) !== null && _a !== void 0 ? _a : itemClass.views.editView;
+    details = (0, _react2.jsx)(DetailView, {
+      itemRef: itemRef,
+      itemData: item.data
+    });
+  }
+
+  console.debug("Rendering RegisterItem view");
+  const [isEditingProposal, setIsEditingProposal] = (0, _react.useState)(false); //const [ diffMode, setDiffMode ] = useState<boolean>(false);
   // TODO: Implement diff mode
 
   const diffMode = false;
   const itemPath = (0, _itemPathUtils.itemRefToItemPath)(itemRef);
-  const proposal = (_a = activeCR && activeCR.items[itemPath] ? activeCR.items[itemPath] : null) !== null && _a !== void 0 ? _a : null;
+  /** Proposal for the current item. */
+
+  const proposal = (_b = activeCR && activeCR.items[itemPath] ? activeCR.items[itemPath] : null) !== null && _b !== void 0 ? _b : null; // It’s superseded (whether in current proposal or not)
+
+  const isSuperseded = item.status === 'superseded'; // Item is valid, proposal is editable, and no change to this item is proposed yet
+
+  const canBeSuperseded = activeCRIsEditable && !proposal && !editedItemData && item.status === 'valid'; // This item is being superseded in active proposal
+  // XXX: May be redundant with `isSuperseded`?
+
+  const isBeingSuperseded = (proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'amendment' && proposal.amendmentType === 'supersession'; // Editing is possible for additions and clarifications.
+  //const itemDataCanBeEdited = activeCRIsEditable && proposal && proposal.type !== 'amendment';
 
   const handleClearProposal = () => performProposalOperation('clearing draft proposal', null);
 
@@ -185,14 +211,14 @@ const ItemDetail = (0, _react.memo)(function ({
     await performProposalOperation('proposing clarification', {
       type: 'clarification'
     });
-    setEditedClarification(null);
+    setEditedItemData(null); // XXX: Redundant?
   };
 
   const handleEditAddition = async () => {
     await performProposalOperation('editing proposed addition', {
       type: 'addition'
     });
-    setEditedClarification(null);
+    setEditedItemData(null); // XXX: Redundant?
   };
 
   async function performProposalOperation(summary, proposal) {
@@ -204,7 +230,7 @@ const ItemDetail = (0, _react.memo)(function ({
       throw new Error("Proposal isn’t editable");
     }
 
-    if (proposal && (proposal === null || proposal === void 0 ? void 0 : proposal.type) !== 'amendment' && !editedClarification) {
+    if (proposal && (proposal === null || proposal === void 0 ? void 0 : proposal.type) !== 'amendment' && !editedItemData) {
       throw new Error("Missing item data");
     }
 
@@ -213,19 +239,21 @@ const ItemDetail = (0, _react.memo)(function ({
       objectChangeset: (0, _objectChangeset.updateCRObjectChangeset)( // TODO: We are sure it’s editable already, but casting should be avoided
       activeCR, {
         [itemPath]: proposal
-      }, proposal && (proposal === null || proposal === void 0 ? void 0 : proposal.type) !== 'amendment' && editedClarification ? {
+      }, proposal && (proposal === null || proposal === void 0 ? void 0 : proposal.type) !== 'amendment' && editedItemData ? {
         [itemPath]: { ...item,
-          data: editedClarification
+          data: editedItemData
         }
       } : {}),
       // We need this because updateCRObjectChangeset
       // omits oldValue for item data payloads.
       _dangerouslySkipValidation: true
     });
-  }, [editedClarification, activeCRIsEditable, itemPath, item, activeCR, updateObjects]); // TODO: Very similar to `handleAdd()` in Browse sidebar menu; refactor?
+    setEditedItemData(null);
+    setIsEditingProposal(false);
+  }, [editedItemData, activeCRIsEditable, itemPath, item, activeCR, updateObjects]); // TODO: Very similar to `handleAdd()` in Browse sidebar menu; refactor?
 
   const handleProposeLikeThis = (0, _react.useCallback)(async function _handleProposeLikeThis() {
-    if (!updateObjects || !makeRandomID || !activeCRIsEditable || !activeCR || !itemClass || !(0, _types.isRegisterItem)(item)) {
+    if (!updateObjects || !makeRandomID || !activeCRIsEditable || !activeCR) {
       throw new Error("Unable to create item: likely current proposal is not editable or dataset is read-only");
     }
 
@@ -267,109 +295,191 @@ const ItemDetail = (0, _react.memo)(function ({
     } else {
       throw new Error("Newly created item did not pass validation (this is likely a bug in RegistryKit");
     }
-  }, [updateObjects, activeCRIsEditable, itemPath, activeCR === null || activeCR === void 0 ? void 0 : activeCR.id, activeCR === null || activeCR === void 0 ? void 0 : activeCR.state, Object.entries((_b = activeCR === null || activeCR === void 0 ? void 0 : activeCR.items) !== null && _b !== void 0 ? _b : {}).flat().map(i => JSON.stringify(i)).toString(), item ? JSON.stringify((0, _util.normalizeObject)(item)) : item]);
-  let details;
-
-  if (editedClarification !== null && activeCRIsEditable) {
-    const EditView = itemClass.views.editView;
-    details = (0, _react2.jsx)(EditView, {
-      itemData: editedClarification,
-      itemRef: itemRef,
-      onChange: !isBusy ? setEditedClarification : undefined
-    });
-  } else {
-    const DetailView = (_c = itemClass.views.detailView) !== null && _c !== void 0 ? _c : itemClass.views.editView;
-    details = (0, _react2.jsx)(DetailView, {
-      itemRef: itemRef,
-      itemData: item.data
+  }, [updateObjects, activeCRIsEditable, itemPath, activeCR === null || activeCR === void 0 ? void 0 : activeCR.id, activeCR === null || activeCR === void 0 ? void 0 : activeCR.state, Object.entries((_c = activeCR === null || activeCR === void 0 ? void 0 : activeCR.items) !== null && _c !== void 0 ? _c : {}).flat().map(i => JSON.stringify(i)).toString(), item ? JSON.stringify((0, _util.normalizeObject)(item)) : item]);
+  const proposedSupersedingItemRefs = (proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'amendment' && proposal.amendmentType === 'supersession' ? proposal.supersedingItemIDs.map(id => ({
+    itemID: id,
+    // Superseding items are always of the same class
+    classID: itemClass.meta.id,
+    // Superseding items are always in the same subregister
+    subregisterID: itemRef.subregisterID
+  })) : undefined;
+  const supersedingItemRefs = (_d = proposedSupersedingItemRefs !== null && proposedSupersedingItemRefs !== void 0 ? proposedSupersedingItemRefs : item.supersededBy) !== null && _d !== void 0 ? _d : [];
+  const supersedingItemRefsCacheKey = supersedingItemRefs.map(i => JSON.stringify(i)).toString();
+  const supersedingItemsTooltip = (0, _react.useMemo)(() => ({
+    icon: 'info-sign',
+    content: (0, _react2.jsx)(_RelatedItems.RelatedItems, {
+      css: (0, _react2.css)`background-color: ${_core.Colors.LIGHT_GRAY3}; padding: 5px;`,
+      availableClassIDs: [itemClass.meta.id],
+      itemRefs: supersedingItemRefs
+    })
+  }), [supersedingItemRefsCacheKey, itemClass.meta.id]);
+  const classification = (0, _react.useMemo)(() => {
+    var _a, _b, _c, _d;
+
+    const classification = [{
+      icon: 'document',
+      children: (0, _react2.jsx)(_react.default.Fragment, null, "Register item", itemRef.subregisterID ? (0, _react2.jsx)("span", {
+        title: "Subregister"
+      }, " in ", (_b = (_a = subregisters === null || subregisters === void 0 ? void 0 : subregisters[itemRef.subregisterID]) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : itemRef.subregisterID) : null),
+      tooltip: {
+        icon: 'info-sign',
+        content: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_core.UL, {
+          css: (0, _react2.css)`margin: 0;`
+        }, (0, _react2.jsx)("li", null, "Class ID: ", itemClass.meta.id), (0, _react2.jsx)("li", null, "Subregister ID: ", (_c = itemRef.subregisterID) !== null && _c !== void 0 ? _c : 'N/A'), (0, _react2.jsx)("li", null, "UUID: ", itemRef.itemID)))
+      }
+    }, {
+      children: itemClass.meta.title,
+      tooltip: {
+        icon: 'info-sign',
+        content: (0, _react2.jsx)(_react.default.Fragment, null, (_d = itemClass.meta.description) !== null && _d !== void 0 ? _d : "No description is provided for this register item class.")
+      }
+    }];
+    classification.push({
+      children: item.status,
+      intent: item.status === 'valid' ? 'success' : undefined,
+      icon: item.status === 'invalid' ? 'ban-circle' : item.status === 'retired' ? 'warning-sign' : 'tick',
+      tooltip: isSuperseded ? supersedingItemsTooltip : undefined
     });
-  }
 
-  console.debug("Rendering RegisterItem view"); //const canAmend = activeCR && itemData.status === 'valid';
-
-  const itemStatus = (0, _react2.jsx)(FormGroup, {
-    inline: true,
-    label: "status:",
-    css: (0, _react2.css)`margin: 0;`
-  }, (0, _react2.jsx)(_core.ControlGroup, {
-    fill: true
-  }, (0, _react2.jsx)(_core.InputGroup, {
-    value: (proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'amendment' ? `${proposal.amendmentType} proposed` : (proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'addition' ? "addition proposed" : item.status,
-    intent: (proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'amendment' ? 'warning' : (proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'addition' ? 'primary' : item.status === 'valid' ? 'success' : undefined,
-    leftIcon: proposal && (proposal.type === 'amendment' || proposal.type === 'addition') ? 'asterisk' : item.status === 'valid' ? 'tick' : item.status === 'invalid' ? 'ban-circle' : 'warning-sign',
-    readOnly: true
-  }), activeCRIsEditable && !editedClarification ? (0, _react2.jsx)(_react.default.Fragment, null, (proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'addition' ? (0, _react2.jsx)(_core.Button, {
-    intent: "warning",
-    title: "Remove the proposal to add this new item.",
-    disabled: isBusy,
-    onClick: handleClearProposal
-  }, "Remove proposed addition") : null, (proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'amendment' ? (0, _react2.jsx)(_core.Button, {
-    intent: "warning",
-    title: `Remove amendment (${proposal.amendmentType}) for this item from current proposal.`,
-    disabled: isBusy,
-    onClick: handleClearProposal
-  }, "Clear proposed amendment") : !proposal && item.status === 'valid' ? (0, _react2.jsx)(_core.ButtonGroup, null, (0, _react2.jsx)(_core.Button, {
-    intent: "primary",
-    disabled: isBusy,
-    onClick: handleRetire
-  }, "Retire"), (0, _react2.jsx)(_core.Button, {
-    intent: "primary",
-    disabled: isBusy,
-    onClick: handleInvalidate
-  }, "Invalidate")) : null) : null)); // It’s superseded (whether in current proposal or not)
+    if (proposal) {
+      classification.push({
+        children: proposal.type === 'amendment' ? `${proposal.amendmentType} proposed` : proposal.type === 'addition' ? "addition proposed" : proposal.type === 'clarification' ? "clarification proposed" : "(unknown proposal type)",
+        intent: proposal.type === 'amendment' ? 'warning' : proposal.type === 'addition' || proposal.type === 'clarification' ? 'primary' : undefined,
+        icon: 'lightbulb',
+        minimal: false,
+        tooltip: canBeSuperseded || isBeingSuperseded ? supersedingItemsTooltip : undefined
+      });
+    }
 
-  const isSuperseded = item.status === 'superseded'; // Item is valid, proposal is editable, and no change to this item is proposed yet
+    return classification;
+  }, [proposal === null || proposal === void 0 ? void 0 : proposal.type, itemClass.meta.id, item.status, isSuperseded, canBeSuperseded, isBeingSuperseded, supersedingItemsTooltip]);
+  const actions = (0, _react.useMemo)(() => {
+    const actions = [];
+    const isEditingItemData = editedItemData !== null;
+    const itemHasProposal = proposal !== null; //const canPropose = activeCRIsEditable && item.status === 'valid' && !isBusy;
 
-  const canBeSuperseded = activeCRIsEditable && !proposal && !editedClarification && item.status === 'valid'; // This item is being superseded in active proposal
-  // XXX: May be redundant with `isSuperseded`?
+    const itemIsProposable = item.status === 'valid';
+
+    if (activeCRIsEditable) {
+      actions.push({
+        children: "Propose another item like this",
+        icon: 'duplicate',
+        disabled: isBusy,
+        onClick: performOperation('adding duplicate item to current propposal', handleProposeLikeThis) //title="Propose a new item in current proposal, using this item as template."
 
-  const isBeingSuperseded = (proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'amendment' && proposal.amendmentType === 'supersession';
-  const supersedingItems = isSuperseded || canBeSuperseded || isBeingSuperseded ? (0, _react2.jsx)(FormGroup, {
-    inline: true,
-    label: "superseded by: ",
-    css: (0, _react2.css)`margin: 0;`
-  }, (0, _react2.jsx)(_RelatedItems.RelatedItems, {
-    availableClassIDs: [itemClass.meta.id],
-    itemRefs: (proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'amendment' && proposal.amendmentType === 'supersession' ? proposal.supersedingItemIDs.map(id => ({
-      itemID: id,
-      // Superseding items are always of the same class
-      classID: itemClass.meta.id,
-      // Superseding items are always in the same subregister
-      subregisterID: itemRef.subregisterID
-    })) : (_d = item.supersededBy) !== null && _d !== void 0 ? _d : [],
-    onChange: !isBusy && activeCRIsEditable && ((proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'amendment' && proposal.amendmentType === 'supersession' || !proposal && item.status === 'valid') ? items => items.length > 0 ? handleSupersedeWith(items.map(ref => ref.itemID)) : handleClearProposal() : undefined
-  })) : null;
-  const clarificationHasChanges = JSON.stringify(editedClarification) !== JSON.stringify(item.data);
-  const clarificationAction = proposal && (proposal === null || proposal === void 0 ? void 0 : proposal.type) !== 'amendment' || activeCRIsEditable && !proposal && item.status === 'valid' ? (0, _react2.jsx)(FormGroup, {
-    inline: true,
-    label: `${(_e = proposal === null || proposal === void 0 ? void 0 : proposal.type) !== null && _e !== void 0 ? _e : "clarification"}: `,
-    css: (0, _react2.css)`margin: 0;`
-  }, activeCRIsEditable ? (0, _react2.jsx)(_core.ButtonGroup, null, editedClarification ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_core.Button, {
-    intent: clarificationHasChanges ? "primary" : undefined,
-    // TODO(perf): this is expensive if renders are frequent…
-    disabled: !clarificationHasChanges || isBusy,
-    onClick: !proposal || (proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'clarification' ? handleClarify : handleEditAddition
-  }, "Save"), (0, _react2.jsx)(_core.Button, {
-    onClick: () => setEditedClarification(null)
-  }, "Do not save")) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_core.Button, {
-    disabled: diffMode || isBusy,
-    intent: "primary",
-    outlined: true,
-    onClick: () => setEditedClarification(item.data)
-  }, !proposal ? "Clarify" : "Edit"), (proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'clarification' ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_core.Button, {
-    disabled: diffMode || isBusy || (proposal === null || proposal === void 0 ? void 0 : proposal.type) !== 'clarification',
-    intent: "warning",
-    onClick: handleClearProposal
-  }, "Clear")) : null)) : (0, _react2.jsx)(_core.Button, {
-    disabled: true
-  }, (proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'clarification' ? "Clarified" : "Added", " in active proposal")) : null;
-  const proposeLikeThis = activeCRIsEditable && !editedClarification ? (0, _react2.jsx)(_core.Button, {
-    title: "Propose a new item in current proposal, using this item as template.",
-    icon: 'plus',
-    disabled: isBusy,
-    outlined: true,
-    onClick: performOperation('duplicating item', handleProposeLikeThis)
-  }, "Propose another like this") : null; // If there’s a CR context without active CR,
+      });
+      const saveEditedItemDataButton = {
+        intent: 'primary',
+        disabled: isBusy || !itemDataHasChanges,
+        onClick: !proposal || proposal.type === 'clarification' ? handleClarify : handleEditAddition,
+        children: "Save changes"
+      };
+      const supersedingItemRefs = (proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'amendment' && proposal.amendmentType === 'supersession' ? proposal.supersedingItemIDs.map(id => ({
+        itemID: id,
+        // Superseding items are always of the same class
+        classID: itemClass.meta.id,
+        // Superseding items are always in the same subregister
+        subregisterID: itemRef.subregisterID
+      })) : [];
+      const supersedingItems = (0, _react2.jsx)(_RelatedItems.RelatedItems, {
+        availableClassIDs: [itemClass.meta.id],
+        itemRefs: supersedingItemRefs,
+        onChange: !isBusy ? items => items.length > 0 ? handleSupersedeWith(items.map(ref => ref.itemID)) : handleClearProposal() : undefined
+      });
+
+      if (itemIsProposable) {
+        if (itemHasProposal) {
+          const proposeBtn = {
+            children: `Edit ${proposal.type === 'amendment' ? proposal.amendmentType : proposal.type} proposal for this item`,
+            icon: 'edit',
+            active: isEditingProposal,
+            disabled: isBusy,
+            onClick: () => {
+              if (isEditingProposal) {
+                setIsEditingProposal(false);
+                setEditedItemData(null);
+
+                if (proposal && proposal.type !== 'amendment') {}
+              } else {
+                setIsEditingProposal(true);
+
+                if (proposal && proposal.type !== 'amendment') {
+                  setEditedItemData(item.data);
+                }
+              }
+            }
+          };
+
+          if (isEditingProposal) {
+            const editActions = [{
+              disabled: isBusy || itemDataHasChanges && proposal.type !== 'amendment',
+              onClick: handleClearProposal,
+              icon: 'trash',
+              children: "Remove",
+              tooltip: [`NOTE: Discarding this proposal `, `will discard ${proposal.type === 'addition' ? "new" : "changes to"} item’s data `, 'you provided as part of the proposal.'].join(''),
+              intent: proposal.type !== 'amendment' ? 'danger' : 'warning'
+            }];
+
+            if (isEditingItemData) {
+              editActions.push(saveEditedItemDataButton);
+            } else if (proposal.type === 'amendment' && proposal.amendmentType === 'supersession') {
+              editActions.push({
+                disabled: isBusy,
+                children: "Specify superseding items",
+                popup: (0, _react2.jsx)("div", {
+                  css: (0, _react2.css)`padding: 10px;`
+                }, supersedingItems)
+              });
+            }
+
+            actions.push([proposeBtn, ...editActions]);
+          } else {
+            actions.push(proposeBtn);
+          }
+        } else {
+          const proposeBtn = {
+            children: "Propose to change this item",
+            icon: 'lightbulb',
+            active: isEditingProposal,
+            disabled: isBusy,
+            onClick: () => setIsEditingProposal(v => !v)
+          };
+
+          if (isEditingProposal) {
+            const proposalGroup = [proposeBtn, {
+              disabled: isBusy || itemHasProposal,
+              onClick: handleRetire,
+              children: "Retire"
+            }, {
+              disabled: isBusy || itemHasProposal,
+              onClick: handleInvalidate,
+              children: "Invalidate"
+            }, {
+              disabled: isBusy || itemHasProposal || isEditingItemData,
+              popup: supersedingItems,
+              children: "Supersede"
+            }, {
+              disabled: isBusy || diffMode,
+              active: isEditingItemData,
+              onClick: () => setEditedItemData(d => d === null ? item.data : null),
+              children: "Clarify"
+            }];
+
+            if (isEditingItemData && itemDataHasChanges) {
+              proposalGroup.push(saveEditedItemDataButton);
+            }
+
+            actions.push(proposalGroup);
+          } else {
+            actions.push(proposeBtn);
+          }
+        }
+      }
+    } // TODO: diff view
+
+
+    return actions;
+  }, [isBusy, itemClass.meta.id, proposal === null, proposal === null || proposal === void 0 ? void 0 : proposal.type, (_e = proposal === null || proposal === void 0 ? void 0 : proposal.supersedingItemIDs) === null || _e === void 0 ? void 0 : _e.toString(), activeCRIsEditable, editedItemData === null, itemDataHasChanges, isEditingProposal, performOperation, handleSetProposal]); // If there’s a CR context without active CR,
   // or active CR isn’t the same as the one in CR context,
   // then we can assume that the item is shown in proposal window
   // and we’d set window title to proposal’s title rather than item’s.
@@ -379,22 +489,17 @@ const ItemDetail = (0, _react.memo)(function ({
   // (makes sense because the user *is* technically viewing a proposal then).
 
   const windowTitle = activeCR && (!globallyActiveCRID || activeCR.id !== globallyActiveCRID || activeCR.items[itemPath]) ? `Proposal ${(0, _util2.maybeEllipsizeString)(activeCR.justification, 20)}…` : `${(_f = itemClass.meta.title) !== null && _f !== void 0 ? _f : 'register item'} #${item.id}`;
-  return (0, _react2.jsx)(_util2.TabContentsWithActions, {
-    actions: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(FormGroup, {
-      inline: true,
-      labelInfo: (0, _react2.jsx)(_HelpTooltip.default, {
-        icon: 'info-sign',
-        content: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_core.H5, null, itemClass.meta.title), (_g = itemClass.meta.description) !== null && _g !== void 0 ? _g : "No description is provided for this register item class.", (0, _react2.jsx)(_core.UL, null, (0, _react2.jsx)("li", null, "Class ID: ", itemClass.meta.id), (0, _react2.jsx)("li", null, "Subregister ID: ", (_h = itemRef.subregisterID) !== null && _h !== void 0 ? _h : 'N/A'), (0, _react2.jsx)("li", null, "UUID: ", itemRef.itemID)))
-      }),
-      label: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("strong", null, itemClass.meta.title), itemRef.subregisterID ? (0, _react2.jsx)("span", {
-        title: "Subregister"
-      }, " in ", (_k = (_j = subregisters === null || subregisters === void 0 ? void 0 : subregisters[itemRef.subregisterID]) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : itemRef.subregisterID) : null),
-      css: (0, _react2.css)`margin: 0; .bp4-form-content { display: flex; flex-flow: row wrap; gap: 10px; }`
-    }, itemStatus, supersedingItems, clarificationAction, proposeLikeThis)),
-    main: (0, _react2.jsx)(_core.Card, {
-      css: (0, _react2.css)`position: absolute; inset: ${inProposalWithID ? '0' : '10px'}; overflow-y: auto;`
-    }, (0, _react2.jsx)(_util2.RegisterHelmet, null, (0, _react2.jsx)("title", null, windowTitle)), details)
-  });
+  return (0, _react2.jsx)(_util2.TabContentsWithHeader, {
+    smallTitle: compactHeader,
+    title: (0, _react2.jsx)(ListItemView, {
+      itemRef: itemRef,
+      itemData: item.data
+    }),
+    classification: classification,
+    actions: actions
+  }, (0, _react2.jsx)(_core.Card, {
+    css: (0, _react2.css)`position: absolute; border-radius: 0; inset: ${compactHeader ? '0' : '10px'}; overflow-y: auto;`
+  }, (0, _react2.jsx)(_util2.RegisterHelmet, null, (0, _react2.jsx)("title", null, windowTitle)), details));
 });
 exports.ItemDetail = ItemDetail;
 
@@ -427,10 +532,4 @@ var _default = {
   main: MaybeItemDetail,
   title: ItemTitle
 };
-exports.default = _default;
-const FormGroup = (0, _styled.default)(_core.FormGroup)`
-  margin: 0;
-  label.bp4-label {
-    white-space: nowrap;
-  }
-`;
+exports.default = _default;