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

package/views/detail/CustomView/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _useCustomView = _interopRequireDefault(require("../../hooks/useCustomView"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const CustomViewMain = function ({
+  uri
+}) {
+  const [viewID, ...pathComponents] = uri.split('/');
+  const {
+    value: view
+  } = (0, _useCustomView.default)(viewID);
+
+  const fallbackView = () => (0, _react2.jsx)(_core.NonIdealState, {
+    icon: "heart-broken",
+    title: "Unable to show this view",
+    description: `Custom view ${uri} cannot be displayed (not found in registry configuration)`
+  });
+
+  const View = (view === null || view === void 0 ? void 0 : view.view) ?? fallbackView;
+  return (0, _react2.jsx)(View, {
+    path: pathComponents.join('/')
+  });
+};
+
+const CustomViewTitle = function ({
+  uri
+}) {
+  const {
+    value: view
+  } = (0, _useCustomView.default)(uri);
+  return (0, _react2.jsx)(_react.default.Fragment, null, (view === null || view === void 0 ? void 0 : view.label) ?? 'unknown view');
+};
+
+var _default = {
+  main: CustomViewMain,
+  title: CustomViewTitle,
+  plainTitle: async () => "custom view"
+}; // function useCRData(id: string | undefined): ValueHook<ChangeRequest | undefined> {
+//   const { useObjectData } = useContext(DatasetContext);
+//   const objectPath = `change-requests/${id ?? 'NONEXISTENT_CR_ID'}.yaml`;
+//   const crDataResp = useObjectData({ objectPaths: [objectPath] });
+//   const crData = crDataResp.value.data?.[objectPath] as ChangeRequest | null;
+//   return {
+//     value: crData ?? undefined,
+//     isUpdating: crDataResp.isUpdating,
+//     errors: crDataResp.errors,
+//     refresh: crDataResp.refresh,
+//     _reqCounter: crDataResp._reqCounter,
+//   };
+// }
+
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/detail/CustomView/index.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAGtD,MAAM,cAAc,GAA8B,UAAU,EAAE,GAAG,EAAE;IACjE,MAAM,CAAC,MAAM,EAAE,GAAG,cAAc,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACnD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,CAAC,IAAC,aAAa,IACxC,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,0BAA0B,EAChC,WAAW,EAAE,eAAe,GAAG,4DAA4D,GAC3F,CAAC,CAAC;IACJ,MAAM,IAAI,GAAG,IAAI,EAAE,IAAI,IAAI,YAAY,CAAC;IACxC,OAAO,IAAC,IAAI,IAAC,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,GAAI,CAAC;AAClD,CAAC,CAAC;AAGF,MAAM,eAAe,GAA8B,UAAU,EAAE,GAAG,EAAE;IAClE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3C,OAAO,0BAAG,IAAI,EAAE,KAAK,IAAI,cAAc,CAAI,CAAC;AAC9C,CAAC,CAAA;AAGD,eAAe,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,aAAa,EAAE,CAAC;AAGvG,qFAAqF;AACrF,0DAA0D;AAC1D,4EAA4E;AAC5E,qEAAqE;AACrE,gFAAgF;AAChF,aAAa;AACb,kCAAkC;AAClC,yCAAyC;AACzC,iCAAiC;AACjC,mCAAmC;AACnC,2CAA2C;AAC3C,OAAO;AACP,IAAI","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React from 'react';\nimport { jsx } from '@emotion/react';\nimport { NonIdealState } from '@blueprintjs/core';\nimport useCustomView from '../../hooks/useCustomView';\n\n\nconst CustomViewMain: React.FC<{ uri: string }> = function ({ uri }) {\n  const [viewID, ...pathComponents] = uri.split('/');\n  const { value: view } = useCustomView(viewID);\n  const fallbackView = (() => <NonIdealState\n    icon=\"heart-broken\"\n    title=\"Unable to show this view\"\n    description={`Custom view ${uri} cannot be displayed (not found in registry configuration)`}\n  />);\n  const View = view?.view ?? fallbackView;\n  return <View path={pathComponents.join('/')} />;\n};\n\n\nconst CustomViewTitle: React.FC<{ uri: string }> = function ({ uri }) {\n  const { value: view } = useCustomView(uri);\n  return <>{view?.label ?? 'unknown view'}</>;\n}\n\n\nexport default { main: CustomViewMain, title: CustomViewTitle, plainTitle: async () => \"custom view\" };\n\n\n// function useCRData(id: string | undefined): ValueHook<ChangeRequest | undefined> {\n//   const { useObjectData } = useContext(DatasetContext);\n//   const objectPath = `change-requests/${id ?? 'NONEXISTENT_CR_ID'}.yaml`;\n//   const crDataResp = useObjectData({ objectPaths: [objectPath] });\n//   const crData = crDataResp.value.data?.[objectPath] as ChangeRequest | null;\n//   return {\n//     value: crData ?? undefined,\n//     isUpdating: crDataResp.isUpdating,\n//     errors: crDataResp.errors,\n//     refresh: crDataResp.refresh,\n//     _reqCounter: crDataResp._reqCounter,\n//   };\n// }\n"]}

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

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+declare const RegisterHome: React.VoidFunctionComponent<Record<never, never>>;
+export default RegisterHome;

package/views/detail/RegisterHome/index.js

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _context = require("@riboseinc/paneron-extension-kit/context");
+
+var _context2 = require("@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context");
+
+var _BrowserCtx = require("../../BrowserCtx");
+
+var _RegisterStakeholder = require("../../RegisterStakeholder");
+
+var _objectChangeset = require("../../change-request/objectChangeset");
+
+var _protocolRegistry = require("../../protocolRegistry");
+
+var _itemPathUtils = require("../../itemPathUtils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+//import { Helmet } from 'react-helmet';
+const RegisterHome = function () {
+  var _stakeholder$gitServe, _registerMetadata$ver;
+
+  const {
+    spawnTab
+  } = (0, _react.useContext)(_context2.TabbedWorkspaceContext);
+  const {
+    customViews,
+    registerMetadata,
+    stakeholder
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+  const {
+    makeRandomID,
+    updateObjects,
+    performOperation
+  } = (0, _react.useContext)(_context.DatasetContext);
+  const [newProposalIdea, setNewProposalIdea] = (0, _react.useState)('');
+  const registerVersion = registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.version;
+  const canCreateCR = stakeholder && stakeholder.role && ((_stakeholder$gitServe = stakeholder.gitServerUsername) === null || _stakeholder$gitServe === void 0 ? void 0 : _stakeholder$gitServe.trim()) !== '' && makeRandomID && updateObjects && ((registerVersion === null || registerVersion === void 0 ? void 0 : registerVersion.id) ?? '').trim() !== '';
+
+  async function createCR(justification) {
+    if (canCreateCR) {
+      const id = await makeRandomID();
+      await updateObjects({
+        commitMessage: "start new proposal",
+        objectChangeset: (0, _objectChangeset.newCRObjectChangeset)(id, justification, registerVersion, stakeholder.gitServerUsername)
+      });
+      return id;
+    } else {
+      throw new Error("Unable to create proposal: read-only dataset");
+    }
+  }
+
+  async function handleNewProposal() {
+    if (newProposalIdea) {
+      const crID = await performOperation("creating proposal", createCR)(newProposalIdea);
+      setNewProposalIdea('');
+      spawnTab(`${_protocolRegistry.Protocols.CHANGE_REQUEST}:${(0, _itemPathUtils.crIDToCRPath)(crID)}`);
+    }
+  }
+
+  const menu = (0, _react2.jsx)(_core.Menu, {
+    css: (0, _react2.css)`margin: 10px;`
+  }, (0, _react2.jsx)(_core.MenuDivider, {
+    title: "Quick links"
+  }), customViews.map((cv, _) => (0, _react2.jsx)(_core.MenuItem, {
+    key: cv.id,
+    text: cv.label,
+    title: cv.description,
+    icon: cv.icon,
+    onClick: () => spawnTab(`${_protocolRegistry.Protocols.CUSTOM_VIEW}:${cv.id}/index`)
+  })), customViews.length > 0 ? (0, _react2.jsx)(_core.MenuDivider, null) : null, (0, _react2.jsx)(_core.MenuItem, {
+    text: `Propose a change to version ${(registerMetadata === null || registerMetadata === void 0 ? void 0 : (_registerMetadata$ver = registerMetadata.version) === null || _registerMetadata$ver === void 0 ? void 0 : _registerMetadata$ver.id) ?? '(missing)'}`,
+    disabled: !canCreateCR,
+    icon: "lightbulb",
+    title: canCreateCR ? "A blank proposal will be created and opened in a new tab." : undefined
+  }, (0, _react2.jsx)(_core.InputGroup, {
+    value: newProposalIdea || undefined,
+    placeholder: "Your idea\u2026",
+    title: "Justification draft (you can change this later)",
+    onChange: evt => setNewProposalIdea(evt.currentTarget.value),
+    rightElement: (0, _react2.jsx)(_core.Button, {
+      small: true,
+      intent: newProposalIdea ? 'primary' : undefined,
+      disabled: !newProposalIdea,
+      onClick: handleNewProposal,
+      icon: "tick"
+    })
+  })), (0, _react2.jsx)(_core.MenuItem, {
+    text: "View register metadata",
+    icon: "properties",
+    onClick: () => spawnTab(_protocolRegistry.Protocols.REGISTER_META)
+  }));
+  const intro = (0, _react2.jsx)(_core.Callout, {
+    intent: "primary",
+    css: (0, _react2.css)`text-align: left;`
+  }, stakeholder ? (0, _react2.jsx)(_react.default.Fragment, null, "You are working as ", (0, _RegisterStakeholder.registerStakeholderPlain)(stakeholder)) : (0, _react2.jsx)(_react.default.Fragment, null, "Your remote username is not in the list of stakeholders"));
+  const greeting = registerMetadata ? (0, _react2.jsx)(_core.NonIdealState, {
+    title: `Welcome to ${registerMetadata.name}`,
+    description: (0, _react2.jsx)(_react.default.Fragment, null, intro, menu)
+  }) : registerMetadata === undefined ? (0, _react2.jsx)(_core.NonIdealState, {
+    icon: (0, _react2.jsx)(_core.Spinner, null),
+    description: "Loading register information\u2026"
+  }) : (0, _react2.jsx)(_core.NonIdealState, {
+    icon: "heart-broken",
+    title: "Register metadata is missing or invalid.",
+    description: (0, _react2.jsx)(_react.default.Fragment, null, menu)
+  });
+  return greeting;
+};
+
+var _default = RegisterHome;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/detail/RegisterHome/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext, useState } from 'react';\n//import { Helmet } from 'react-helmet';\nimport { jsx, css } from '@emotion/react';\nimport { Menu, MenuDivider, MenuItem, InputGroup, Button, NonIdealState, Spinner, Callout } from '@blueprintjs/core';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport { TabbedWorkspaceContext } from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context';\nimport { BrowserCtx } from '../../BrowserCtx';\nimport { registerStakeholderPlain } from '../../RegisterStakeholder';\nimport { newCRObjectChangeset } from '../../change-request/objectChangeset';\n\nimport { Protocols } from '../../protocolRegistry';\nimport { crIDToCRPath } from '../../itemPathUtils';\n\n\nconst RegisterHome: React.VoidFunctionComponent<Record<never, never>> =\nfunction () {\n  const { spawnTab } = useContext(TabbedWorkspaceContext);\n  const { customViews, registerMetadata, stakeholder } = useContext(BrowserCtx);\n  const { makeRandomID, updateObjects, performOperation } = useContext(DatasetContext);\n\n  const [ newProposalIdea, setNewProposalIdea ] = useState<string>('');\n\n  const registerVersion = registerMetadata?.version;\n  const canCreateCR = (\n    stakeholder &&\n    stakeholder.role &&\n    stakeholder.gitServerUsername?.trim() !== '' &&\n    makeRandomID &&\n    updateObjects &&\n    (registerVersion?.id ?? '').trim() !== '');\n\n  async function createCR(justification: string): Promise<string> {\n    if (canCreateCR) {\n      const id = await makeRandomID();\n      await updateObjects({\n        commitMessage: \"start new proposal\",\n        objectChangeset: newCRObjectChangeset(\n          id,\n          justification,\n          registerVersion!,\n          stakeholder.gitServerUsername!,\n        ),\n      });\n      return id;\n    } else {\n      throw new Error(\"Unable to create proposal: read-only dataset\");\n    }\n  }\n\n  async function handleNewProposal() {\n    if (newProposalIdea) {\n      const crID = await performOperation(\"creating proposal\", createCR)(newProposalIdea);\n      setNewProposalIdea('');\n      spawnTab(`${Protocols.CHANGE_REQUEST}:${crIDToCRPath(crID)}`);\n    }\n  }\n\n  const menu = (\n    <Menu css={css`margin: 10px;`}>\n      <MenuDivider title=\"Quick links\" />\n      {customViews.map((cv, _) => \n        <MenuItem\n          key={cv.id}\n          text={cv.label}\n          title={cv.description}\n          icon={cv.icon}\n          onClick={() => spawnTab(`${Protocols.CUSTOM_VIEW}:${cv.id}/index`)}\n        />\n      )}\n      {customViews.length > 0 ? <MenuDivider /> : null}\n\n      <MenuItem\n        text={`Propose a change to version ${registerMetadata?.version?.id ?? '(missing)'}`}\n        disabled={!canCreateCR}\n        icon=\"lightbulb\"\n        title={canCreateCR\n            ? \"A blank proposal will be created and opened in a new tab.\"\n            : undefined}>\n        <InputGroup\n          value={newProposalIdea || undefined}\n          placeholder=\"Your idea…\"\n          title=\"Justification draft (you can change this later)\"\n          onChange={evt => setNewProposalIdea(evt.currentTarget.value)}\n          rightElement={\n            <Button\n              small\n              intent={newProposalIdea ? 'primary': undefined}\n              disabled={!newProposalIdea}\n              onClick={handleNewProposal}\n              icon=\"tick\"\n            />\n          }\n        />\n      </MenuItem>\n      <MenuItem\n        text=\"View register metadata\"\n        icon=\"properties\"\n        onClick={() => spawnTab(Protocols.REGISTER_META)}\n      />\n    </Menu>\n  );\n\n  const intro = <Callout intent=\"primary\" css={css`text-align: left;`}>\n    {stakeholder\n      ? <>You are working as {registerStakeholderPlain(stakeholder)}</>\n      : <>Your remote username is not in the list of stakeholders</>}\n  </Callout>\n\n  const greeting = registerMetadata\n    ? <NonIdealState\n        title={`Welcome to ${registerMetadata.name}`}\n        description={<>\n          {intro}\n          {menu}\n        </>}\n      />\n    : registerMetadata === undefined\n      ? <NonIdealState\n          icon={<Spinner />}\n          description=\"Loading register information…\"\n        />\n      : <NonIdealState\n          icon=\"heart-broken\"\n          title=\"Register metadata is missing or invalid.\"\n          description={<>\n            {menu}\n          </>}\n        />;\n\n  return greeting;\n}\n\nexport default RegisterHome;\n"]}

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

@@ -0,0 +1,13 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import type { InternalItemReference } from '../../../types';
+/**
+ * Shows a list of related items .
+ */
+export declare const RelatedItems: React.FC<{
+    itemRefs: InternalItemReference[];
+    onChange?: (newItemRefs: InternalItemReference[]) => void;
+    className?: string;
+}>;
+export default RelatedItems;

package/views/detail/RegisterItem/RelatedItems.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RelatedItems = void 0;
+
+var _immutabilityHelper = _interopRequireDefault(require("immutability-helper"));
+
+var _react = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _GenericRelatedItemView = _interopRequireDefault(require("../../GenericRelatedItemView"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+
+/**
+ * Shows a list of related items .
+ */
+const RelatedItems = function ({
+  itemRefs,
+  onChange,
+  className
+}) {
+  function handleRemoveItemAtIdx(idx) {
+    onChange === null || onChange === void 0 ? void 0 : onChange((0, _immutabilityHelper.default)(itemRefs, {
+      $splice: [[idx, 1]]
+    }));
+  }
+
+  function handleUpdateItemAtIdx(idx, ref) {
+    onChange === null || onChange === void 0 ? void 0 : onChange((0, _immutabilityHelper.default)(itemRefs, {
+      $splice: [[idx, 0, ref]]
+    }));
+  }
+
+  return (0, _react.jsx)(_core.ControlGroup // TODO: Workaround for BP3 bug with border radius in ControlGroup with a single child; remove if fixed:
+  , {
+    // TODO: Workaround for BP3 bug with border radius in ControlGroup with a single child; remove if fixed:
+    vertical: itemRefs.length > 0,
+    className: className
+  }, itemRefs.map((itemRef, idx) => (0, _react.jsx)(_GenericRelatedItemView.default, {
+    itemRef: itemRef,
+    key: idx,
+    onClear: onChange ? () => handleRemoveItemAtIdx(idx) : undefined,
+    onChange: onChange ? newRef => handleUpdateItemAtIdx(idx, newRef) : undefined
+  })), onChange ? (0, _react.jsx)(_GenericRelatedItemView.default, {
+    onChange: newRef => onChange((0, _immutabilityHelper.default)(itemRefs, {
+      $push: [newRef]
+    }))
+  }) : null);
+};
+
+exports.RelatedItems = RelatedItems;
+var _default = RelatedItems;
+exports.default = _default;

package/views/detail/RegisterItem/RelatedItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelatedItems.js","sourceRoot":"","sources":["../../../../src/views/detail/RegisterItem/RelatedItems.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,sBAAsB,MAAM,8BAA8B,CAAC;AAGlE;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAIpB,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC9C,SAAS,qBAAqB,CAAC,GAAW;QACxC,QAAQ,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxD,CAAC;IACD,SAAS,qBAAqB,CAAC,GAAW,EAAE,GAA0B;QACpE,QAAQ,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC;IACD,OAAO,CACL,IAAC,YAAY;IAET,wGAAwG;;QAAxG,wGAAwG;QACxG,QAAQ,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,EAE7B,SAAS,EAAE,SAAS;QACrB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,CAC7B,IAAC,sBAAsB,IACrB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,QAAQ;gBACf,CAAC,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,CAAC;gBAClC,CAAC,CAAC,SAAS,EACb,QAAQ,EAAE,QAAQ;gBAChB,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,MAAM,CAAC;gBAChD,CAAC,CAAC,SAAS,GACb,CACH;QAGA,QAAQ;YACP,CAAC,CAAC,IAAC,sBAAsB,IACrB,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,QAAS,CAAC,MAAM,CAClC,QAAQ,EACR,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,CACpB,CAAC,GACF;YACJ,CAAC,CAAC,IAAI,CACK,CAChB,CAAC;AACJ,CAAC,CAAC;AAGF,eAAe,YAAY,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport update from 'immutability-helper';\nimport React from 'react';\nimport { jsx } from '@emotion/react';\nimport { ControlGroup } from '@blueprintjs/core';\nimport type { InternalItemReference } from '../../../types';\nimport GenericRelatedItemView from '../../GenericRelatedItemView';\n\n\n/**\n * Shows a list of related items .\n */\nexport const RelatedItems: React.FC<{\n  itemRefs: InternalItemReference[],\n  onChange?: (newItemRefs: InternalItemReference[]) => void,\n  className?: string,\n}> = function ({ itemRefs, onChange, className }) {\n  function handleRemoveItemAtIdx(idx: number) {\n    onChange?.(update(itemRefs, { $splice: [[idx, 1]] }));\n  }\n  function handleUpdateItemAtIdx(idx: number, ref: InternalItemReference) {\n    onChange?.(update(itemRefs, { $splice: [[idx, 0, ref]] }));\n  }\n  return (\n    <ControlGroup\n\n        // TODO: Workaround for BP3 bug with border radius in ControlGroup with a single child; remove if fixed:\n        vertical={itemRefs.length > 0}\n\n        className={className}>\n      {itemRefs.map((itemRef, idx) =>\n        <GenericRelatedItemView\n          itemRef={itemRef}\n          key={idx}\n          onClear={onChange\n            ? () => handleRemoveItemAtIdx(idx)\n            : undefined}\n          onChange={onChange\n            ? (newRef) => handleUpdateItemAtIdx(idx, newRef)\n            : undefined}\n        />\n      )}\n\n      {/* New item placeholder */}\n      {onChange\n        ? <GenericRelatedItemView\n            onChange={newRef => onChange!(update(\n              itemRefs,\n              { $push: [newRef] },\n            ))}\n          />\n        : null}\n    </ControlGroup>\n  );\n};\n\n\nexport default RelatedItems;\n"]}

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

@@ -0,0 +1,13 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import type { InternalItemReference } from '../../../types';
+/**
+ * Shows a list of related items .
+ */
+export declare const RelatedItems: React.FC<{
+    itemRefs: InternalItemReference[];
+    onChange?: (newItemRefs: InternalItemReference[]) => void;
+    className?: string;
+}>;
+export default RelatedItems;

package/views/detail/RegisterItem/SupersedingItemMenu.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RelatedItems = void 0;
+
+var _immutabilityHelper = _interopRequireDefault(require("immutability-helper"));
+
+var _react = require("@emotion/react");
+
+var _GenericRelatedItemView = _interopRequireDefault(require("../../GenericRelatedItemView"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+
+/**
+ * Shows a list of related items .
+ */
+const RelatedItems = function ({
+  itemRefs,
+  onChange,
+  className
+}) {
+  function handleRemoveItemAtIdx(idx) {
+    onChange === null || onChange === void 0 ? void 0 : onChange((0, _immutabilityHelper.default)(itemRefs, {
+      $splice: [[idx, 1]]
+    }));
+  }
+
+  function handleUpdateItemAtIdx(idx, ref) {
+    onChange === null || onChange === void 0 ? void 0 : onChange((0, _immutabilityHelper.default)(itemRefs, {
+      $splice: [[idx, 0, ref]]
+    }));
+  }
+
+  return (0, _react.jsx)("div", {
+    className: className
+  }, itemRefs.map((itemRef, idx) => (0, _react.jsx)(_GenericRelatedItemView.default, {
+    itemRef: itemRef,
+    key: idx,
+    onClear: onChange ? () => handleRemoveItemAtIdx(idx) : undefined,
+    onChange: onChange ? newRef => handleUpdateItemAtIdx(idx, newRef) : undefined
+  })), onChange ? (0, _react.jsx)(_GenericRelatedItemView.default, {
+    onChange: newRef => onChange((0, _immutabilityHelper.default)(itemRefs, {
+      $push: [newRef]
+    }))
+  }) : null);
+};
+
+exports.RelatedItems = RelatedItems;
+var _default = RelatedItems;
+exports.default = _default;

package/views/detail/RegisterItem/SupersedingItemMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupersedingItemMenu.js","sourceRoot":"","sources":["../../../../src/views/detail/RegisterItem/SupersedingItemMenu.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAErC,OAAO,sBAAsB,MAAM,8BAA8B,CAAC;AAGlE;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAIpB,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC9C,SAAS,qBAAqB,CAAC,GAAW;QACxC,QAAQ,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxD,CAAC;IACD,SAAS,qBAAqB,CAAC,GAAW,EAAE,GAA0B;QACpE,QAAQ,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC;IACD,OAAO,aAAK,SAAS,EAAE,SAAS;QAC7B,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,CAC7B,IAAC,sBAAsB,IACrB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,QAAQ;gBACf,CAAC,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,CAAC;gBAClC,CAAC,CAAC,SAAS,EACb,QAAQ,EAAE,QAAQ;gBAChB,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,MAAM,CAAC;gBAChD,CAAC,CAAC,SAAS,GACb,CACH;QAGA,QAAQ;YACP,CAAC,CAAC,IAAC,sBAAsB,IACrB,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,QAAS,CAAC,MAAM,CAClC,QAAQ,EACR,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,CACpB,CAAC,GACF;YACJ,CAAC,CAAC,IAAI,CACJ,CAAC;AACT,CAAC,CAAC;AAGF,eAAe,YAAY,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport update from 'immutability-helper';\nimport React from 'react';\nimport { jsx } from '@emotion/react';\nimport type { InternalItemReference } from '../../../types';\nimport GenericRelatedItemView from '../../GenericRelatedItemView';\n\n\n/**\n * Shows a list of related items .\n */\nexport const RelatedItems: React.FC<{\n  itemRefs: InternalItemReference[],\n  onChange?: (newItemRefs: InternalItemReference[]) => void,\n  className?: string,\n}> = function ({ itemRefs, onChange, className }) {\n  function handleRemoveItemAtIdx(idx: number) {\n    onChange?.(update(itemRefs, { $splice: [[idx, 1]] }));\n  }\n  function handleUpdateItemAtIdx(idx: number, ref: InternalItemReference) {\n    onChange?.(update(itemRefs, { $splice: [[idx, 0, ref]] }));\n  }\n  return <div className={className}>\n    {itemRefs.map((itemRef, idx) =>\n      <GenericRelatedItemView\n        itemRef={itemRef}\n        key={idx}\n        onClear={onChange\n          ? () => handleRemoveItemAtIdx(idx)\n          : undefined}\n        onChange={onChange\n          ? (newRef) => handleUpdateItemAtIdx(idx, newRef)\n          : undefined}\n      />\n    )}\n\n    {/* New item placeholder */}\n    {onChange\n      ? <GenericRelatedItemView\n          onChange={newRef => onChange!(update(\n            itemRefs,\n            { $push: [newRef] },\n          ))}\n        />\n      : null}\n  </div>;\n};\n\n\nexport default RelatedItems;\n"]}

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

@@ -0,0 +1,13 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+declare const _default: {
+    main: React.FC<{
+        uri: string;
+        inProposalWithID?: string | undefined;
+    }>;
+    title: React.FC<{
+        uri: string;
+    }>;
+};
+export default _default;