@riboseinc/paneron-registry-kit 2.0.0-dev9 → 2.0.0

package/views/GenericRelatedItemView.js

@@ -5,23 +5,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.GenericRelatedItemView = void 0;
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("react");
 
-var _core2 = require("@blueprintjs/core");
+var _core = require("@blueprintjs/core");
+
+var _types = require("../types");
 
 var _BrowserCtx = require("./BrowserCtx");
 
-var _RegisterItemGrid = _interopRequireWildcard(require("./RegisterItemGrid"));
+var _ChangeRequestContext = require("./change-request/ChangeRequestContext");
 
-var _criteriaGroupToQueryExpression = _interopRequireDefault(require("./FilterCriteria/criteriaGroupToQueryExpression"));
+var _cr = require("../types/cr");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _Search = _interopRequireDefault(require("./sidebar/Search"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+var _itemPathUtils = require("./itemPathUtils");
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _protocolRegistry = require("./protocolRegistry");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /** @jsx jsx */
 
@@ -29,36 +33,48 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 const GenericRelatedItemView = function ({
   itemRef,
   className,
-  useRegisterItemData,
-  getRelatedItemClassConfiguration,
   onCreateNew,
   onClear,
   onChange,
   availableClassIDs,
-  availableSubregisterIDs,
-  itemSorter
+  onJump // availableSubregisterIDs,
+  // itemSorter,
+
 }) {
-  var _a, _b, _c, _d, _e;
+  var _itemResult$value;
 
+  const {
+    useRegisterItemData,
+    getRelatedItemClassConfiguration,
+    jumpTo
+  } = (0, _react2.useContext)(_BrowserCtx.BrowserCtx);
+  const {
+    changeRequest: activeChangeRequest
+  } = (0, _react2.useContext)(_ChangeRequestContext.ChangeRequestContext);
   const {
     classID,
     itemID,
     subregisterID
-  } = itemRef !== null && itemRef !== void 0 ? itemRef : {
+  } = itemRef ?? {
     classID: '',
     itemID: '',
     subregisterID: ''
   };
-  const _itemPath = `${classID}/${itemID}.yaml`;
-  const itemPath = subregisterID ? `/subregisters/${subregisterID}/${_itemPath}` : `/${_itemPath}`;
-  console.debug("GenericRelatedItemView", itemPath);
-  const [selectDialogState, setSelectDialogState] = (0, _react.useState)(false); //log.debug("Rendering generic related item view", itemRef);
+  const itemPathWithClass = `${classID}/${itemID}.yaml`; // If curretn register has subregisters, specify subregister-relative path
+
+  const itemPathWithSubregister = subregisterID ? `subregisters/${subregisterID}/${itemPathWithClass}` : `${itemPathWithClass}`; // If a change request is active
+  // and this item is among clarifications or additions
+  // then use item path relative to the change request
+
+  const affectedByActiveCR = activeChangeRequest && (0, _cr.isDrafted)(activeChangeRequest) && activeChangeRequest.items[itemPathWithSubregister];
+  const itemPath = affectedByActiveCR ? `/proposals/${activeChangeRequest.id}/items/${itemPathWithSubregister}` : `/${itemPathWithSubregister}`;
+  const [selectDialogState, setSelectDialogState] = (0, _react2.useState)(false); //log.debug("Rendering generic related item view", itemRef);
+  //const { jumpToItem } = useContext(BrowserCtx);
 
-  const browserCtx = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
   const itemResult = useRegisterItemData({
     itemPaths: [itemPath]
   });
-  const item = ((_a = itemResult.value) === null || _a === void 0 ? void 0 : _a[itemPath]) || null;
+  const item = ((_itemResult$value = itemResult.value) === null || _itemResult$value === void 0 ? void 0 : _itemResult$value[itemPath]) || null;
   let classConfigured;
   let cfg;
 
@@ -68,7 +84,7 @@ const GenericRelatedItemView = function ({
   } catch (e) {
     cfg = {
       title: classID,
-      itemView: () => (0, _core.jsx)("span", null, itemID)
+      itemView: () => (0, _react.jsx)("span", null, itemID)
     };
     classConfigured = false;
   }
@@ -84,65 +100,99 @@ const GenericRelatedItemView = function ({
     console.debug("Created new", itemRef);
   }
 
-  const classIDs = availableClassIDs !== null && availableClassIDs !== void 0 ? availableClassIDs : ((_b = itemRef === null || itemRef === void 0 ? void 0 : itemRef.classID) !== null && _b !== void 0 ? _b : '') !== '' ? [itemRef.classID] : [];
-  const subregisterIDs = availableSubregisterIDs !== null && availableSubregisterIDs !== void 0 ? availableSubregisterIDs : ((_c = itemRef === null || itemRef === void 0 ? void 0 : itemRef.subregisterID) !== null && _c !== void 0 ? _c : '') !== '' ? [itemRef.subregisterID] : [];
-  const defaultClassID = classIDs[0];
-  const effectiveClassID = classID || defaultClassID;
-  const defaultSubregisterID = subregisterIDs[0];
-  const effectiveSubregisterID = defaultSubregisterID; //log.debug("Rendering generic related item view: got item", item);
+  const classIDs = availableClassIDs ?? (((itemRef === null || itemRef === void 0 ? void 0 : itemRef.classID) ?? '') !== '' ? [itemRef.classID] : []);
+
+  function jump() {
+    //jumpToItem?.(classID, itemID, subregisterID);
+    onJump ? onJump() : jumpTo === null || jumpTo === void 0 ? void 0 : jumpTo(`${_protocolRegistry.Protocols.ITEM_DETAILS}:/${itemPathWithSubregister}`);
+  }
+
+  const hasItem = item !== null && classConfigured && (0, _types.isRegisterItem)(item);
+  const itemIsMissing = itemID !== '' && item === null && !itemResult.isUpdating;
+  const canAutoCreateRelatedItem = itemID === '' && onCreateNew && !itemResult.isUpdating;
+  const canChangeRelatedItem =
+  /*classIDs.length >= 1 && */
+  onChange && !itemResult.isUpdating;
+  const canClear = onClear && itemID !== '' && !itemResult.isUpdating;
+  const canJump = item !== null && classConfigured && !itemResult.isUpdating && (onJump || jumpTo);
+  let itemView;
+  let itemButtons = [];
+
+  if (hasItem) {
+    itemView = (0, _react.jsx)(Item, {
+      itemRef: {
+        classID,
+        itemID,
+        subregisterID
+      },
+      itemData: item.data
+    });
+  } else {
+    if (canAutoCreateRelatedItem) {
+      itemButtons.push({
+        onClick: handleCreateNew,
+        icon: 'add',
+        text: 'Auto create',
+        intent: 'primary'
+      });
+    }
+
+    if (itemIsMissing) {
+      itemView = (0, _react.jsx)("span", null, "Item not found: ", itemID ?? 'N/A');
+    } else {
+      itemView = (0, _react.jsx)("span", null, "Item not specified");
+    }
+  }
+
+  const willShowItemView = hasItem || itemIsMissing || !onChange;
+
+  if (canChangeRelatedItem) {
+    itemButtons.push({
+      onClick: () => setSelectDialogState(true),
+      icon: 'edit',
+      text: willShowItemView ? undefined : 'Specify',
+      intent: 'primary'
+      /*disabled: classIDs.length < 1,*/
+
+    });
+  }
+
+  if (canClear) {
+    itemButtons.push({
+      onClick: onClear,
+      icon: 'cross',
+      intent: 'danger'
+    });
+  } //log.debug("Rendering generic related item view: got item", item);
 
-  return (0, _core.jsx)(_core2.ControlGroup, {
+
+  return (0, _react.jsx)(_core.ButtonGroup, {
     fill: true,
     className: className,
-    vertical: true
-  }, (0, _core.jsx)(_core2.ButtonGroup, null, classID ? (0, _core.jsx)(_core2.Button, {
+    css: (0, _react.css)`.bp4-button-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }`
+  }, classID ? (0, _react.jsx)(_core.Button, {
     alignText: "left",
-    title: "Item class",
+    css: (0, _react.css)`width: 180px;`,
+    title: `Item class: ${cfg.title ?? "N/A"}`,
     outlined: true,
     disabled: true
-  }, (_d = cfg.title) !== null && _d !== void 0 ? _d : "Class not specified") : null, (0, _core.jsx)(_core2.Button, {
+  }, cfg.title ?? "Class N/A") : null, willShowItemView ? (0, _react.jsx)(_core.Button, {
     alignText: "left",
-    fill: true,
+    fill: hasItem,
     outlined: true,
-    disabled: true,
+    disabled: !canJump,
+    onClick: jump,
     loading: itemResult.isUpdating,
-    title: cfg.title,
-    css: (0, _core.css)`.bp3-button-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }`
-  }, itemID === '' ? (0, _core.jsx)("span", null, "Item not specified") : item !== null && !itemResult.isUpdating ? (0, _core.jsx)(Item, {
-    itemID: itemID,
-    useRegisterItemData: useRegisterItemData,
-    itemData: item.data,
-    getRelatedItemClassConfiguration: getRelatedItemClassConfiguration
-  }) : (0, _core.jsx)("span", null, "Item not found: ", (_e = itemRef === null || itemRef === void 0 ? void 0 : itemRef.itemID) !== null && _e !== void 0 ? _e : 'N/A'))), (0, _core.jsx)(_core2.ButtonGroup, null, itemID === '' ? onCreateNew ? (0, _core.jsx)(_core2.Button, {
-    intent: "primary",
-    onClick: handleCreateNew,
-    icon: "add"
-  }, "Auto-create") : null : (0, _core.jsx)(_react.default.Fragment, null, (0, _core.jsx)(_core2.Button, {
-    icon: item === null && itemID !== '' ? 'error' : 'locate',
-    disabled: item === null || !browserCtx.jumpToItem || !classConfigured || itemResult.isUpdating,
-    onClick: () => {
-      var _a;
-
-      return (_a = browserCtx.jumpToItem) === null || _a === void 0 ? void 0 : _a.call(browserCtx, classID, itemID, subregisterID);
-    }
-  }), onClear ? (0, _core.jsx)(_core2.Button, {
-    onClick: onClear,
-    icon: "cross"
-  }) : null), onChange ? (0, _core.jsx)(_core2.Button, {
-    disabled: classIDs.length < 1,
-    onClick: () => setSelectDialogState(true),
-    icon: "edit"
-  }) : null), onChange && (classID || defaultClassID) ? (0, _core.jsx)(RelatedItemSelectionDialog, {
+    title: hasItem ? `${cfg.title} (click to jump to item)` : undefined
+  }, itemView) : null, itemButtons.map((props, idx) => (0, _react.jsx)(_core.Button, {
+    key: idx,
+    outlined: true,
+    ...props
+  })), onChange ? (0, _react.jsx)(RelatedItemSelectionDialog, {
     isOpen: selectDialogState,
     onClose: () => setSelectDialogState(false),
     onChange: onChange,
-    selectedItem: itemRef,
-    selectedClassID: effectiveClassID,
-    selectedSubregisterID: effectiveSubregisterID,
-    availableClassIDs: classIDs,
-    availableSubregisterIDs: subregisterIDs,
-    useRegisterItemData: useRegisterItemData,
-    getRelatedItemClassConfiguration: getRelatedItemClassConfiguration
+    availableClassIDs: classIDs
   }) : null);
 };
 
@@ -152,49 +202,39 @@ const RelatedItemSelectionDialog = function ({
   isOpen,
   onClose,
   onChange,
-  selectedItem,
-  selectedClassID,
-  selectedSubregisterID,
-  availableClassIDs,
-  availableSubregisterIDs,
-  useRegisterItemData,
-  getRelatedItemClassConfiguration
+  availableClassIDs
 }) {
-  const [filterCriteria, setFilterCriteria] = (0, _react.useState)({
-    require: 'all',
-    criteria: []
-  });
   const {
-    itemClasses,
     subregisters
-  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx); // const itemClassPath: string = selectedSubregisterID
-  //   ? `/subregisters/${selectedSubregisterID}/${selectedClassID}/`
-  //   : `/${selectedClassID}/`;
-  // const queryExpression: string = `return objPath.indexOf("${itemClassPath}") === 0`;
-
-  return (0, _core.jsx)(_core2.Dialog, {
+  } = (0, _react2.useContext)(_BrowserCtx.BrowserCtx);
+  const classCriteria = availableClassIDs.map(clsID => ({
+    key: 'item-class',
+    query: `objPath.indexOf(\"/${clsID}/\") >= 0`
+  }));
+  const implicitCriteria = classCriteria.length > 0 ? {
+    require: 'any',
+    criteria: classCriteria
+  } : undefined;
+  return (0, _react.jsx)(_core.Dialog, {
     isOpen: isOpen,
     onClose: onClose,
+    enforceFocus: false,
     style: {
-      padding: '0'
+      padding: '0',
+      width: 'unset'
     }
-  }, (0, _core.jsx)(_RegisterItemGrid.default, {
+  }, (0, _react.jsx)(_Search.default, {
     style: {
-      height: '80vh'
+      height: '90vh',
+      width: '90vw'
     },
-    selectedItem: selectedItem,
-    selectedSubregisterID: selectedSubregisterID,
-    queryExpression: (0, _criteriaGroupToQueryExpression.default)(filterCriteria),
-    onSelectItem: itemRef => onChange(itemRef),
-    getRelatedClassConfig: getRelatedItemClassConfiguration,
-    useRegisterItemData: useRegisterItemData,
-    toolbar: (0, _core.jsx)(_RegisterItemGrid.SearchQuery, {
-      rootCriteria: filterCriteria,
-      itemClasses: itemClasses,
-      availableClassIDs: availableClassIDs,
-      subregisters: subregisters,
-      onChange: setFilterCriteria
-    })
+    availableClassIDs: availableClassIDs,
+    implicitCriteria: implicitCriteria,
+    stateName: "superseding-item-selector-search",
+    onOpenItem: itemPath => {
+      onChange((0, _itemPathUtils.itemPathToItemRef)(subregisters !== undefined, itemPath));
+      onClose();
+    }
   }));
 };
 

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/core';\nimport React, { useContext, useState } from 'react';\nimport { GenericRelatedItemViewProps, InternalItemReference, RegisterItem, RelatedItemClassConfiguration } from '../types';\nimport { Button, ButtonGroup, ControlGroup, Dialog } from '@blueprintjs/core';\nimport { BrowserCtx as BrowserCtxSpec } from './BrowserCtx';\nimport { BrowserCtx } from './BrowserCtx';\nimport RegisterItemGrid, { SearchQuery } from './RegisterItemGrid';\nimport criteriaGroupToQueryExpression from './FilterCriteria/criteriaGroupToQueryExpression';\nimport { CriteriaGroup } from './FilterCriteria/models';\n\n\nexport const GenericRelatedItemView: React.FC<GenericRelatedItemViewProps> = function ({\n  itemRef, className,\n  useRegisterItemData, getRelatedItemClassConfiguration,\n  onCreateNew, onClear, onChange,\n  availableClassIDs,\n  availableSubregisterIDs,\n  itemSorter,\n}) {\n  const { classID, itemID, subregisterID } = itemRef ?? { classID: '', itemID: '', subregisterID: '' };\n  const _itemPath = `${classID}/${itemID}.yaml`;\n  const itemPath = subregisterID ? `/subregisters/${subregisterID}/${_itemPath}` : `/${_itemPath}`;\n\n  console.debug(\"GenericRelatedItemView\", itemPath);\n\n  const [selectDialogState, setSelectDialogState] = useState(false);\n\n  //log.debug(\"Rendering generic related item view\", itemRef);\n  const browserCtx: BrowserCtxSpec = useContext(BrowserCtx);\n\n  const itemResult = useRegisterItemData({ itemPaths: [itemPath] });\n  const item = (itemResult.value?.[itemPath] || null) as RegisterItem<any> | null;\n\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\n  const Item = cfg.itemView;\n\n  async function handleCreateNew() {\n    if (!onCreateNew) { return; }\n    const itemRef = await onCreateNew();\n    console.debug(\"Created new\", itemRef);\n  }\n\n  const classIDs = availableClassIDs ?? ((itemRef?.classID ?? '') !== '' ? [itemRef!.classID] : []);\n  const subregisterIDs = availableSubregisterIDs ?? ((itemRef?.subregisterID ?? '') !== '' ? [itemRef!.subregisterID!] : []);\n\n  const defaultClassID = classIDs[0];\n  const effectiveClassID = classID || defaultClassID;\n\n  const defaultSubregisterID: string | undefined = subregisterIDs[0];\n  const effectiveSubregisterID: string | undefined = defaultSubregisterID;\n\n  //log.debug(\"Rendering generic related item view: got item\", item);\n  return (\n    <ControlGroup fill className={className} vertical>\n      <ButtonGroup>\n        {classID\n          ? <Button\n                alignText=\"left\"\n                title=\"Item class\"\n                outlined disabled>\n              {cfg.title ?? \"Class not specified\"}\n            </Button>\n          : null}\n        <Button\n            alignText=\"left\"\n            fill outlined disabled\n            loading={itemResult.isUpdating}\n            title={cfg.title}\n            css={css`.bp3-button-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }`}>\n          {itemID === ''\n            ? <span>Item not specified</span>\n            : item !== null && !itemResult.isUpdating\n              ? <Item\n                  itemID={itemID}\n                  useRegisterItemData={useRegisterItemData}\n                  itemData={item.data}\n                  getRelatedItemClassConfiguration={getRelatedItemClassConfiguration} />\n              : <span>Item not found: {itemRef?.itemID ?? 'N/A'}</span>}\n        </Button>\n      </ButtonGroup>\n\n      <ButtonGroup>\n        {itemID === ''\n          ? onCreateNew\n            ? <Button intent=\"primary\" onClick={handleCreateNew} icon=\"add\">Auto-create</Button>\n            : null\n          : <>\n              <Button\n                icon={item === null && itemID !== '' ? 'error' : 'locate'}\n                disabled={item === null || !browserCtx.jumpToItem || !classConfigured || itemResult.isUpdating}\n                onClick={() => browserCtx.jumpToItem?.(classID, itemID, subregisterID)} />\n              {onClear\n                ? <Button onClick={onClear} icon=\"cross\" />\n                : null}\n            </>}\n        {onChange\n          ? <Button disabled={classIDs.length < 1} onClick={() => setSelectDialogState(true)} icon=\"edit\" />\n          : null}\n      </ButtonGroup>\n\n      {onChange && (classID || defaultClassID)\n        ? <RelatedItemSelectionDialog\n            isOpen={selectDialogState}\n            onClose={() => setSelectDialogState(false)}\n            onChange={onChange}\n            selectedItem={itemRef}\n            selectedClassID={effectiveClassID}\n            selectedSubregisterID={effectiveSubregisterID}\n            availableClassIDs={classIDs}\n            availableSubregisterIDs={subregisterIDs}\n            useRegisterItemData={useRegisterItemData}\n            getRelatedItemClassConfiguration={getRelatedItemClassConfiguration}\n          />\n        : null}\n    </ControlGroup>\n  );\n};\n\n\nconst RelatedItemSelectionDialog: React.FC<{\n  isOpen: boolean\n  onClose: () => void\n  onChange: (itemRef: InternalItemReference) => void\n  selectedItem?: InternalItemReference\n  selectedClassID: string\n  selectedSubregisterID?: string\n  availableClassIDs: string[]\n  availableSubregisterIDs: string[]\n  useRegisterItemData: GenericRelatedItemViewProps[\"useRegisterItemData\"]\n  getRelatedItemClassConfiguration: GenericRelatedItemViewProps[\"getRelatedItemClassConfiguration\"]\n}> = function ({\n  isOpen, onClose, onChange,\n  selectedItem, selectedClassID, selectedSubregisterID,\n  availableClassIDs, availableSubregisterIDs,\n  useRegisterItemData, getRelatedItemClassConfiguration,\n}) {\n  const [filterCriteria, setFilterCriteria] = useState<CriteriaGroup>({ require: 'all', criteria: [] });\n  const { itemClasses, subregisters } = useContext(BrowserCtx);\n  // const itemClassPath: string = selectedSubregisterID\n  //   ? `/subregisters/${selectedSubregisterID}/${selectedClassID}/`\n  //   : `/${selectedClassID}/`;\n\n  // const queryExpression: string = `return objPath.indexOf(\"${itemClassPath}\") === 0`;\n\n  return (\n    <Dialog\n        isOpen={isOpen}\n        onClose={onClose}\n        style={{ padding: '0' }}>\n      <RegisterItemGrid\n        style={{ height: '80vh' }}\n        selectedItem={selectedItem}\n        selectedSubregisterID={selectedSubregisterID}\n        queryExpression={criteriaGroupToQueryExpression(filterCriteria)}\n        onSelectItem={(itemRef) => onChange!(itemRef)}\n        getRelatedClassConfig={getRelatedItemClassConfiguration}\n        useRegisterItemData={useRegisterItemData}\n        toolbar={<SearchQuery\n          rootCriteria={filterCriteria}\n          itemClasses={itemClasses}\n          availableClassIDs={availableClassIDs}\n          subregisters={subregisters}\n          onChange={setFilterCriteria}\n        />}\n      />\n    </Dialog>\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, { useContext, useState } from 'react';\nimport { Button, ButtonGroup, ButtonProps, Dialog } from '@blueprintjs/core';\nimport {\n  type GenericRelatedItemViewProps,\n  type InternalItemReference,\n  type RelatedItemClassConfiguration,\n  isRegisterItem,\n} from '../types';\nimport { BrowserCtx } from './BrowserCtx';\nimport { ChangeRequestContext } from './change-request/ChangeRequestContext';\nimport { isDrafted } from '../types/cr';\nimport Search from './sidebar/Search';\nimport { itemPathToItemRef } from './itemPathUtils';\nimport type { Criterion, CriteriaGroup } from './FilterCriteria/models';\nimport { Protocols } from './protocolRegistry';\n\n\nexport const GenericRelatedItemView: React.FC<GenericRelatedItemViewProps> = function ({\n  itemRef, className,\n  onCreateNew, onClear, onChange,\n  availableClassIDs,\n  onJump,\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 ?? {\n    classID: '',\n    itemID: '',\n    subregisterID: '',\n  };\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  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\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  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\n  const Item = cfg.itemView;\n\n  async function handleCreateNew() {\n    if (!onCreateNew) { return; }\n    const itemRef = await onCreateNew();\n    console.debug(\"Created new\", itemRef);\n  }\n\n  const classIDs = availableClassIDs ?? ((itemRef?.classID ?? '') !== '' ? [itemRef!.classID] : []);\n\n  function jump() {\n    //jumpToItem?.(classID, itemID, subregisterID);\n    onJump\n      ? onJump()\n      : jumpTo?.(`${Protocols.ITEM_DETAILS}:/${itemPathWithSubregister}`);\n  }\n\n  const hasItem = item !== null && classConfigured && isRegisterItem(item);\n  const itemIsMissing = itemID !== '' && (item === null && !itemResult.isUpdating);\n  const canAutoCreateRelatedItem = itemID === '' && onCreateNew && !itemResult.isUpdating;\n  const canChangeRelatedItem = /*classIDs.length >= 1 && */onChange && !itemResult.isUpdating;\n  const canClear = onClear && itemID !== '' && !itemResult.isUpdating;\n  const canJump = item !== null && classConfigured && !itemResult.isUpdating && (onJump || jumpTo);\n\n  let itemView: JSX.Element | null;\n  let itemButtons: ButtonProps[] = [];\n\n  if (hasItem) {\n    itemView = <Item\n      itemRef={{ classID, itemID, subregisterID }}\n      itemData={item.data}\n    />;\n  } else {\n    if (canAutoCreateRelatedItem) {\n      itemButtons.push({\n        onClick: handleCreateNew,\n        icon: 'add',\n        text: 'Auto create',\n        intent: 'primary',\n      });\n    }\n    if (itemIsMissing) {\n      itemView = <span>Item not found: {itemID ?? 'N/A'}</span>;\n    } else {\n      itemView = <span>Item not specified</span>;\n    }\n  }\n\n  const willShowItemView = hasItem || itemIsMissing || !onChange;\n\n  if (canChangeRelatedItem) {\n    itemButtons.push({\n      onClick: () => setSelectDialogState(true),\n      icon: 'edit',\n      text: willShowItemView ? undefined : 'Specify',\n      intent: 'primary',\n      /*disabled: classIDs.length < 1,*/\n    });\n  }\n\n  if (canClear) {\n    itemButtons.push({ onClick: onClear, icon: 'cross', intent: 'danger' });\n  }\n\n  //log.debug(\"Rendering generic related item view: got item\", item);\n  return (\n    <ButtonGroup\n        fill\n        className={className}\n        css={css`.bp4-button-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }`}>\n      {classID\n        ? <Button\n              alignText=\"left\"\n              css={css`width: 180px;`}\n              title={`Item class: ${cfg.title ?? \"N/A\"}`}\n              outlined disabled>\n            {cfg.title ?? \"Class N/A\"}\n          </Button>\n        : null}\n      {willShowItemView\n        ? <Button\n              alignText=\"left\"\n              fill={hasItem} outlined\n              disabled={!canJump}\n              onClick={jump}\n              loading={itemResult.isUpdating}\n              title={hasItem\n                ? `${cfg.title} (click to jump to item)`\n                : undefined}>\n            {itemView}\n          </Button>\n        : null}\n\n      {itemButtons.map((props, idx) =>\n        <Button key={idx} outlined {...props} />\n      )}\n\n      {onChange\n        ? <RelatedItemSelectionDialog\n            isOpen={selectDialogState}\n            onClose={() => setSelectDialogState(false)}\n            onChange={onChange}\n            availableClassIDs={classIDs}\n          />\n        : null}\n    </ButtonGroup>\n  );\n};\n\n\nconst RelatedItemSelectionDialog: React.FC<{\n  isOpen: boolean\n  onClose: () => void\n  onChange: (itemRef: InternalItemReference) => void\n  availableClassIDs: string[]\n}> = function ({\n  isOpen, onClose, onChange,\n  availableClassIDs,\n}) {\n  const { subregisters } = useContext(BrowserCtx);\n\n  const classCriteria: Criterion[] = availableClassIDs.map(clsID => ({\n    key: 'item-class',\n    query: `objPath.indexOf(\\\"/${clsID}/\\\") >= 0`,\n  }));\n\n  const implicitCriteria: CriteriaGroup | undefined = classCriteria.length > 0\n    ? {\n        require: 'any',\n        criteria: classCriteria,\n      }\n    : undefined;\n\n  return (\n    <Dialog\n        isOpen={isOpen}\n        onClose={onClose}\n        enforceFocus={false}\n        style={{ padding: '0', width: 'unset' }}>\n      <Search\n        style={{ height: '90vh', width: '90vw' }}\n        availableClassIDs={availableClassIDs}\n        implicitCriteria={implicitCriteria}\n        stateName=\"superseding-item-selector-search\"\n        onOpenItem={(itemPath) => {\n          onChange(itemPathToItemRef(subregisters !== undefined, itemPath));\n          onClose();\n        }}\n      />\n    </Dialog>\n  );\n}\n\n\nexport default GenericRelatedItemView;\n"]}

package/views/RegisterStakeholder.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import type { RegisterStakeholder } from '../types';
+export declare const RegisterStakeholderListItem: React.FC<{
+    stakeholder: RegisterStakeholder;
+    isCurrentUser?: true;
+}>;
+export declare function registerStakeholderPlain(stakeholder: RegisterStakeholder): string;

package/views/RegisterStakeholder.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.registerStakeholderPlain = registerStakeholderPlain;
+exports.RegisterStakeholderListItem = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const RegisterStakeholderListItem = function ({
+  stakeholder,
+  isCurrentUser
+}) {
+  return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_core.Icon, {
+    icon: "person"
+  }), "\u00A0", (0, _react2.jsx)("span", {
+    css: (0, _react2.css)`white-space: nowrap;`
+  }, registerStakeholderPlain(stakeholder)), "\u00A0", isCurrentUser ? (0, _react2.jsx)(_core.Tag, {
+    round: true,
+    minimal: true,
+    intent: "primary",
+    css: (0, _react2.css)`display: inline;`
+  }, "you") : null);
+};
+
+exports.RegisterStakeholderListItem = RegisterStakeholderListItem;
+
+function registerStakeholderPlain(stakeholder) {
+  return `${stakeholder.name} (${stakeholder.role ?? 'unspecified role'})`;
+}

package/views/RegisterStakeholder.js.map

@@ -0,0 +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,WAAW,CAAC,IAAI,IAAI,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"]}

package/views/RegisterVersion.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import type { Version } from '../types';
+export declare const RegisterVersion: React.FC<{
+    version: Version;
+    isCurrent?: true;
+}>;
+export declare function registerVersionPlain(version: Version): string;

package/views/RegisterVersion.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.registerVersionPlain = registerVersionPlain;
+exports.RegisterVersion = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _util = require("./util");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const RegisterVersion = function ({
+  version,
+  isCurrent
+}) {
+  return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_core.Icon, {
+    icon: "calendar"
+  }), "\u00A0", (0, _react2.jsx)("span", {
+    css: (0, _react2.css)`white-space: nowrap;`
+  }, registerVersionPlain(version)), "\u00A0", isCurrent ? (0, _react2.jsx)(_core.Tag, {
+    round: true,
+    intent: "primary",
+    title: "This version is the current published version."
+  }, "current") : null);
+};
+
+exports.RegisterVersion = RegisterVersion;
+
+function registerVersionPlain(version) {
+  return `${version.id} (published ${(0, _util.formatDate)(version.timestamp)})`;
+}

package/views/RegisterVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegisterVersion.js","sourceRoot":"","sources":["../../src/views/RegisterVersion.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAGpC,MAAM,CAAC,MAAM,eAAe,GAI5B,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE;IAC9B,OAAO;QACL,IAAC,IAAI,IAAC,IAAI,EAAC,UAAU,GAAG;;QAExB,cAAM,GAAG,EAAE,GAAG,CAAA,sBAAsB,IAAG,oBAAoB,CAAC,OAAO,CAAC,CAAQ;;QAE3E,SAAS;YACR,CAAC,CAAC,IAAC,GAAG,IAAC,KAAK,QAAC,MAAM,EAAC,SAAS,EAAC,KAAK,EAAC,gDAAgD,cAE5E;YACR,CAAC,CAAC,IAAI,CACP,CAAC;AACN,CAAC,CAAA;AAGD,MAAM,UAAU,oBAAoB,CAAC,OAAgB;IACnD,OAAO,GAAG,OAAO,CAAC,EAAE,eAAe,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC;AACtE,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { Tag, Icon } from '@blueprintjs/core';\nimport type { Version } from '../types';\nimport { formatDate } from './util';\n\n\nexport const RegisterVersion: React.FC<{\n  version: Version\n  isCurrent?: true\n}> =\nfunction ({ version, isCurrent }) {\n  return <>\n    <Icon icon=\"calendar\" />\n    &nbsp;\n    <span css={css`white-space: nowrap;`}>{registerVersionPlain(version)}</span>\n    &nbsp;\n    {isCurrent\n      ? <Tag round intent=\"primary\" title=\"This version is the current published version.\">\n          current\n        </Tag>\n      : null}\n  </>;\n}\n\n\nexport function registerVersionPlain(version: Version): string {\n  return `${version.id} (published ${formatDate(version.timestamp)})`;\n}\n"]}

package/views/SearchQuery.d.ts

@@ -0,0 +1,13 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { CriteriaGroup } from './FilterCriteria/models';
+declare const SearchQuery: React.FC<{
+    rootCriteria: CriteriaGroup;
+    onCriteriaChange?: (rootCriteria: CriteriaGroup) => void;
+    quickSearchString: string;
+    onQuickSearchStringChange?: (searchString: string) => void;
+    availableClassIDs?: string[];
+    className?: string;
+}>;
+export default SearchQuery;