@riboseinc/paneron-registry-kit 2.2.30 → 2.2.32

package/views/GenericRelatedItemView.js

@@ -51,7 +51,7 @@ const GenericRelatedItemView = function ({
   // itemSorter,
 
 }) {
-  var _a;
+  var _a, _b;
 
   const {
     useRegisterItemData,
@@ -180,18 +180,30 @@ const GenericRelatedItemView = function ({
 
     return itemButtons;
   }, [itemID, itemResult.isUpdating, onCreateNew, onChange, onClear]);
-  const itemTitle = hasItem ? `${itemClassTitle !== null && itemClassTitle !== void 0 ? itemClassTitle : 'unknown class'} item ${itemID !== null && itemID !== void 0 ? itemID : 'with unknown ID'}` : undefined; //log.debug("Rendering generic related item view: got item", item);
+  const itemTitle = hasItem ? `${itemClassTitle !== null && itemClassTitle !== void 0 ? itemClassTitle : 'unknown class'} item ${itemID !== null && itemID !== void 0 ? itemID : 'with unknown ID'}` : undefined;
+  /** Input ref for using within this component */
+
+  const cbRef = (0, _react2.useRef)(null);
+
+  const _drawerContainerRef = (0, _react2.useRef)(null);
+
+  const closePeekingDrawer = (0, _react2.useCallback)(() => setPeekingDrawerState(false), [setPeekingDrawerState]);
+
+  const _itemRef = (0, _react2.useMemo)(() => itemRef, [JSON.stringify(itemRef)]); //log.debug("Rendering generic related item view: got item", item);
+
 
   return (0, _react.jsx)(_core.ControlGroup, {
     dir: "ltr",
     className: className,
     title: itemTitle,
     ...controlGroupProps
-  }, (0, _react.jsx)(_core.InputGroup, {
+  }, (0, _react.jsx)("div", {
+    ref: cbRef
+  }), (0, _react.jsx)(_core.InputGroup, {
     fill: hasItem,
     readOnly: !onChange && !onClear,
-    onChange: () => void 0,
     inputRef: inputRef,
+    onChange: (0, _react2.useCallback)(() => void 0, []),
     css: (0, _react.css)`
           /* leftElement which displays itemView */
           .bp4-input-left-container {
@@ -227,13 +239,14 @@ const GenericRelatedItemView = function ({
     ...props
   })), (0, _react.jsx)(_ItemSearchDrawer.default, {
     isOpen: selectDialogState,
-    onClose: () => setSelectDialogState(false),
+    onClose: (0, _react2.useCallback)(() => setSelectDialogState(false), [setSelectDialogState]),
     onChooseItem: onChange,
     availableClassIDs: classIDs
-  }), itemRef ? (0, _react.jsx)(_ItemDetailsDrawer.default, {
+  }), _itemRef ? (0, _react.jsx)(_ItemDetailsDrawer.default, {
     isOpen: peekingDrawerState,
-    onClose: () => setPeekingDrawerState(false),
-    itemRef: itemRef
+    onClose: closePeekingDrawer,
+    itemRef: _itemRef,
+    portalContainer: (_b = _drawerContainerRef.current) !== null && _b !== void 0 ? _b : undefined
   }) : null);
 };
 

package/views/GenericRelatedItemView.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenericRelatedItemView.js","sourceRoot":"","sources":["../../src/views/GenericRelatedItemView.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx, css } from '@emotion/react';\nimport React, { useContext, useCallback, useMemo, useState } from 'react';\nimport { InputGroup, Button, ControlGroup, type ControlGroupProps, type ButtonProps } from '@blueprintjs/core';\nimport {\n  type GenericRelatedItemViewProps,\n  type RelatedItemClassConfiguration,\n  isRegisterItem,\n} from '../types';\nimport { BrowserCtx } from './BrowserCtx';\nimport { ChangeRequestContext } from './change-request/ChangeRequestContext';\nimport { isDrafted } from '../types/cr';\nimport ItemSearchDrawer from './ItemSearchDrawer';\nimport ItemDetailsDrawer from './ItemDetailsDrawer';\n\n\nconst DUMMY_REF = {\n  classID: '',\n  itemID: '',\n  subregisterID: '',\n} as const;\n\n\nexport const GenericRelatedItemView: React.FC<GenericRelatedItemViewProps & {\n  controlGroupProps?: ControlGroupProps\n}> = function ({\n  itemRef, className,\n  onCreateNew, onClear, onChange,\n  availableClassIDs,\n  onJump,\n  inputRef,\n  controlGroupProps,\n  // availableSubregisterIDs,\n  // itemSorter,\n}) {\n  const {\n    useRegisterItemData,\n    getRelatedItemClassConfiguration,\n    jumpTo,\n  } = useContext(BrowserCtx);\n  const { changeRequest: activeChangeRequest } = useContext(ChangeRequestContext);\n  const { classID, itemID, subregisterID } = itemRef ?? DUMMY_REF;\n\n  const itemPathWithClass = `${classID}/${itemID}.yaml`;\n  // If curretn register has subregisters, specify subregister-relative path\n  const itemPathWithSubregister = subregisterID\n    ? `subregisters/${subregisterID}/${itemPathWithClass}`\n    : `${itemPathWithClass}`;\n  // If a change request is active\n  // and this item is among clarifications or additions\n  // then use item path relative to the change request\n  // TODO: make useRegisterItemData() handle active change request\n  const affectedByActiveCR = (\n    activeChangeRequest &&\n    isDrafted(activeChangeRequest) &&\n    activeChangeRequest.items[itemPathWithSubregister]\n  );\n  const itemPath = affectedByActiveCR\n    ? `/proposals/${activeChangeRequest.id}/items/${itemPathWithSubregister}`\n    : `/${itemPathWithSubregister}`;\n\n  const [selectDialogState, setSelectDialogState] = useState(false);\n  const [peekingDrawerState, setPeekingDrawerState] = useState(false);\n\n  //log.debug(\"Rendering generic related item view\", itemRef);\n  //const { jumpToItem } = useContext(BrowserCtx);\n\n  const itemResult = useRegisterItemData({ itemPaths: [itemPath] });\n  const item = (itemResult.value?.[itemPath] || null);\n\n  const [classConfigured, cfg]: [boolean, RelatedItemClassConfiguration] = useMemo(() => {\n    let classConfigured: boolean;\n    let cfg: RelatedItemClassConfiguration;\n    try {\n      cfg = getRelatedItemClassConfiguration(classID);\n      classConfigured = true;\n    } catch (e) {\n      cfg = {\n        title: classID,\n        itemView: () => <span>{itemID}</span>\n      };\n      classConfigured = false;\n    }\n    return [classConfigured, cfg];\n  }, [itemID, classID, getRelatedItemClassConfiguration]);\n\n  const Item = cfg.itemView;\n\n  const classIDs = useMemo((() =>\n    availableClassIDs ?? ((itemRef?.classID ?? '') !== '' ? [itemRef!.classID] : [])\n  ), [availableClassIDs?.join(','), itemRef?.classID]);\n\n  const itemClassTitle = cfg.title.trim() || null;\n\n  const hasItem = item !== null && classConfigured && isRegisterItem(item);\n  const itemIsMissing = itemID !== '' && (item === null && !itemResult.isUpdating);\n  const willShowItemView = hasItem || itemIsMissing || !onChange;\n  const canJump = (item !== null || itemIsMissing) && classConfigured && !itemResult.isUpdating && (onJump || jumpTo);\n\n  const jump = useCallback(function jump() {\n    return onJump\n      ? onJump()\n      : setPeekingDrawerState(true)\n  }, [onJump, jumpTo]);\n\n  const itemView: JSX.Element | null = useMemo(() => {\n    const classView = <small css={css`letter-spacing: -.01em`}>\n      {itemClassTitle\n        ? itemClassTitle\n        : <em>unknown class</em>}\n    </small>;\n    const itemView = hasItem\n      ? <Item\n          itemRef={{ classID, itemID, subregisterID }}\n          itemData={item.data}\n        />\n      : itemIsMissing\n          ? <span css={css`overflow: hidden; text-overflow: ellipsis;`}>\n              Not found: {itemID ?? 'N/A'}\n            </span>\n          : <span>Not specified</span>;\n    return <>{itemView}&emsp;{classView}</>;\n  }, [itemID, classID, itemClassTitle, subregisterID, item?.data, hasItem, itemIsMissing]);\n\n  const itemButtons = useMemo(() => {\n    const canAutoCreateRelatedItem = itemID === '' && onCreateNew && !itemResult.isUpdating;\n    const canChangeRelatedItem = /*classIDs.length >= 1 && */onChange && !itemResult.isUpdating;\n    const canClear = onClear && itemID !== '' && !itemResult.isUpdating;\n\n    let itemButtons: (ButtonProps & { title: string })[] = [];\n\n    async function handleCreateNew() {\n      if (!onCreateNew) { return; }\n      const itemRef = await onCreateNew();\n      console.debug(\"Created new item\", itemRef);\n    }\n\n    if (!hasItem && canAutoCreateRelatedItem) {\n      itemButtons.push({\n        onClick: handleCreateNew,\n        icon: 'add',\n        text: 'Auto create',\n        intent: 'primary',\n        title: \"Automatically create new item\",\n      });\n    }\n    if (canChangeRelatedItem) {\n      itemButtons.push({\n        onClick: () => setSelectDialogState(true),\n        icon: 'edit',\n        text: willShowItemView ? undefined : 'Specify',\n        intent: 'primary',\n        title: \"Select related item\",\n        /*disabled: classIDs.length < 1,*/\n      });\n    }\n    if (canClear) {\n      itemButtons.push({\n        onClick: onClear,\n        icon: 'eraser',\n        intent: 'danger',\n        title: \"Clear related item selection\",\n      });\n    }\n\n    return itemButtons;\n  }, [itemID, itemResult.isUpdating, onCreateNew, onChange, onClear]);\n\n  const itemTitle = hasItem\n    ? `${itemClassTitle ?? 'unknown class'} item ${itemID ?? 'with unknown ID'}`\n    : undefined;\n\n  //log.debug(\"Rendering generic related item view: got item\", item);\n  return (\n    <ControlGroup\n        dir=\"ltr\"\n        className={className}\n        title={itemTitle}\n        {...controlGroupProps}>\n\n      <InputGroup\n        fill={hasItem}\n        readOnly={!onChange && !onClear}\n        onChange={() => void 0}\n        inputRef={inputRef}\n        css={css`\n          /* leftElement which displays itemView */\n          .bp4-input-left-container {\n            top: unset;\n            bottom: .42em;\n            padding-left: 10px;\n            padding-right: 5px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n\n            display: inline-flex;\n            flex-flow: row nowrap;\n            align-items: baseline;\n\n            max-width: 70%;\n          }\n          .bp4-input {\n            color: rgba(125, 125, 125, 0.5);\n            font-family: monospace;\n          }\n        `}\n        leftElement={itemView}\n        value={itemID ?? ''}\n        title={itemTitle}\n      />\n\n      {canJump\n        ? <Button outlined onClick={jump} icon=\"maximize\" />\n        : null}\n\n      {itemButtons.map((props, idx) =>\n        <Button key={idx} outlined {...props} />\n      )}\n\n      <ItemSearchDrawer\n        isOpen={selectDialogState}\n        onClose={() => setSelectDialogState(false)}\n        onChooseItem={onChange}\n        availableClassIDs={classIDs}\n      />\n\n      {itemRef\n        ? <ItemDetailsDrawer\n            isOpen={peekingDrawerState}\n            onClose={() => setPeekingDrawerState(false)}\n            itemRef={itemRef}\n          />\n        : null}\n\n    </ControlGroup>\n  );\n};\n\n\nexport default GenericRelatedItemView;\n"]}
+{"version":3,"file":"GenericRelatedItemView.js","sourceRoot":"","sources":["../../src/views/GenericRelatedItemView.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx, css } from '@emotion/react';\nimport React, { useRef, useContext, useCallback, useMemo, useState } from 'react';\nimport { InputGroup, Button, ControlGroup, type ControlGroupProps, type ButtonProps } from '@blueprintjs/core';\nimport {\n  type GenericRelatedItemViewProps,\n  type RelatedItemClassConfiguration,\n  isRegisterItem,\n} from '../types';\nimport { BrowserCtx } from './BrowserCtx';\nimport { ChangeRequestContext } from './change-request/ChangeRequestContext';\nimport { isDrafted } from '../types/cr';\nimport ItemSearchDrawer from './ItemSearchDrawer';\nimport ItemDetailsDrawer from './ItemDetailsDrawer';\n\n\nconst DUMMY_REF = {\n  classID: '',\n  itemID: '',\n  subregisterID: '',\n} as const;\n\n\nexport const GenericRelatedItemView: React.FC<GenericRelatedItemViewProps & {\n  controlGroupProps?: ControlGroupProps\n}> = function ({\n  itemRef, className,\n  onCreateNew, onClear, onChange,\n  availableClassIDs,\n  onJump,\n  inputRef,\n  controlGroupProps,\n  // availableSubregisterIDs,\n  // itemSorter,\n}) {\n  const {\n    useRegisterItemData,\n    getRelatedItemClassConfiguration,\n    jumpTo,\n  } = useContext(BrowserCtx);\n  const { changeRequest: activeChangeRequest } = useContext(ChangeRequestContext);\n  const { classID, itemID, subregisterID } = itemRef ?? DUMMY_REF;\n\n  const itemPathWithClass = `${classID}/${itemID}.yaml`;\n  // If curretn register has subregisters, specify subregister-relative path\n  const itemPathWithSubregister = subregisterID\n    ? `subregisters/${subregisterID}/${itemPathWithClass}`\n    : `${itemPathWithClass}`;\n  // If a change request is active\n  // and this item is among clarifications or additions\n  // then use item path relative to the change request\n  // TODO: make useRegisterItemData() handle active change request\n  const affectedByActiveCR = (\n    activeChangeRequest &&\n    isDrafted(activeChangeRequest) &&\n    activeChangeRequest.items[itemPathWithSubregister]\n  );\n  const itemPath = affectedByActiveCR\n    ? `/proposals/${activeChangeRequest.id}/items/${itemPathWithSubregister}`\n    : `/${itemPathWithSubregister}`;\n\n  const [selectDialogState, setSelectDialogState] = useState(false);\n  const [peekingDrawerState, setPeekingDrawerState] = useState(false);\n\n  //log.debug(\"Rendering generic related item view\", itemRef);\n  //const { jumpToItem } = useContext(BrowserCtx);\n\n  const itemResult = useRegisterItemData({ itemPaths: [itemPath] });\n  const item = (itemResult.value?.[itemPath] || null);\n\n  const [classConfigured, cfg]: [boolean, RelatedItemClassConfiguration] = useMemo(() => {\n    let classConfigured: boolean;\n    let cfg: RelatedItemClassConfiguration;\n    try {\n      cfg = getRelatedItemClassConfiguration(classID);\n      classConfigured = true;\n    } catch (e) {\n      cfg = {\n        title: classID,\n        itemView: () => <span>{itemID}</span>\n      };\n      classConfigured = false;\n    }\n    return [classConfigured, cfg];\n  }, [itemID, classID, getRelatedItemClassConfiguration]);\n\n  const Item = cfg.itemView;\n\n  const classIDs = useMemo((() =>\n    availableClassIDs ?? ((itemRef?.classID ?? '') !== '' ? [itemRef!.classID] : [])\n  ), [availableClassIDs?.join(','), itemRef?.classID]);\n\n  const itemClassTitle = cfg.title.trim() || null;\n\n  const hasItem = item !== null && classConfigured && isRegisterItem(item);\n  const itemIsMissing = itemID !== '' && (item === null && !itemResult.isUpdating);\n  const willShowItemView = hasItem || itemIsMissing || !onChange;\n  const canJump = (item !== null || itemIsMissing) && classConfigured && !itemResult.isUpdating && (onJump || jumpTo);\n\n  const jump = useCallback(function jump() {\n    return onJump\n      ? onJump()\n      : setPeekingDrawerState(true)\n  }, [onJump, jumpTo]);\n\n  const itemView: JSX.Element | null = useMemo(() => {\n    const classView = <small css={css`letter-spacing: -.01em`}>\n      {itemClassTitle\n        ? itemClassTitle\n        : <em>unknown class</em>}\n    </small>;\n    const itemView = hasItem\n      ? <Item\n          itemRef={{ classID, itemID, subregisterID }}\n          itemData={item.data}\n        />\n      : itemIsMissing\n          ? <span css={css`overflow: hidden; text-overflow: ellipsis;`}>\n              Not found: {itemID ?? 'N/A'}\n            </span>\n          : <span>Not specified</span>;\n    return <>{itemView}&emsp;{classView}</>;\n  }, [itemID, classID, itemClassTitle, subregisterID, item?.data, hasItem, itemIsMissing]);\n\n  const itemButtons = useMemo(() => {\n    const canAutoCreateRelatedItem = itemID === '' && onCreateNew && !itemResult.isUpdating;\n    const canChangeRelatedItem = /*classIDs.length >= 1 && */onChange && !itemResult.isUpdating;\n    const canClear = onClear && itemID !== '' && !itemResult.isUpdating;\n\n    let itemButtons: (ButtonProps & { title: string })[] = [];\n\n    async function handleCreateNew() {\n      if (!onCreateNew) { return; }\n      const itemRef = await onCreateNew();\n      console.debug(\"Created new item\", itemRef);\n    }\n\n    if (!hasItem && canAutoCreateRelatedItem) {\n      itemButtons.push({\n        onClick: handleCreateNew,\n        icon: 'add',\n        text: 'Auto create',\n        intent: 'primary',\n        title: \"Automatically create new item\",\n      });\n    }\n    if (canChangeRelatedItem) {\n      itemButtons.push({\n        onClick: () => setSelectDialogState(true),\n        icon: 'edit',\n        text: willShowItemView ? undefined : 'Specify',\n        intent: 'primary',\n        title: \"Select related item\",\n        /*disabled: classIDs.length < 1,*/\n      });\n    }\n    if (canClear) {\n      itemButtons.push({\n        onClick: onClear,\n        icon: 'eraser',\n        intent: 'danger',\n        title: \"Clear related item selection\",\n      });\n    }\n\n    return itemButtons;\n  }, [itemID, itemResult.isUpdating, onCreateNew, onChange, onClear]);\n\n  const itemTitle = hasItem\n    ? `${itemClassTitle ?? 'unknown class'} item ${itemID ?? 'with unknown ID'}`\n    : undefined;\n\n  /** Input ref for using within this component */\n  const cbRef = useRef<HTMLDivElement | null>(null);\n  const _drawerContainerRef = useRef<HTMLElement | null>(null);\n  const closePeekingDrawer = useCallback(\n    (() => setPeekingDrawerState(false)),\n    [setPeekingDrawerState]);\n\n  const _itemRef = useMemo(() => itemRef, [JSON.stringify(itemRef)]);\n\n  //log.debug(\"Rendering generic related item view: got item\", item);\n  return (\n    <ControlGroup\n        dir=\"ltr\"\n        className={className}\n        title={itemTitle}\n        {...controlGroupProps}>\n\n      <div ref={cbRef} />\n\n      <InputGroup\n        fill={hasItem}\n        readOnly={!onChange && !onClear}\n        inputRef={inputRef}\n        onChange={useCallback(() => void 0, [])}\n        css={css`\n          /* leftElement which displays itemView */\n          .bp4-input-left-container {\n            top: unset;\n            bottom: .42em;\n            padding-left: 10px;\n            padding-right: 5px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n\n            display: inline-flex;\n            flex-flow: row nowrap;\n            align-items: baseline;\n\n            max-width: 70%;\n          }\n          .bp4-input {\n            color: rgba(125, 125, 125, 0.5);\n            font-family: monospace;\n          }\n        `}\n        leftElement={itemView}\n        value={itemID ?? ''}\n        title={itemTitle}\n      />\n\n      {canJump\n        ? <Button outlined onClick={jump} icon=\"maximize\" />\n        : null}\n\n      {itemButtons.map((props, idx) =>\n        <Button key={idx} outlined {...props} />\n      )}\n\n      <ItemSearchDrawer\n        isOpen={selectDialogState}\n        onClose={useCallback(\n          () => setSelectDialogState(false),\n          [setSelectDialogState])}\n        onChooseItem={onChange}\n        availableClassIDs={classIDs}\n      />\n\n      {_itemRef\n        ? <ItemDetailsDrawer\n            isOpen={peekingDrawerState}\n            onClose={closePeekingDrawer}\n            itemRef={_itemRef}\n            portalContainer={_drawerContainerRef.current ?? undefined}\n          />\n        : null}\n\n    </ControlGroup>\n  );\n};\n\n\nexport default GenericRelatedItemView;\n"]}

package/views/ItemDetailsDrawer.d.ts

@@ -6,6 +6,7 @@ declare const ItemDetailDrawer: React.FC<{
     itemRef: InternalItemReference;
     isOpen: boolean;
     usePortal?: boolean;
+    portalContainer?: HTMLElement;
     onClose: () => void;
 }>;
 export default ItemDetailDrawer;

package/views/ItemDetailsDrawer.js

@@ -27,6 +27,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const ItemDetailDrawer = function ({
   itemRef,
   usePortal,
+  portalContainer,
   isOpen,
   onClose
 }) {
@@ -37,6 +38,7 @@ const ItemDetailDrawer = function ({
   return (0, _react.jsx)(_core.Drawer, {
     isOpen: isOpen,
     usePortal: usePortal,
+    portalContainer: portalContainer,
     onClose: onClose,
     enforceFocus: false,
     size: _core.DrawerSize.LARGE,
@@ -49,10 +51,10 @@ const ItemDetailDrawer = function ({
     fill: true
   }, (0, _react.jsx)(_core.Button, {
     icon: "open-application",
-    onClick: () => {
+    onClick: (0, _react2.useCallback)(() => {
       onClose();
       spawnTab(`${_protocolRegistry.Protocols.ITEM_DETAILS}:${path}`);
-    },
+    }, [onClose]),
     text: "Open in a tab"
   }), (0, _react.jsx)(_core.Button, {
     icon: "minimize",

package/views/ItemDetailsDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemDetailsDrawer.js","sourceRoot":"","sources":["../../src/views/ItemDetailsDrawer.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,kEAAkE,CAAC;AAC1G,OAAO,eAAe,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,gBAAgB,GAKjB,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE;IACpD,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACxD,MAAM,IAAI,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAExC,OAAO,CACL,IAAC,MAAM,IACH,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,KAAK,EACnB,IAAI,EAAE,UAAU,CAAC,KAAK,EACtB,GAAG,EAAE,GAAG,CAAA,0CAA0C,EAClD,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE;QACzC,IAAC,WAAW,IAAC,IAAI;YACf,IAAC,MAAM,IACL,IAAI,EAAC,kBAAkB,EACvB,OAAO,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAC5E,IAAI,EAAC,eAAe,GACpB;YACF,IAAC,MAAM,IACL,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,UAAU,GACf,CACU;QACd,aAAK,GAAG,EAAE,GAAG,CAAA,8BAA8B;YACzC,IAAC,eAAe,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,GAAI,CAC/B,CACC,CACV,CAAC;AACJ,CAAC,CAAC;AAGF,eAAe,gBAAgB,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx, css } from '@emotion/react';\nimport React, { useContext } from 'react';\nimport { Button, ButtonGroup, Drawer, DrawerSize } from '@blueprintjs/core';\nimport type { InternalItemReference } from '../types';\nimport { TabbedWorkspaceContext } from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context';\nimport MaybeItemDetail from './detail/RegisterItem';\nimport { Protocols } from './protocolRegistry';\nimport { itemRefToItemPath } from './itemPathUtils';\n\n\nconst ItemDetailDrawer: React.FC<{\n  itemRef: InternalItemReference\n  isOpen: boolean\n  usePortal?: boolean\n  onClose: () => void\n}> = function ({ itemRef, usePortal, isOpen, onClose }) {\n  const { spawnTab } = useContext(TabbedWorkspaceContext);\n  const path = itemRefToItemPath(itemRef);\n\n  return (\n    <Drawer\n        isOpen={isOpen}\n        usePortal={usePortal}\n        onClose={onClose}\n        enforceFocus={false}\n        size={DrawerSize.LARGE}\n        css={css`display: flex; flex-flow: column nowrap;`}\n        style={{ padding: '0', width: 'unset' }}>\n      <ButtonGroup fill>\n        <Button\n          icon=\"open-application\"\n          onClick={() => { onClose(); spawnTab(`${Protocols.ITEM_DETAILS}:${path}`); }}\n          text=\"Open in a tab\"\n        />\n        <Button\n          icon=\"minimize\"\n          onClick={onClose}\n          text=\"Minimize\"\n        />\n      </ButtonGroup>\n      <div css={css`position: relative; flex: 1;`}>\n        <MaybeItemDetail.main uri={path} />\n      </div>\n    </Drawer>\n  );\n};\n\n\nexport default ItemDetailDrawer;\n"]}
+{"version":3,"file":"ItemDetailsDrawer.js","sourceRoot":"","sources":["../../src/views/ItemDetailsDrawer.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAc,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,kEAAkE,CAAC;AAC1G,OAAO,eAAe,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,gBAAgB,GAMjB,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,OAAO,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACxD,MAAM,IAAI,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAExC,OAAO,CACL,IAAC,MAAM,IACH,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,KAAK,EACnB,IAAI,EAAE,UAAU,CAAC,KAAK,EACtB,GAAG,EAAE,GAAG,CAAA,0CAA0C,EAClD,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE;QACzC,IAAC,WAAW,IAAC,IAAI;YACf,IAAC,MAAM,IACL,IAAI,EAAC,kBAAkB,EACvB,OAAO,EAAE,WAAW,CAClB,GAAG,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EACnE,CAAC,OAAO,CAAC,CAAC,EACZ,IAAI,EAAC,eAAe,GACpB;YACF,IAAC,MAAM,IACL,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,UAAU,GACf,CACU;QACd,aAAK,GAAG,EAAE,GAAG,CAAA,8BAA8B;YACzC,IAAC,eAAe,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,GAAI,CAC/B,CACC,CACV,CAAC;AACJ,CAAC,CAAC;AAGF,eAAe,gBAAgB,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx, css } from '@emotion/react';\nimport React, { useContext, useCallback } from 'react';\nimport { Button, ButtonGroup, Drawer, DrawerSize } from '@blueprintjs/core';\nimport type { InternalItemReference } from '../types';\nimport { TabbedWorkspaceContext } from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context';\nimport MaybeItemDetail from './detail/RegisterItem';\nimport { Protocols } from './protocolRegistry';\nimport { itemRefToItemPath } from './itemPathUtils';\n\n\nconst ItemDetailDrawer: React.FC<{\n  itemRef: InternalItemReference\n  isOpen: boolean\n  usePortal?: boolean\n  portalContainer?: HTMLElement\n  onClose: () => void\n}> = function ({ itemRef, usePortal, portalContainer, isOpen, onClose }) {\n  const { spawnTab } = useContext(TabbedWorkspaceContext);\n  const path = itemRefToItemPath(itemRef);\n\n  return (\n    <Drawer\n        isOpen={isOpen}\n        usePortal={usePortal}\n        portalContainer={portalContainer}\n        onClose={onClose}\n        enforceFocus={false}\n        size={DrawerSize.LARGE}\n        css={css`display: flex; flex-flow: column nowrap;`}\n        style={{ padding: '0', width: 'unset' }}>\n      <ButtonGroup fill>\n        <Button\n          icon=\"open-application\"\n          onClick={useCallback(\n            () => { onClose(); spawnTab(`${Protocols.ITEM_DETAILS}:${path}`); },\n            [onClose])}\n          text=\"Open in a tab\"\n        />\n        <Button\n          icon=\"minimize\"\n          onClick={onClose}\n          text=\"Minimize\"\n        />\n      </ButtonGroup>\n      <div css={css`position: relative; flex: 1;`}>\n        <MaybeItemDetail.main uri={path} />\n      </div>\n    </Drawer>\n  );\n};\n\n\nexport default ItemDetailDrawer;\n"]}

package/views/ItemSearchDrawer.js

@@ -61,7 +61,7 @@ const ItemSearchDrawer = function ({
     },
     availableClassIDs: availableClassIDs,
     implicitCriteria: implicitCriteria,
-    stateName: "superseding-item-selector-search",
+    stateName: "item-browser-search",
     onOpenItem: onChooseItem ? handleOpenItem : undefined
   }));
 };

package/views/ItemSearchDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemSearchDrawer.js","sourceRoot":"","sources":["../../src/views/ItemSearchDrawer.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAc,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,gBAAgB,GAKjB,UAAU,EACb,MAAM,EAAE,OAAO,EAAE,YAAY,EAC7B,iBAAiB,GAClB;IACC,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAEhD,MAAM,aAAa,GAAgB,OAAO,CAAC,GAAG,EAAE,CAAC,CAC/C,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC9B,GAAG,EAAE,YAAY;QACjB,KAAK,EAAE,sBAAsB,KAAK,WAAW;KAC9C,CAAC,CAAC,CACJ,EAAE,CAAC,iBAAiB,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;IAEnC,MAAM,gBAAgB,GAA8B,OAAO,CAAC,GAAG,EAAE,CAAC,CAChE,aAAa,CAAC,MAAM,GAAG,CAAC;QACtB,CAAC,CAAC;YACE,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,aAAa;SACxB;QACH,CAAC,CAAC,SAAS,CACd,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,QAAQ,EAAE,EAAE;QAC9C,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,iBAAiB,CAAC,YAAY,KAAK,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;QACxE,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,IAAC,MAAM,IACH,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,KAAK,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE;QACzC,IAAC,MAAM,IACL,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAC9E,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAC,kCAAkC,EAC5C,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,GACrD,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAGF,eAAe,gBAAgB,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx } from '@emotion/react';\nimport React, { useContext, useMemo, useCallback } from 'react';\nimport { Drawer } from '@blueprintjs/core';\nimport type { InternalItemReference } from '../types';\nimport type { Criterion, CriteriaGroup } from './FilterCriteria/models';\nimport { BrowserCtx } from './BrowserCtx';\nimport Search from './sidebar/Search';\nimport { itemPathToItemRef } from './itemPathUtils';\n\n\nconst ItemSearchDrawer: React.FC<{\n  isOpen: boolean\n  onClose: () => void\n  onChooseItem?: (itemRef: InternalItemReference) => void\n  availableClassIDs: string[]\n}> = function ({\n  isOpen, onClose, onChooseItem,\n  availableClassIDs,\n}) {\n  const { subregisters } = useContext(BrowserCtx);\n\n  const classCriteria: Criterion[] = useMemo(() => (\n    availableClassIDs.map(clsID => ({\n      key: 'item-class',\n      query: `objPath.indexOf(\\\"/${clsID}/\\\") >= 0`,\n    }))\n  ), [availableClassIDs.toString()]);\n\n  const implicitCriteria: CriteriaGroup | undefined = useMemo(() => (\n    classCriteria.length > 0\n      ? {\n          require: 'any',\n          criteria: classCriteria,\n        }\n      : undefined\n  ), [classCriteria]);\n\n  const handleOpenItem = useCallback((itemPath) => {\n    onChooseItem?.(itemPathToItemRef(subregisters !== undefined, itemPath));\n    onClose();\n  }, [onChooseItem, onClose]);\n\n  return (\n    <Drawer\n        isOpen={isOpen}\n        onClose={onClose}\n        enforceFocus={false}\n        size=\"50vw\"\n        style={{ padding: '0', width: 'unset' }}>\n      <Search\n        style={{ height: '100vh', width: '50vw', minWidth: '500px', maxWidth: '90vw' }}\n        availableClassIDs={availableClassIDs}\n        implicitCriteria={implicitCriteria}\n        stateName=\"superseding-item-selector-search\"\n        onOpenItem={onChooseItem ? handleOpenItem : undefined}\n      />\n    </Drawer>\n  );\n};\n\n\nexport default ItemSearchDrawer;\n"]}
+{"version":3,"file":"ItemSearchDrawer.js","sourceRoot":"","sources":["../../src/views/ItemSearchDrawer.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAc,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,gBAAgB,GAKjB,UAAU,EACb,MAAM,EAAE,OAAO,EAAE,YAAY,EAC7B,iBAAiB,GAClB;IACC,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAEhD,MAAM,aAAa,GAAgB,OAAO,CAAC,GAAG,EAAE,CAAC,CAC/C,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC9B,GAAG,EAAE,YAAY;QACjB,KAAK,EAAE,sBAAsB,KAAK,WAAW;KAC9C,CAAC,CAAC,CACJ,EAAE,CAAC,iBAAiB,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;IAEnC,MAAM,gBAAgB,GAA8B,OAAO,CAAC,GAAG,EAAE,CAAC,CAChE,aAAa,CAAC,MAAM,GAAG,CAAC;QACtB,CAAC,CAAC;YACE,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,aAAa;SACxB;QACH,CAAC,CAAC,SAAS,CACd,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,QAAQ,EAAE,EAAE;QAC9C,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,iBAAiB,CAAC,YAAY,KAAK,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;QACxE,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,IAAC,MAAM,IACH,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,KAAK,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE;QACzC,IAAC,MAAM,IACL,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAC9E,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAC,qBAAqB,EAC/B,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,GACrD,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAGF,eAAe,gBAAgB,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx } from '@emotion/react';\nimport React, { useContext, useMemo, useCallback } from 'react';\nimport { Drawer } from '@blueprintjs/core';\nimport type { InternalItemReference } from '../types';\nimport type { Criterion, CriteriaGroup } from './FilterCriteria/models';\nimport { BrowserCtx } from './BrowserCtx';\nimport Search from './sidebar/Search';\nimport { itemPathToItemRef } from './itemPathUtils';\n\n\nconst ItemSearchDrawer: React.FC<{\n  isOpen: boolean\n  onClose: () => void\n  onChooseItem?: (itemRef: InternalItemReference) => void\n  availableClassIDs: string[]\n}> = function ({\n  isOpen, onClose, onChooseItem,\n  availableClassIDs,\n}) {\n  const { subregisters } = useContext(BrowserCtx);\n\n  const classCriteria: Criterion[] = useMemo(() => (\n    availableClassIDs.map(clsID => ({\n      key: 'item-class',\n      query: `objPath.indexOf(\\\"/${clsID}/\\\") >= 0`,\n    }))\n  ), [availableClassIDs.toString()]);\n\n  const implicitCriteria: CriteriaGroup | undefined = useMemo(() => (\n    classCriteria.length > 0\n      ? {\n          require: 'any',\n          criteria: classCriteria,\n        }\n      : undefined\n  ), [classCriteria]);\n\n  const handleOpenItem = useCallback((itemPath) => {\n    onChooseItem?.(itemPathToItemRef(subregisters !== undefined, itemPath));\n    onClose();\n  }, [onChooseItem, onClose]);\n\n  return (\n    <Drawer\n        isOpen={isOpen}\n        onClose={onClose}\n        enforceFocus={false}\n        size=\"50vw\"\n        style={{ padding: '0', width: 'unset' }}>\n      <Search\n        style={{ height: '100vh', width: '50vw', minWidth: '500px', maxWidth: '90vw' }}\n        availableClassIDs={availableClassIDs}\n        implicitCriteria={implicitCriteria}\n        stateName=\"item-browser-search\"\n        onOpenItem={onChooseItem ? handleOpenItem : undefined}\n      />\n    </Drawer>\n  );\n};\n\n\nexport default ItemSearchDrawer;\n"]}

package/views/RegisterStakeholder.js

@@ -36,7 +36,7 @@ const RegisterStakeholderListItem = function ({
 exports.RegisterStakeholderListItem = RegisterStakeholderListItem;
 
 function registerStakeholderPlain(stakeholder) {
-  var _a;
+  var _a, _b;
 
-  return `${stakeholder.name} (${(_a = stakeholder.role) !== null && _a !== void 0 ? _a : 'unspecified role'})`;
+  return `${stakeholder.name} (${(_b = (_a = stakeholder.roles) === null || _a === void 0 ? void 0 : _a.join(', ')) !== null && _b !== void 0 ? _b : '(no roles)'})`;
 }

package/views/RegisterStakeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegisterStakeholder.js","sourceRoot":"","sources":["../../src/views/RegisterStakeholder.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,IAAI,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAI9C,MAAM,CAAC,MAAM,2BAA2B,GAIxC,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE;IACtC,OAAO;QACL,IAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG;;QAEtB,cAAM,GAAG,EAAE,GAAG,CAAA,sBAAsB,IAAG,wBAAwB,CAAC,WAAW,CAAC,CAAQ;;QAEnF,aAAa;YACZ,CAAC,CAAC,IAAC,GAAG,IAAC,KAAK,QAAC,OAAO,QAAC,MAAM,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,CAAA,kBAAkB,UAExD;YACR,CAAC,CAAC,IAAI,CACP,CAAC;AACN,CAAC,CAAA;AAGD,MAAM,UAAU,wBAAwB,CAAC,WAAgC;;IACvE,OAAO,GAAG,WAAW,CAAC,IAAI,KAAK,MAAA,WAAW,CAAC,IAAI,mCAAI,kBAAkB,GAAG,CAAC;AAC3E,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { Icon, Tag } from '@blueprintjs/core';\nimport type { RegisterStakeholder } from '../types';\n\n\nexport const RegisterStakeholderListItem: React.FC<{\n  stakeholder: RegisterStakeholder\n  isCurrentUser?: true\n}> =\nfunction ({ stakeholder, isCurrentUser }) {\n  return <>\n    <Icon icon=\"person\" />\n    &nbsp;\n    <span css={css`white-space: nowrap;`}>{registerStakeholderPlain(stakeholder)}</span>\n    &nbsp;\n    {isCurrentUser\n      ? <Tag round minimal intent=\"primary\" css={css`display: inline;`}>\n          you\n        </Tag>\n      : null}\n  </>;\n}\n\n\nexport function registerStakeholderPlain(stakeholder: RegisterStakeholder): string {\n  return `${stakeholder.name} (${stakeholder.role ?? 'unspecified role'})`;\n}\n"]}
+{"version":3,"file":"RegisterStakeholder.js","sourceRoot":"","sources":["../../src/views/RegisterStakeholder.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,IAAI,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAI9C,MAAM,CAAC,MAAM,2BAA2B,GAIxC,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE;IACtC,OAAO;QACL,IAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG;;QAEtB,cAAM,GAAG,EAAE,GAAG,CAAA,sBAAsB,IAAG,wBAAwB,CAAC,WAAW,CAAC,CAAQ;;QAEnF,aAAa;YACZ,CAAC,CAAC,IAAC,GAAG,IAAC,KAAK,QAAC,OAAO,QAAC,MAAM,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,CAAA,kBAAkB,UAExD;YACR,CAAC,CAAC,IAAI,CACP,CAAC;AACN,CAAC,CAAA;AAGD,MAAM,UAAU,wBAAwB,CAAC,WAAgC;;IACvE,OAAO,GAAG,WAAW,CAAC,IAAI,KAAK,MAAA,MAAA,WAAW,CAAC,KAAK,0CAAE,IAAI,CAAC,IAAI,CAAC,mCAAI,YAAY,GAAG,CAAC;AAClF,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { Icon, Tag } from '@blueprintjs/core';\nimport type { RegisterStakeholder } from '../types';\n\n\nexport const RegisterStakeholderListItem: React.FC<{\n  stakeholder: RegisterStakeholder\n  isCurrentUser?: true\n}> =\nfunction ({ stakeholder, isCurrentUser }) {\n  return <>\n    <Icon icon=\"person\" />\n    &nbsp;\n    <span css={css`white-space: nowrap;`}>{registerStakeholderPlain(stakeholder)}</span>\n    &nbsp;\n    {isCurrentUser\n      ? <Tag round minimal intent=\"primary\" css={css`display: inline;`}>\n          you\n        </Tag>\n      : null}\n  </>;\n}\n\n\nexport function registerStakeholderPlain(stakeholder: RegisterStakeholder): string {\n  return `${stakeholder.name} (${stakeholder.roles?.join(', ') ?? '(no roles)'})`;\n}\n"]}

package/views/StatefulTree.d.ts

@@ -0,0 +1,28 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { type TreeNodeInfo } from '@blueprintjs/core';
+/**
+ * A Blueprint tree node that carries extra data
+ * denoting whether it’s a group or a leaf item.
+ */
+export declare type ItemOrGroupTreeNode = TreeNodeInfo<{
+    type: 'group' | 'item';
+}>;
+export interface State {
+    selectedItemID: string | null;
+    expandedItemIDs: readonly string[];
+}
+/**
+ * A tree that also uses Paneron’s dataset persistent reducer
+ * to handle open/closed & selected item state preservation.
+ */
+export declare const GenericStatefulTree: React.FC<{
+    /** Called with given state, and must return the list of tree nodes. */
+    getNodes: (state: State) => readonly ItemOrGroupTreeNode[];
+    /** Key to disambiguate stored state (see usePersistentDatasetStateReducer). */
+    stateKey: string;
+    onItemDoubleClick?: (node: TreeNodeInfo<any>) => void;
+    className?: string;
+}>;
+export default GenericStatefulTree;

package/views/StatefulTree.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.GenericStatefulTree = void 0;
+
+var _react = require("react");
+
+var _immutabilityHelper = _interopRequireDefault(require("immutability-helper"));
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _paneronExtensionKit = require("@riboseinc/paneron-extension-kit");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const initialState = {
+  selectedItemID: null,
+  expandedItemIDs: []
+};
+/**
+ * A tree that also uses Paneron’s dataset persistent reducer
+ * to handle open/closed & selected item state preservation.
+ */
+
+const GenericStatefulTree = function ({
+  getNodes,
+  stateKey,
+  onItemDoubleClick,
+  className
+}) {
+  // TODO: This component shouldn’t know about dataset, persistent reducer hook can be supplied?
+  const {
+    usePersistentDatasetStateReducer
+  } = (0, _react.useContext)(_paneronExtensionKit.DatasetContext);
+  const [state, dispatch] = usePersistentDatasetStateReducer(stateKey, undefined, undefined, function reduce(prevState, action) {
+    switch (action.type) {
+      case 'select-item':
+        if (prevState.selectedItemID !== action.payload.itemID) {
+          return { ...prevState,
+            selectedItemID: action.payload.itemID
+          };
+        } else {
+          return prevState;
+        }
+
+      case 'enter-item':
+        if (!prevState.expandedItemIDs.includes(action.payload.itemID)) {
+          return { ...prevState,
+            selectedItemID: action.payload.itemID,
+            expandedItemIDs: (0, _immutabilityHelper.default)(prevState.expandedItemIDs, {
+              $push: [action.payload.itemID]
+            })
+          };
+        } else {
+          return prevState;
+        }
+
+      case 'exit-item':
+        const idx = prevState.expandedItemIDs.indexOf(action.payload.itemID);
+
+        if (idx >= 0) {
+          return { ...prevState,
+            selectedItemID: action.payload.itemID,
+            expandedItemIDs: (0, _immutabilityHelper.default)(prevState.expandedItemIDs, {
+              $splice: [[idx, 1]]
+            })
+          };
+        } else {
+          return prevState;
+        }
+
+      default:
+        throw new Error("Unexpected browse state");
+    }
+  }, initialState, null);
+  const nodes = (0, _react.useMemo)(() => getNodes(state), [state, getNodes]);
+  const eventHandlers = (0, _react.useMemo)(() => ({
+    onNodeClick: node => dispatch({
+      type: 'select-item',
+      payload: {
+        itemID: node.id
+      }
+    }),
+    onNodeExpand: node => {
+      var _a;
+
+      return ((_a = node.nodeData) === null || _a === void 0 ? void 0 : _a.type) === 'group' ? dispatch({
+        type: 'enter-item',
+        payload: {
+          itemID: node.id
+        }
+      }) : void 0;
+    },
+    onNodeCollapse: node => {
+      var _a;
+
+      return ((_a = node.nodeData) === null || _a === void 0 ? void 0 : _a.type) === 'group' ? dispatch({
+        type: 'exit-item',
+        payload: {
+          itemID: node.id
+        }
+      }) : void 0;
+    },
+    onNodeDoubleClick: node => {
+      var _a;
+
+      return ((_a = node.nodeData) === null || _a === void 0 ? void 0 : _a.type) === 'group' ? dispatch({
+        type: 'enter-item',
+        payload: {
+          itemID: node.id
+        }
+      }) : onItemDoubleClick === null || onItemDoubleClick === void 0 ? void 0 : onItemDoubleClick(node);
+    }
+  }), [dispatch, onItemDoubleClick]);
+  return (0, _react2.jsx)(_core.Tree, {
+    className: className,
+    contents: nodes,
+    ...eventHandlers
+  });
+};
+
+exports.GenericStatefulTree = GenericStatefulTree;
+var _default = GenericStatefulTree;
+exports.default = _default;

package/views/StatefulTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatefulTree.js","sourceRoot":"","sources":["../../src/views/StatefulTree.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext, useMemo } from 'react';\nimport update from 'immutability-helper';\nimport { jsx } from '@emotion/react';\nimport { Tree, type TreeNodeInfo } from '@blueprintjs/core';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit';\nimport type { PersistentStateReducerHook } from '@riboseinc/paneron-extension-kit/usePersistentStateReducer';\n\n\n/**\n * A Blueprint tree node that carries extra data\n * denoting whether it’s a group or a leaf item.\n */\nexport type ItemOrGroupTreeNode = TreeNodeInfo<{ type: 'group' | 'item' }>;\n\nexport interface State {\n  selectedItemID: string | null\n  expandedItemIDs: readonly string[]\n}\n\nconst initialState: State = {\n  selectedItemID: null,\n  expandedItemIDs: [],\n} as const;\n\ntype Action =\n  | { type: 'select-item'; payload: { itemID: string | null; }; }\n  | { type: 'enter-item'; payload: { itemID: string; }; }\n  | { type: 'exit-item'; payload: { itemID: string; }; }\n\n\n/**\n * A tree that also uses Paneron’s dataset persistent reducer\n * to handle open/closed & selected item state preservation.\n */\nexport const GenericStatefulTree: React.FC<{\n  /** Called with given state, and must return the list of tree nodes. */\n  getNodes: (state: State) => readonly ItemOrGroupTreeNode[]\n  /** Key to disambiguate stored state (see usePersistentDatasetStateReducer). */\n  stateKey: string\n  onItemDoubleClick?: (node: TreeNodeInfo<any>) => void\n  className?: string\n}> =\nfunction ({ getNodes, stateKey, onItemDoubleClick, className }) {\n  // TODO: This component shouldn’t know about dataset, persistent reducer hook can be supplied?\n  const { usePersistentDatasetStateReducer } = useContext(DatasetContext);\n\n  const [ state, dispatch, ] = (usePersistentDatasetStateReducer as PersistentStateReducerHook<State, Action>)(\n    stateKey,\n    undefined,\n    undefined,\n    function reduce(prevState, action) {\n      switch (action.type) {\n        case 'select-item':\n          if (prevState.selectedItemID !== action.payload.itemID) {\n            return {\n              ...prevState,\n              selectedItemID: action.payload.itemID,\n            };\n          } else {\n            return prevState;\n          }\n        case 'enter-item':\n          if (!prevState.expandedItemIDs.includes(action.payload.itemID)) {\n            return {\n              ...prevState,\n              selectedItemID: action.payload.itemID,\n              expandedItemIDs: update(\n                prevState.expandedItemIDs,\n                { $push: [action.payload.itemID] }),\n            };\n          } else {\n            return prevState;\n          }\n        case 'exit-item':\n          const idx = prevState.expandedItemIDs.indexOf(action.payload.itemID);\n          if (idx >= 0) {\n            return {\n              ...prevState,\n              selectedItemID: action.payload.itemID,\n              expandedItemIDs: update(\n                prevState.expandedItemIDs,\n                { $splice: [[idx, 1]] }),\n            };\n          } else {\n            return prevState;\n          }\n        default:\n          throw new Error(\"Unexpected browse state\");\n      }\n    },\n    initialState,\n    null);\n\n  const nodes = useMemo(\n    (() => getNodes(state)),\n    [state, getNodes]);\n\n  const eventHandlers = useMemo((() => ({\n    onNodeClick: (node: ItemOrGroupTreeNode) =>\n      dispatch({\n        type: 'select-item',\n        payload: { itemID: node.id as string },\n      }),\n    onNodeExpand: (node: ItemOrGroupTreeNode) =>\n      node.nodeData?.type === 'group'\n        ? dispatch({\n            type: 'enter-item',\n            payload: { itemID: node.id as string },\n          })\n        : void 0,\n    onNodeCollapse: (node: ItemOrGroupTreeNode) =>\n      node.nodeData?.type === 'group'\n        ? dispatch({\n            type: 'exit-item',\n            payload: { itemID: node.id as string },\n          })\n        : void 0,\n    onNodeDoubleClick: (node: ItemOrGroupTreeNode) =>\n      node.nodeData?.type === 'group'\n        ? dispatch({\n            type: 'enter-item',\n            payload: { itemID: node.id as string },\n          })\n        : onItemDoubleClick?.(node),\n  })), [dispatch, onItemDoubleClick]);\n\n  return <Tree\n    className={className}\n    contents={nodes}\n    {...eventHandlers}\n  />;\n};\n\nexport default GenericStatefulTree;\n"]}

package/views/change-request/TransitionHistory.js

@@ -88,7 +88,8 @@ function getTransitionHistory(cr) {
         toState: CR.State.RETURNED_FOR_CLARIFICATION,
         input: {
           registerManagerNotes: cr.registerManagerNotes,
-          controlBodyNotes: cr.controlBodyNotes
+          controlBodyNotes: cr.controlBodyNotes,
+          controlBodyDecisionEvent: cr.controlBodyDecisionEvent
         }
       });
     }
@@ -105,7 +106,8 @@ function getTransitionHistory(cr) {
         toState: CR.State.ACCEPTED,
         timestamp: cr.timeDisposed,
         input: {
-          controlBodyNotes: cr.controlBodyNotes
+          controlBodyNotes: cr.controlBodyNotes,
+          controlBodyDecisionEvent: cr.controlBodyDecisionEvent
         }
       });
     } else if (CR.isRejected(cr)) {
@@ -114,7 +116,8 @@ function getTransitionHistory(cr) {
         toState: CR.State.REJECTED,
         timestamp: cr.timeDisposed,
         input: {
-          controlBodyNotes: cr.controlBodyNotes
+          controlBodyNotes: cr.controlBodyNotes,
+          controlBodyDecisionEvent: cr.controlBodyDecisionEvent
         }
       });
     }

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

@@ -1 +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"]}
+{"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          controlBodyDecisionEvent: (cr as any).controlBodyDecisionEvent,\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          controlBodyDecisionEvent: (cr as any).controlBodyDecisionEvent,\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          controlBodyDecisionEvent: (cr as any).controlBodyDecisionEvent,\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"]}