@riboseinc/paneron-registry-kit 2.2.32 → 2.2.34

package/proposals/ProposalItem.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getProposalIcon = getProposalIcon;
+exports.default = exports.ChangeProposalItemView = void 0;
+
+var _react = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _ProposalSummary = _interopRequireDefault(require("./ProposalSummary"));
+
+var _ProposalType = _interopRequireDefault(require("./ProposalType"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const ChangeProposalItemView = (item, {
+  handleClick,
+  modifiers,
+  query
+}) => {
+  if (item.item !== null) {
+    const i = item;
+    return (0, _react.jsx)(_core.MenuItem, {
+      active: modifiers.active,
+      disabled: modifiers.disabled,
+      labelElement: (0, _react.jsx)(_ProposalType.default, {
+        proposal: i.proposal
+      }),
+      key: item.itemPath,
+      onClick: handleClick,
+      icon: getProposalIcon(item.proposal),
+      text: (0, _react.jsx)(_ProposalSummary.default, { ...i
+      })
+    });
+  } else {
+    return (0, _react.jsx)(_core.MenuItem, {
+      disabled: true,
+      icon: "heart-broken",
+      onClick: handleClick,
+      text: `Broken proposal entry at path ${item.itemPath}`
+    });
+  }
+};
+
+exports.ChangeProposalItemView = ChangeProposalItemView;
+var _default = ChangeProposalItemView;
+exports.default = _default;
+
+function getProposalIcon(proposal) {
+  return proposal.type === 'addition' ? 'add' : proposal.type === 'clarification' ? 'edit' : 'ban-circle';
+}

package/proposals/ProposalItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProposalItem.js","sourceRoot":"","sources":["../../src/proposals/ProposalItem.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAI9B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAiB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAQ5D,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAU1C,MAAM,CAAC,MAAM,sBAAsB,GACnC,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1C,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;QACtB,MAAM,CAAC,GAAG,IAAwD,CAAC;QACnE,OAAO,CACL,IAAC,QAAQ,IACP,MAAM,EAAE,SAAS,CAAC,MAAM,EACxB,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAC5B,YAAY,EAAE,IAAC,YAAY,IAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,GAAI,EACpD,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,EACpC,IAAI,EAAE,IAAC,eAAe,OAAK,CAAC,GAAI,GAChC,CACH,CAAC;KACH;SAAM;QACL,OAAO,IAAC,QAAQ,IACd,QAAQ,QACR,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,iCAAiC,IAAI,CAAC,QAAQ,EAAE,GACtD,CAAA;KACH;AACH,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC;AAGtC,MAAM,UAAU,eAAe,CAAC,QAAwB;IACtD,OAAO,QAAQ,CAAC,IAAI,KAAK,UAAU;QAC/B,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,QAAQ,CAAC,IAAI,KAAK,eAAe;YACjC,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,YAAY,CAAC;AACvB,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\n//import React from 'react';\nimport { type ItemRenderer } from '@blueprintjs/select';\nimport { jsx } from '@emotion/react';\nimport { type IconName, MenuItem } from '@blueprintjs/core';\nimport type {\n  InternalItemReference,\n  Payload,\n  RegisterItem,\n} from '../types';\nimport type { ChangeProposal } from './types';\n\nimport ProposalSummary from './ProposalSummary';\nimport ProposalType from './ProposalType';\n\nexport interface ChangeProposalItem {\n  itemPath: string\n  itemRef: InternalItemReference\n  proposal: ChangeProposal\n  item: RegisterItem<Payload> | null\n  itemBefore: RegisterItem<Payload> | undefined\n}\n\nexport const ChangeProposalItemView: ItemRenderer<ChangeProposalItem> =\n(item, { handleClick, modifiers, query }) => {\n  if (item.item !== null) {\n    const i = item as ChangeProposalItem & { item: RegisterItem<any> };\n    return (\n      <MenuItem\n        active={modifiers.active}\n        disabled={modifiers.disabled}\n        labelElement={<ProposalType proposal={i.proposal} />}\n        key={item.itemPath}\n        onClick={handleClick}\n        icon={getProposalIcon(item.proposal)}\n        text={<ProposalSummary {...i} />}\n      />\n    );\n  } else {\n    return <MenuItem\n      disabled\n      icon=\"heart-broken\"\n      onClick={handleClick}\n      text={`Broken proposal entry at path ${item.itemPath}`}\n    />\n  }\n};\n\nexport default ChangeProposalItemView;\n\n\nexport function getProposalIcon(proposal: ChangeProposal): IconName {\n  return proposal.type === 'addition'\n      ? 'add'\n      : proposal.type === 'clarification'\n        ? 'edit'\n        : 'ban-circle';\n}\n"]}

package/proposals/ProposalSummary.d.ts

@@ -0,0 +1,6 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import type { ProposalProps, ChangeProposal } from './types';
+export declare const ProposalSummary: React.FC<ProposalProps<ChangeProposal>>;
+export default ProposalSummary;

package/proposals/ProposalSummary.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ProposalSummary = void 0;
+
+var _react = require("react");
+
+var _react2 = require("@emotion/react");
+
+var _ErrorState = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/ErrorState"));
+
+var _BrowserCtx = require("../views/BrowserCtx");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const ProposalSummary = function ({
+  proposal,
+  itemRef,
+  item,
+  itemBefore,
+  onChange
+}) {
+  var _a;
+
+  const {
+    itemClasses
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+  const {
+    classID
+  } = itemRef;
+  const cls = itemClasses[classID];
+  const ListItemView = (_a = cls === null || cls === void 0 ? void 0 : cls.views) === null || _a === void 0 ? void 0 : _a.listItemView;
+
+  if (ListItemView) {
+    return (0, _react2.jsx)("span", {
+      css: (0, _react2.css)`
+      display: inline-flex;
+      flex-flow: row nowrap;
+      align-items: baseline;
+    `
+    }, (0, _react2.jsx)(ListItemView, {
+      itemRef: itemRef,
+      itemData: item.data,
+      css: (0, _react2.css)`text-overflow: ellipsis; overflow: hidden;`
+    }), "\u2003", (0, _react2.jsx)("small", null, cls.meta.title));
+  } else {
+    return (0, _react2.jsx)(_ErrorState.default, {
+      viewName: "list item view",
+      inline: true,
+      error: "unable to load list item view"
+    });
+  }
+};
+
+exports.ProposalSummary = ProposalSummary;
+var _default = ProposalSummary;
+exports.default = _default;

package/proposals/ProposalSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProposalSummary.js","sourceRoot":"","sources":["../../src/proposals/ProposalSummary.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,UAAU,MAAM,qDAAqD,CAAC;AAE7E,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAIjD,MAAM,CAAC,MAAM,eAAe,GAC5B,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE;;IACzD,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAC/C,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAC5B,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC,MAAM,YAAY,GAAG,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,0CAAE,YAAY,CAAC;IAE9C,IAAI,YAAY,EAAE;QAChB,OAAO,cAAM,GAAG,EAAE,GAAG,CAAA;;;;KAIpB;YACC,IAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,IAAI,CAAC,IAAI,EACnB,GAAG,EAAE,GAAG,CAAA,4CAA4C,GACpD;;YAEF,mBAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAS,CAC1B,CAAC;KACT;SAAM;QACL,OAAO,IAAC,UAAU,IAChB,QAAQ,EAAC,gBAAgB,EACzB,MAAM,QACN,KAAK,EAAC,+BAA+B,GACrC,CAAC;KACJ;AACH,CAAC,CAAC;AAGF,eAAe,eAAe,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport ErrorState from '@riboseinc/paneron-extension-kit/widgets/ErrorState';\n\nimport { BrowserCtx } from '../views/BrowserCtx';\nimport type { ProposalProps, ChangeProposal } from './types';\n\n\nexport const ProposalSummary: React.FC<ProposalProps<ChangeProposal>> =\nfunction ({ proposal, itemRef, item, itemBefore, onChange }) {\n  const { itemClasses } = useContext(BrowserCtx);\n  const { classID } = itemRef;\n  const cls = itemClasses[classID];\n  const ListItemView = cls?.views?.listItemView;\n\n  if (ListItemView) {\n    return <span css={css`\n      display: inline-flex;\n      flex-flow: row nowrap;\n      align-items: baseline;\n    `}>\n      <ListItemView\n        itemRef={itemRef}\n        itemData={item.data}\n        css={css`text-overflow: ellipsis; overflow: hidden;`}\n      />\n      &emsp;\n      <small>{cls.meta.title}</small>\n    </span>;\n  } else {\n    return <ErrorState\n      viewName=\"list item view\"\n      inline\n      error=\"unable to load list item view\"\n    />;\n  }\n};\n\n\nexport default ProposalSummary;\n"]}

package/proposals/ProposalTab.d.ts

@@ -0,0 +1,12 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import type { Register, RegisterStakeholder } from '../types';
+import { type SomeCR as CR } from './types';
+declare const ProposalTab: React.VoidFunctionComponent<{
+    proposal: CR;
+    onDelete?: () => void;
+    register: Register;
+    stakeholder?: RegisterStakeholder;
+}>;
+export default ProposalTab;

package/proposals/ProposalTab.js

@@ -0,0 +1,102 @@
+"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 _util = require("../views/util");
+
+var _types = require("./types");
+
+var _ProposalWorkspace = _interopRequireDefault(require("./ProposalWorkspace"));
+
+var _ProposalBrowser = _interopRequireDefault(require("./ProposalBrowser"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 */
+const ProposalTab = function ({
+  proposal,
+  onDelete,
+  register,
+  stakeholder
+}) {
+  const pending = !(0, _types.isDisposed)(proposal);
+  const proposedMarker = (0, _react2.jsx)(_react.default.Fragment, null, "Proposed: ", (0, _types.hadBeenProposed)(proposal) ? (0, _react2.jsx)(_util.Datestamp, {
+    date: proposal.timeProposed
+  }) : 'not yet');
+  const disposedMarker = (0, _react2.jsx)(_react.default.Fragment, null, "Disposed: ", !pending ? (0, _react2.jsx)(_util.Datestamp, {
+    date: proposal.timeDisposed
+  }) : 'not yet');
+  const editedMarker = (0, _react2.jsx)(_react.default.Fragment, null, "Edited: ", (0, _react2.jsx)(_util.Datestamp, {
+    date: proposal.timeEdited
+  }));
+  const classification = (0, _react.useMemo)(() => {
+    var _a;
+
+    return [{
+      icon: 'lightbulb',
+      children: "Proposal",
+      tooltip: {
+        icon: 'info-sign',
+        content: (0, _react2.jsx)(_core.UL, {
+          css: (0, _react2.css)`margin: 0;`
+        }, (0, _react2.jsx)("li", null, "Proposal ID: ", proposal.id))
+      }
+    }, {
+      children: pending ? (0, _react2.jsx)(_react.default.Fragment, null, "pending") : (0, _react2.jsx)(_react.default.Fragment, null, "disposed")
+    }, {
+      children: ((_a = proposal.state) === null || _a === void 0 ? void 0 : _a.replaceAll('-', ' ')) || 'N/A',
+      tooltip: {
+        icon: 'history',
+        content: (0, _react2.jsx)(_core.UL, {
+          css: (0, _react2.css)`margin: 0;`
+        }, (0, _react2.jsx)("li", null, editedMarker), (0, _react2.jsx)("li", null, proposedMarker), (0, _react2.jsx)("li", null, disposedMarker))
+      },
+      intent: proposal.state === 'accepted' ? 'success' : proposal.state === 'returned-for-clarification' ? 'warning' : proposal.state === 'withdrawn' || proposal.state === 'rejected' ? 'danger' : proposal.state === 'draft' ? undefined : 'primary'
+    }];
+  }, [proposal.state, pending, editedMarker, proposedMarker, disposedMarker]);
+  const [selectedItem, selectItem] = (0, _react.useState)(null);
+  const actions = (0, _react.useMemo)(() => {
+    const actions = [];
+
+    if (onDelete) {
+      actions.push({
+        text: "Delete this proposal",
+        onClick: onDelete
+      });
+    }
+
+    return actions;
+  }, [onDelete]);
+  return (0, _react2.jsx)(_util.TabContentsWithHeader, {
+    title: (0, _react2.jsx)(_react.default.Fragment, null, proposal.justification),
+    classification: classification,
+    actions: actions
+  }, (0, _react2.jsx)(_ProposalWorkspace.default, {
+    proposal: proposal,
+    register: register,
+    stakeholder: stakeholder,
+    onOpenItem: selectItem
+  }), (0, _react2.jsx)(_ProposalBrowser.default, {
+    proposals: proposal.items,
+    onSelectItem: selectItem,
+    selectedItem: selectedItem
+  }));
+};
+
+var _default = ProposalTab;
+exports.default = _default;

package/proposals/ProposalTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProposalTab.js","sourceRoot":"","sources":["../../src/proposals/ProposalTab.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useMemo, useState } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport {\n  UL,\n  type Intent,\n  type IconName,\n} from '@blueprintjs/core';\n\nimport type { Register, RegisterStakeholder } from '../types';\nimport { TabContentsWithHeader, Datestamp } from '../views/util';\nimport { type SomeCR as CR, isDisposed, hadBeenProposed } from './types';\n\nimport Workspace from './ProposalWorkspace';\nimport ProposalBrowser from './ProposalBrowser';\n\n\nconst ProposalTab: React.VoidFunctionComponent<{\n  proposal: CR\n  onDelete?: () => void\n  register: Register\n  stakeholder?: RegisterStakeholder\n}> = function ({ proposal, onDelete, register, stakeholder }) {\n  const pending = !isDisposed(proposal);\n  const proposedMarker = <>\n    Proposed: {hadBeenProposed(proposal)\n      ? <Datestamp date={proposal.timeProposed} />\n      : 'not yet'}\n  </>;\n  const disposedMarker = <>\n    Disposed: {!pending\n      ? <Datestamp date={proposal.timeDisposed} />\n      : 'not yet'}\n  </>;\n  const editedMarker = <>Edited: <Datestamp date={proposal.timeEdited} /></>;\n  const classification = useMemo(() => {\n    return [{\n      icon: 'lightbulb' as IconName,\n      children: \"Proposal\",\n      tooltip: {\n        icon: 'info-sign' as IconName,\n        content: <UL css={css`margin: 0;`}>\n          <li>Proposal ID: {proposal.id}</li>\n        </UL>,\n      },\n    }, {\n      children: pending\n        ? <>pending</>\n        : <>disposed</>,\n    }, {\n      children: proposal.state?.replaceAll('-', ' ') || 'N/A',\n      tooltip: {\n        icon: 'history' as IconName,\n        content: <UL css={css`margin: 0;`}>\n          <li>{editedMarker}</li>\n          <li>{proposedMarker}</li>\n          <li>{disposedMarker}</li>\n        </UL>,\n      },\n      intent: proposal.state === 'accepted'\n        ? 'success'\n        : proposal.state === 'returned-for-clarification'\n          ? 'warning'\n          : proposal.state === 'withdrawn' || proposal.state === 'rejected'\n            ? 'danger'\n            : proposal.state === 'draft'\n              ? undefined\n              : 'primary' as Intent,\n    }];\n  }, [\n    proposal.state,\n    pending,\n    editedMarker, proposedMarker, disposedMarker,\n  ]);\n\n  const [selectedItem, selectItem] = useState<string | null>(null);\n\n  const actions = useMemo(() => {\n    const actions = [];\n    if (onDelete) {\n      actions.push({\n        text: \"Delete this proposal\",\n        onClick: onDelete,\n      });\n    }\n    return actions;\n  }, [onDelete]);\n\n  return (\n    <TabContentsWithHeader\n        title={<>{proposal.justification}</>}\n        classification={classification}\n        actions={actions}>\n      <Workspace\n        proposal={proposal}\n        register={register}\n        stakeholder={stakeholder}\n        onOpenItem={selectItem}\n      />\n      <ProposalBrowser\n        proposals={proposal.items}\n        onSelectItem={selectItem}\n        selectedItem={selectedItem}\n      />\n    </TabContentsWithHeader>\n  );\n\n};\n\nexport default ProposalTab;\n"]}

package/proposals/ProposalType.d.ts

@@ -0,0 +1,11 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { jsx } from '@emotion/react';
+import { type TagProps } from '@blueprintjs/core';
+import { type ChangeProposal } from './types';
+/** Returns props for a Tag that classifies this proposal. */
+export declare function proposalToTagProps(proposal: ChangeProposal): TagProps;
+export declare function ProposalType({ proposal }: {
+    proposal: ChangeProposal;
+}): jsx.JSX.Element;
+export default ProposalType;

package/proposals/ProposalType.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.proposalToTagProps = proposalToTagProps;
+exports.ProposalType = ProposalType;
+exports.default = void 0;
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _core = require("@blueprintjs/core");
+
+var _HelpTooltip = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/HelpTooltip"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 */
+
+/** Returns props for a Tag that classifies this proposal. */
+function proposalToTagProps(proposal) {
+  return {
+    children: proposal.type === 'amendment' ? proposal.amendmentType : proposal.type === 'addition' ? "addition" : proposal.type === 'clarification' ? "clarification" : "(unknown proposal type)",
+    intent: proposal.type === 'amendment' ? 'warning' : proposal.type === 'addition' || proposal.type === 'clarification' ? 'primary' : undefined
+  };
+}
+
+function ProposalType({
+  proposal
+}) {
+  const proposalConfig = proposal.type === 'amendment' ? PROPOSAL_VIEWS[proposal.amendmentType] : PROPOSAL_VIEWS[proposal.type]; //const ProposalTypeLabel: React.FC<ProposalProps<any>> = proposalConfig.summary;
+
+  const tagProps = proposalToTagProps(proposal);
+  return (0, _react.jsx)(_core.Tag, {
+    minimal: true,
+    ...tagProps,
+    rightIcon: (0, _react.jsx)(_HelpTooltip.default, {
+      content: (0, _react.jsx)(_react2.default.Fragment, null, "Proposed to be ", proposalConfig.hint)
+    })
+  });
+}
+
+const clarification = {
+  hint: (0, _react.jsx)(_react2.default.Fragment, null, "altered to represent the same concept more clearly."),
+  summary: (0, _react2.memo)(({
+    proposal,
+    item,
+    itemRef
+  }) => (0, _react.jsx)(_react2.default.Fragment, null, "Clarification"), () => true)
+};
+const addition = {
+  hint: (0, _react.jsx)(_react2.default.Fragment, null, "added to this register."),
+  summary: (0, _react2.memo)(({
+    proposal,
+    item,
+    itemRef
+  }) => (0, _react.jsx)(_react2.default.Fragment, null, "Addition"), () => true)
+};
+const retirement = {
+  hint: (0, _react.jsx)(_react2.default.Fragment, null, "marked as no longer current. (Note that this register is append-only, so the item cannot be removed altogether.)"),
+  summary: (0, _react2.memo)(({
+    proposal,
+    itemRef,
+    item
+  }) => (0, _react.jsx)(_react2.default.Fragment, null, "Retirement"), () => true)
+};
+const supersession = {
+  hint: (0, _react.jsx)(_react2.default.Fragment, null, "removed from the register with another item recommended for use in its place. A relation between the superseding and superseded item will be created, though the exact semantics of that relation depend on the register."),
+  summary: (0, _react2.memo)(({
+    proposal,
+    itemRef,
+    item
+  }) => (0, _react.jsx)(_react2.default.Fragment, null, "Supersession"), () => true)
+};
+const invalidation = {
+  hint: (0, _react.jsx)(_react2.default.Fragment, null, "marked as invalid. The exact semantics of invalidation depend on the register."),
+  summary: (0, _react2.memo)(({
+    proposal,
+    itemRef,
+    item
+  }) => (0, _react.jsx)(_react2.default.Fragment, null, "Invalidation"), () => true)
+};
+const PROPOSAL_VIEWS = {
+  clarification,
+  addition,
+  retirement,
+  supersession,
+  invalidation
+};
+var _default = ProposalType;
+exports.default = _default;

package/proposals/ProposalType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProposalType.js","sourceRoot":"","sources":["../../src/proposals/ProposalType.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx } from '@emotion/react';\nimport React, { memo } from 'react';\nimport {\n  Tag,\n  type TagProps,\n} from '@blueprintjs/core';\nimport HelpTooltip from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';\n\nimport {\n  type ChangeProposal,\n  type Clarification,\n  type Invalidation,\n  type Supersession,\n  type Addition,\n  type Retirement,\n  PROPOSAL_TYPES,\n  AMENDMENT_TYPES,\n  ProposalProps,\n} from './types';\n\n\n/** Returns props for a Tag that classifies this proposal. */\nexport function proposalToTagProps(proposal: ChangeProposal): TagProps {\n  return {\n    children: proposal.type === 'amendment'\n      ? proposal.amendmentType\n      : proposal.type === 'addition'\n        ? \"addition\"\n        : proposal.type === 'clarification'\n          ? \"clarification\"\n          : \"(unknown proposal type)\",\n    intent: proposal.type === 'amendment'\n      ? 'warning'\n      : proposal.type === 'addition' || proposal.type === 'clarification'\n        ? 'primary'\n        : undefined,\n  }\n}\n\n\n\ntype ProposalOrAmendmentType =\n  | Exclude<typeof PROPOSAL_TYPES[number], 'amendment'>\n  | typeof AMENDMENT_TYPES[number];\n\n\ninterface ProposalViewConfig<P extends ChangeProposal> {\n  summary: React.FC<ProposalProps<P>>\n  hint: JSX.Element | string\n}\n\n\n\nexport function ProposalType({ proposal }: { proposal: ChangeProposal }) {\n  const proposalConfig = \n    proposal.type === 'amendment'\n      ? PROPOSAL_VIEWS[proposal.amendmentType]\n      : PROPOSAL_VIEWS[proposal.type];\n  //const ProposalTypeLabel: React.FC<ProposalProps<any>> = proposalConfig.summary;\n  const tagProps = proposalToTagProps(proposal);\n  return (\n    <Tag\n      minimal\n      {...tagProps}\n      rightIcon={<HelpTooltip content={<>Proposed to be {proposalConfig.hint}</>} />}\n    />\n    \n  );\n}\n\n\n\nconst clarification: ProposalViewConfig<Clarification> = {\n  hint: <>\n    altered to represent the same concept more clearly.\n  </>,\n  summary: memo(({ proposal, item, itemRef }) => <>Clarification</>, () => true),\n};\n\n\nconst addition: ProposalViewConfig<Addition> = {\n  hint: <>added to this register.</>,\n  summary: memo(({ proposal, item, itemRef }) => <>Addition</>, () => true),\n};\n\n\nconst retirement: ProposalViewConfig<Retirement> = {\n  hint: <>\n    marked as no longer current.\n    (Note that this register is append-only, so the item cannot be removed altogether.)\n  </>,\n  summary: memo(({ proposal, itemRef, item }) => <>Retirement</>, () => true),\n};\n\n\nconst supersession: ProposalViewConfig<Supersession> = {\n  hint: <>\n    removed from the register with another item recommended for use in its place.\n    A relation between the superseding and superseded item will be created,\n    though the exact semantics of that relation depend on the register.\n  </>,\n  summary: memo(({ proposal, itemRef, item }) => <>Supersession</>, () => true),\n};\n\n\nconst invalidation: ProposalViewConfig<Invalidation> = {\n  hint: <>\n    marked as invalid. The exact semantics of invalidation depend on the register.\n  </>,\n  summary: memo(({ proposal, itemRef, item }) => <>Invalidation</>, () => true),\n}\n\n\nconst PROPOSAL_VIEWS: { [type in ProposalOrAmendmentType]: ProposalViewConfig<any> } = {\n  clarification,\n  addition,\n  retirement,\n  supersession,\n  invalidation,\n} as const;\n\n\nexport default ProposalType;\n"]}

package/proposals/ProposalWorkspace.d.ts

@@ -0,0 +1,13 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import type { Register, RegisterStakeholder } from '../types';
+import { type SomeCR as CR } from './types';
+declare const ProposalWorkspace: React.VoidFunctionComponent<{
+    proposal: CR;
+    register: Register;
+    stakeholder?: RegisterStakeholder;
+    /** If not specified, opening an item will spawn its tab. */
+    onOpenItem?: (itemPath: string | null) => void;
+}>;
+export default ProposalWorkspace;

package/proposals/ProposalWorkspace.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _DL = require("@riboseinc/paneron-extension-kit/widgets/DL");
+
+var _Workspace = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/Workspace"));
+
+var _SuperSidebar = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/SuperSidebar"));
+
+var _util = require("../views/util");
+
+var _models = require("../views/FilterCriteria/models");
+
+var _MetaProperties = _interopRequireDefault(require("./MetaProperties"));
+
+var _Search = _interopRequireDefault(require("./Search"));
+
+var _Search2 = _interopRequireDefault(require("../views/sidebar/Search"));
+
+var _TransitionOptions = _interopRequireWildcard(require("./TransitionOptions"));
+
+var _TransitionHistory = _interopRequireWildcard(require("./TransitionHistory"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const SIDEBAR_IDS = ['meta'];
+
+const ProposalWorkspace = function ({
+  proposal,
+  register,
+  stakeholder,
+  onOpenItem
+}) {
+  const sidebarConfig = (0, _react.useMemo)(() => {
+    var _a;
+
+    return {
+      meta: {
+        icon: () => (0, _react2.jsx)(_core.Icon, {
+          icon: "document"
+        }),
+        title: "Meta",
+        blocks: [{
+          key: 'summary',
+          title: "Summary",
+          content: (0, _react2.jsx)("div", {
+            css: (0, _react2.css)`padding: 0 5px;`
+          }, "\u201C", (_a = proposal.justification) === null || _a === void 0 ? void 0 : _a.trim(), "\u201D", (0, _react2.jsx)("br", null), (0, _react2.jsx)(_DL.WrappableDL, null, (0, _react2.jsx)(_MetaProperties.default, {
+            cr: proposal,
+            currentStakeholder: stakeholder,
+            registerMetadata: register
+          })))
+        }, {
+          key: 'transitions',
+          title: "Transitions",
+          content: (0, _react2.jsx)(TransitionBlockContents, {
+            proposal: proposal,
+            stakeholder: stakeholder
+          })
+        }]
+      }
+    };
+  }, [register, stakeholder, proposal]);
+  return (0, _react2.jsx)(_Workspace.default, {
+    sidebarPosition: "right",
+    sidebar: (0, _react2.jsx)(_SuperSidebar.default, {
+      sidebarIDs: SIDEBAR_IDS,
+      css: (0, _react2.css)`width: 30% !important; min-width: 300px;`,
+      selectedSidebarID: 'meta',
+      config: sidebarConfig
+    })
+  }, (0, _react2.jsx)(_util.RegisterHelmet, null, (0, _react2.jsx)("title", null, "Working on proposal ", proposal.justification)), (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`padding: 10px; flex: 1; display: flex; flex-flow: column nowrap; overflow: hidden;`
+  }, (0, _react2.jsx)(_Search2.default, {
+    css: (0, _react2.css)`flex: 1;`,
+    //style={{ height: '100vh', width: '50vw', minWidth: '500px', maxWidth: '90vw' }}
+    implicitCriteria: _models.MATCHES_ANY_CRITERIA,
+    stateName: `proposal-${proposal.id}-search`,
+    List: _Search.default,
+    extraData: {
+      proposal
+    },
+    onOpenItem: onOpenItem
+  })));
+};
+
+var _default = ProposalWorkspace;
+exports.default = _default;
+
+const TransitionBlockContents = function ({
+  proposal,
+  stakeholder
+}) {
+  const transitions = (0, _react.useMemo)(() => stakeholder ? (0, _TransitionOptions.getTransitions)(proposal, stakeholder) : [], [proposal, stakeholder]);
+  const [showDetailedHistory, setShowDetailedHistory] = (0, _react.useState)(false);
+  const transitionsBlock = (0, _react.useMemo)(() => (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`overflow-y: auto; max-height: 300px;`
+  }, (0, _react2.jsx)(_core.Checkbox // NOTE: left margin aligns with transition history bullets…
+  , {
+    // NOTE: left margin aligns with transition history bullets…
+    css: (0, _react2.css)`margin: 5px 15px;`,
+    checked: showDetailedHistory,
+    onChange: evt => setShowDetailedHistory(evt.currentTarget.checked)
+  }, "Show detailed history"), (0, _react2.jsx)(_TransitionHistory.default, {
+    pastTransitions: (0, _TransitionHistory.getTransitionHistory)(proposal),
+    isFinal: (0, _TransitionOptions.isFinalState)(proposal.state),
+    detailed: showDetailedHistory
+  }), !showDetailedHistory && transitions.length > 0 ? (0, _react2.jsx)(_TransitionOptions.default, {
+    stakeholder: stakeholder,
+    transitions: transitions,
+    cr: proposal,
+    css: (0, _react2.css)`padding: 12px;`
+  }) : null), [proposal, transitions, setShowDetailedHistory, showDetailedHistory]);
+  return transitionsBlock;
+};

package/proposals/ProposalWorkspace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProposalWorkspace.js","sourceRoot":"","sources":["../../src/proposals/ProposalWorkspace.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useMemo, useState } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport {\n  Icon,\n  Checkbox,\n} from '@blueprintjs/core';\n\nimport { WrappableDL as DL } from '@riboseinc/paneron-extension-kit/widgets/DL';\nimport Workspace from '@riboseinc/paneron-extension-kit/widgets/Workspace';\nimport SuperSidebar from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/SuperSidebar';\n\nimport type { Register, RegisterStakeholder } from '../types';\nimport { RegisterHelmet as Helmet } from '../views/util';\nimport { MATCHES_ANY_CRITERIA } from '../views/FilterCriteria/models';\nimport { type SomeCR as CR } from './types';\nimport MetaProperties from './MetaProperties';\nimport ProposalSearch from './Search';\nimport Search from '../views/sidebar/Search';\nimport TransitionOptions, { getTransitions, isFinalState } from './TransitionOptions';\nimport TransitionsAndStatus, { getTransitionHistory } from './TransitionHistory';\n\n\nconst SIDEBAR_IDS = ['meta'] as const;\n\n\nconst ProposalWorkspace: React.VoidFunctionComponent<{\n  proposal: CR\n  register: Register\n  stakeholder?: RegisterStakeholder\n\n  /** If not specified, opening an item will spawn its tab. */\n  onOpenItem?: (itemPath: string | null) => void\n}> = function ({ proposal, register, stakeholder, onOpenItem }) {\n  const sidebarConfig = useMemo(() => {\n    return {\n      meta: {\n        icon: () => <Icon icon=\"document\" />,\n        title: \"Meta\",\n        blocks: [{\n          key: 'summary',\n          title: \"Summary\",\n          content: <div css={css`padding: 0 5px;`}>\n            “{proposal.justification?.trim()}”\n            <br />\n            <DL>\n              <MetaProperties\n                cr={proposal}\n                currentStakeholder={stakeholder}\n                registerMetadata={register}\n              />\n            </DL>\n          </div>,\n        }, {\n          key: 'transitions',\n          title: \"Transitions\",\n          content: <TransitionBlockContents\n            proposal={proposal}\n            stakeholder={stakeholder}\n          />,\n        }],\n      },\n    };\n  }, [register, stakeholder, proposal]);\n  return (\n    <Workspace sidebarPosition=\"right\" sidebar={\n      <SuperSidebar\n        sidebarIDs={SIDEBAR_IDS}\n        css={css`width: 30% !important; min-width: 300px;`}\n        selectedSidebarID='meta'\n        config={sidebarConfig}\n      />\n    }>\n      <Helmet><title>Working on proposal {proposal.justification}</title></Helmet>\n      <div css={css`padding: 10px; flex: 1; display: flex; flex-flow: column nowrap; overflow: hidden;`}>\n        <Search\n          css={css`flex: 1;`}\n          //style={{ height: '100vh', width: '50vw', minWidth: '500px', maxWidth: '90vw' }}\n          implicitCriteria={MATCHES_ANY_CRITERIA}\n          stateName={`proposal-${proposal.id}-search`}\n          List={ProposalSearch as any}\n          extraData={{ proposal }}\n          onOpenItem={onOpenItem}\n        />\n      </div>\n    </Workspace>\n  );\n};\n\nexport default ProposalWorkspace;\n\n\nconst TransitionBlockContents: React.VoidFunctionComponent<{\n  proposal: CR\n  stakeholder?: RegisterStakeholder\n}> = function ({ proposal, stakeholder }) {\n  const transitions = useMemo(\n    (() => stakeholder\n      ? getTransitions(proposal, stakeholder)\n      : []),\n    [proposal, stakeholder]);\n\n  const [showDetailedHistory, setShowDetailedHistory] = useState(false);\n\n  const transitionsBlock = useMemo(\n    (() =>\n      <div css={css`overflow-y: auto; max-height: 300px;`}>\n        <Checkbox\n            // NOTE: left margin aligns with transition history bullets…\n            css={css`margin: 5px 15px;`}\n            checked={showDetailedHistory}\n            onChange={(evt) => setShowDetailedHistory(evt.currentTarget.checked)}>\n          Show detailed history\n        </Checkbox>\n        <TransitionsAndStatus\n          pastTransitions={getTransitionHistory(proposal)}\n          isFinal={isFinalState(proposal.state)}\n          detailed={showDetailedHistory}\n        />\n        {!showDetailedHistory && transitions.length > 0\n          ? <TransitionOptions\n              stakeholder={stakeholder}\n              transitions={transitions}\n              cr={proposal}\n              css={css`padding: 12px;`}\n            />\n          : null}\n      </div>),\n    [proposal, transitions, setShowDetailedHistory, showDetailedHistory]);\n\n  return transitionsBlock;\n}\n"]}

package/proposals/Search.d.ts

@@ -0,0 +1,26 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import type { RegisterItem } from '../types/item';
+import type { SomeCR } from './types';
+export interface ProposalListData {
+    selectedItemPath: string | null;
+    extraItemViewData: {
+        proposal: SomeCR;
+        itemData: Record<string, RegisterItem<any> | null>;
+    };
+}
+export interface SearchResultListProps {
+    queryExpression: string;
+    selectedItemPath: string | null;
+    onSelectItem: (itemPath: string | null) => void;
+    onOpenItem?: (itemPath: string) => void;
+    keyExpression?: string;
+    extraItemViewData: {
+        proposal: SomeCR;
+        itemData: Record<string, RegisterItem<any> | null>;
+    };
+    className?: string;
+}
+export declare const ProposalSearchResultList: React.FC<SearchResultListProps>;
+export default ProposalSearchResultList;