@riboseinc/paneron-registry-kit 2.2.32 → 2.2.33

package/{views/change-request/Proposals.js → proposals/ProposalBrowser.js}

@@ -3,39 +3,34 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Proposals = Proposals;
-exports.ProposalType = ProposalType;
-exports.default = exports.ProposalSummary = exports.ProposalDetail = void 0;
+exports.ProposalBrowser = ProposalBrowser;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _react2 = require("@emotion/react");
 
-var _core = require("@blueprintjs/core");
-
 var _select = require("@blueprintjs/select");
 
-var _HelpTooltip = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/HelpTooltip"));
+var _core = require("@blueprintjs/core");
 
 var _ErrorBoundary = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/ErrorBoundary"));
 
-var _ErrorState = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/ErrorState"));
-
-var _protocolRegistry = require("../protocolRegistry");
+var _itemPathUtils = require("../views/itemPathUtils");
 
-var _BrowserCtx = require("../BrowserCtx");
+var _Block = require("../views/detail/RegisterHome/Block");
 
-var _itemPathUtils = require("../itemPathUtils");
+var _BrowserCtx = require("../views/BrowserCtx");
 
-var _useItemClassConfig = _interopRequireDefault(require("../hooks/useItemClassConfig"));
+var _protocolRegistry = require("../views/protocolRegistry");
 
-var _InlineDiff = require("../diffing/InlineDiff");
+var _ProposalItem = require("./ProposalItem");
 
-var _util = require("./util");
+var _ProposalType = _interopRequireDefault(require("./ProposalType"));
 
-var _Block = require("../detail/RegisterHome/Block");
+var _ProposalSummary = _interopRequireDefault(require("./ProposalSummary"));
 
-var _RegisterItem = require("../detail/RegisterItem");
+var _ProposalDetail = _interopRequireDefault(require("./ProposalDetail"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -46,18 +41,14 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /** @jsx jsx */
 
 /** @jsxFrag React.Fragment */
-function stringifiedJSONEqual(i1, i2) {
-  return JSON.stringify(i1) === JSON.stringify(i2);
-}
+
 /**
  * Shows a list of individual proposed changes as cards by default,
  * allowing to expand a proposal and view item details.
  *
  * If no proposals exist, returns null.
  */
-
-
-function Proposals({
+function ProposalBrowser({
   proposals,
   onDeleteProposalForItemAtPath,
   selectedItem,
@@ -170,13 +161,13 @@ function Proposals({
 
   const canShowDiff = haveSelectedItem && ((_a = proposals[selectedProposal]) === null || _a === void 0 ? void 0 : _a.type) === 'clarification' ? true : false;
   const showDiff = canShowDiff && preferDiff;
-  const selectedItemSummary = haveSelectedItem ? (0, _react2.jsx)(ProposalSummary, {
+  const selectedItemSummary = haveSelectedItem ? (0, _react2.jsx)(_ProposalSummary.default, {
     itemRef: selectedItemRef,
     item: selectedItemProposed !== null && selectedItemProposed !== void 0 ? selectedItemProposed : selectedItemCurrent,
     itemBefore: selectedItemCurrent !== null && selectedItemCurrent !== void 0 ? selectedItemCurrent : undefined,
     proposal: proposals[selectedProposal]
   }) : (0, _react2.jsx)(_react.default.Fragment, null, "Select item\u2026");
-  const icon = haveSelectedItem ? getProposalIcon(proposals[selectedProposal]) : undefined;
+  const icon = haveSelectedItem ? (0, _ProposalItem.getProposalIcon)(proposals[selectedProposal]) : undefined;
   const selectedItemDrawer = (0, _react.useMemo)(() => {
     var _a;
 
@@ -214,7 +205,7 @@ function Proposals({
         matchTargetWidth: true
       },
       fill: true,
-      itemRenderer: ChangeProposalItemView,
+      itemRenderer: _ProposalItem.ChangeProposalItemView,
       onItemSelect: handleItemSelect
     }, (0, _react2.jsx)(_core.Button, {
       fill: true,
@@ -233,7 +224,7 @@ function Proposals({
       value: proposalBrowserCtx
     }, (0, _react2.jsx)(_ErrorBoundary.default, {
       viewName: "Proposal detail"
-    }, (0, _react2.jsx)(ProposalDetail, {
+    }, (0, _react2.jsx)(_ProposalDetail.default, {
       itemRef: selectedItemRef,
       showDiff: showDiff,
       //showOnlyChanged={showOnlyChanged}
@@ -265,13 +256,13 @@ function Proposals({
             `,
       description: `${cpi.proposal.type} proposal`,
       key: cpi.itemPath
-    }, (0, _react2.jsx)(ProposalType, {
+    }, (0, _react2.jsx)(_ProposalType.default, {
       proposal: cpi.proposal
     }), (0, _react2.jsx)("div", {
       css: (0, _react2.css)`padding: 5px; flex-grow: 1;`
     }, cpi.item !== null ? (0, _react2.jsx)(_core.H5, {
       css: (0, _react2.css)`margin: 0; overflow: hidden; text-overflow: ellipsis;`
-    }, (0, _react2.jsx)(ProposalSummary, {
+    }, (0, _react2.jsx)(_ProposalSummary.default, {
       itemRef: cpi.itemRef,
       proposal: cpi.proposal,
       itemBefore: cpi.itemBefore,
@@ -284,182 +275,9 @@ function Proposals({
 
 ;
 
-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 = (0, _util.proposalToTagProps)(proposal);
-  return (0, _react2.jsx)(_core.Tag, {
-    minimal: true,
-    ...tagProps,
-    rightIcon: (0, _react2.jsx)(_HelpTooltip.default, {
-      content: (0, _react2.jsx)(_react.default.Fragment, null, "Proposed to be ", proposalConfig.hint)
-    })
-  });
-}
-
-const ChangeProposalItemView = (item, {
-  handleClick,
-  modifiers,
-  query
-}) => {
-  if (item.item !== null) {
-    const i = item;
-    return (0, _react2.jsx)(_core.MenuItem, {
-      active: modifiers.active,
-      disabled: modifiers.disabled,
-      labelElement: (0, _react2.jsx)(ProposalType, {
-        proposal: i.proposal
-      }),
-      key: item.itemPath,
-      onClick: handleClick,
-      icon: getProposalIcon(item.proposal),
-      text: (0, _react2.jsx)(ProposalSummary, { ...i
-      })
-    });
-  } else {
-    return (0, _react2.jsx)(_core.MenuItem, {
-      disabled: true,
-      icon: "heart-broken",
-      onClick: handleClick,
-      text: `Broken proposal entry at path ${item.itemPath}`
-    });
-  }
-};
-
-const ProposalDetail = (0, _react.memo)(function ({
-  proposal,
-  showDiff,
-  showOnlyChanged,
-  itemRef,
-  item,
-  itemBefore,
-  onChange
-}) {
-  var _a;
-
-  const itemClass = (0, _useItemClassConfig.default)((_a = itemRef.classID) !== null && _a !== void 0 ? _a : 'NONEXISTENT_CLASS_ID');
-
-  if (!itemClass) {
-    throw new Error(`Unknown item class “${itemRef.classID}”!`);
-  }
-
-  const view = showDiff ? (0, _react2.jsx)(_InlineDiff.InlineDiffGeneric, {
-    item1: itemBefore !== null && itemBefore !== void 0 ? itemBefore : {},
-    item2: item,
-    css: (0, _react2.css)`
-          position: absolute; inset: 0; padding: 10px; overflow: auto;
-          background-color: white;
-          .bp4-dark & {
-            background-color: ${_core.Colors.DARK_GRAY2};
-          }
-        `,
-    className: `${_core.Classes.ELEVATION_2} ${_core.Classes.RUNNING_TEXT}`
-  }) : (0, _react2.jsx)(_RegisterItem.ItemDetail, {
-    itemRef: itemRef,
-    item: item,
-    itemClass: itemClass,
-    key: JSON.stringify(itemRef),
-    compactHeader: true
-  });
-  return (0, _react2.jsx)("div", {
-    css: (0, _react2.css)`position: absolute; inset: 0; display: flex; flex-flow: column;`
-  }, view);
-});
-exports.ProposalDetail = ProposalDetail;
-
-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;
-const clarification = {
-  hint: (0, _react2.jsx)(_react.default.Fragment, null, "altered to represent the same concept more clearly."),
-  summary: (0, _react.memo)(({
-    proposal,
-    item,
-    itemRef
-  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Clarification"), () => true)
-};
-const addition = {
-  hint: (0, _react2.jsx)(_react.default.Fragment, null, "added to this register."),
-  summary: (0, _react.memo)(({
-    proposal,
-    item,
-    itemRef
-  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Addition"), () => true)
-};
-const retirement = {
-  hint: (0, _react2.jsx)(_react.default.Fragment, null, "marked as no longer current. (Note that this register is append-only, so the item cannot be removed altogether.)"),
-  summary: (0, _react.memo)(({
-    proposal,
-    itemRef,
-    item
-  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Retirement"), () => true)
-};
-const supersession = {
-  hint: (0, _react2.jsx)(_react.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, _react.memo)(({
-    proposal,
-    itemRef,
-    item
-  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Supersession"), () => true)
-};
-const invalidation = {
-  hint: (0, _react2.jsx)(_react.default.Fragment, null, "marked as invalid. The exact semantics of invalidation depend on the register."),
-  summary: (0, _react.memo)(({
-    proposal,
-    itemRef,
-    item
-  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Invalidation"), () => true)
-};
-const PROPOSAL_VIEWS = {
-  clarification,
-  addition,
-  retirement,
-  supersession,
-  invalidation
-};
-
-function getProposalIcon(proposal) {
-  return proposal.type === 'addition' ? 'add' : proposal.type === 'clarification' ? 'edit' : 'ban-circle';
+function stringifiedJSONEqual(i1, i2) {
+  return JSON.stringify(i1) === JSON.stringify(i2);
 }
 
-var _default = Proposals;
+var _default = ProposalBrowser;
 exports.default = _default;

package/proposals/ProposalBrowser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProposalBrowser.js","sourceRoot":"","sources":["../../src/proposals/ProposalBrowser.tsx"],"names":[],"mappings":"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","sourcesContent":["\n/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext, useState, useCallback, useMemo } from 'react';\nimport { ClassNames, jsx, css } from '@emotion/react';\nimport { Select2 as Select } from '@blueprintjs/select';\nimport { ButtonGroup, Button, H5, Drawer, DrawerSize } from '@blueprintjs/core';\nimport type { MenuItemProps, MenuDividerProps } from '@blueprintjs/core';\n\nimport ErrorBoundary from '@riboseinc/paneron-extension-kit/widgets/ErrorBoundary';\n\nimport { useItemRef, itemPathToItemRef } from '../views/itemPathUtils';\nimport { HomeBlockCard, HomeBlockActions } from '../views/detail/RegisterHome/Block';\nimport { BrowserCtx, type BrowserCtx as BrowserCtxType } from '../views/BrowserCtx';\nimport { Protocols, type Protocol } from '../views/protocolRegistry';\n\nimport type { Drafted } from './types';\nimport { type ChangeProposalItem, ChangeProposalItemView, getProposalIcon } from './ProposalItem';\nimport ProposalType from './ProposalType';\nimport ProposalSummary from './ProposalSummary';\nimport ProposalDetail from './ProposalDetail';\n\n\ninterface ProposalBrowserProps<CR extends Drafted> {\n  proposals: CR['items']\n\n  selectedItem?: (string & keyof CR['items']) | null\n  onSelectItem: (selectedItem: (string & keyof CR['items']) | null) => void\n\n  /**\n   * If provided, button to delete each proposed change\n   * is shown in change card list mode.\n   */\n  onDeleteProposalForItemAtPath?: (itemPath: string) => void\n}\n/**\n * Shows a list of individual proposed changes as cards by default,\n * allowing to expand a proposal and view item details.\n *\n * If no proposals exist, returns null.\n */\nexport function ProposalBrowser<CR extends Drafted>\n({ proposals, onDeleteProposalForItemAtPath, selectedItem, onSelectItem: selectProposal }:\nProposalBrowserProps<CR>) {\n  const [ preferDiff, setPreferDiff ] = useState(false);\n\n  const selectedProposal = selectedItem ?? null;\n\n  // TODO: Temporarily unsupported\n  // (limitations of current change annotation implementation)\n  //const [ showOnlyChanged, setShowOnlyChanged ] = useState(true);\n\n  const outerBrowserCtx = useContext(BrowserCtx);\n  const { jumpTo, subregisters, useRegisterItemData } = outerBrowserCtx;\n\n  /**\n   * When jumping to an item affected by current CR,\n   * jump in-CR instead of spawning tab.\n   */\n  const handleCRJump = useCallback(function _handleCRJump(uri: `${Protocol}:${string}`): void {\n    if (uri.startsWith(Protocols.ITEM_DETAILS)) {\n      const itemPath = uri.split(':')[1];\n      if (proposals[itemPath]) {\n        selectProposal(itemPath);\n      } else {\n        jumpTo?.(uri);\n      }\n    }\n  }, [Object.keys(proposals), jumpTo]);\n\n  const proposalBrowserCtx: BrowserCtxType = useMemo((() => ({\n    ...outerBrowserCtx,\n    jumpTo: handleCRJump,\n  })), [handleCRJump, outerBrowserCtx]);\n\n  /** Paths of register items in proposal. */\n  const proposedItemPaths = Object.entries(proposals).map(([itemPath, proposal]) => {\n    if (proposal.type === 'clarification' || proposal.type === 'addition') {\n      return itemPath;\n    } else {\n      return undefined;\n    }\n  }).filter(s => s !== undefined) as string[];\n\n  /** Proposed data of register items in proposal. */\n  const proposedItemDataReq = useRegisterItemData({\n    itemPaths: proposedItemPaths,\n  });\n\n  /** Pre-existing data of register items in proposal. */\n  const currentItemDataReq = useRegisterItemData({\n    itemPaths: Object.keys(proposals),\n    ignoreActiveCR: true,\n  });\n\n  const getCurrentItem = useCallback(\n    ((itemPath: string) => currentItemDataReq.value[itemPath] ?? null),\n    [currentItemDataReq.value]);\n  const getProposedItem = useCallback(\n    ((itemPath: string) => proposedItemDataReq.value[itemPath] ?? null),\n    [proposedItemDataReq.value]);\n\n  /** Current register item (if any) corresponding to selected proposal. */\n  const selectedItemCurrent = selectedProposal ? getCurrentItem(selectedProposal) : null;\n\n  /** Proposed register item corresponding to selected proposal. */\n  const selectedItemProposed = selectedProposal ? getProposedItem(selectedProposal) : null;\n\n  const selectedItemRef = useItemRef(subregisters !== undefined, selectedProposal);\n\n  const handleItemSelect = useCallback(\n    ((item: ChangeProposalItem) => selectProposal(item.itemPath)),\n    [selectProposal]);\n\n  const activeItem: ChangeProposalItem | null = useMemo((() =>\n    selectedProposal\n      ? ({\n          itemPath: selectedProposal,\n          proposal: proposals[selectedProposal],\n          item: (selectedItemProposed ?? selectedItemCurrent)!,\n          itemBefore: selectedItemCurrent ?? undefined,\n          itemRef: itemPathToItemRef(subregisters !== undefined, selectedProposal),\n        })\n      : null\n  ), [selectedProposal, proposals, subregisters]);\n\n  const allItems: ChangeProposalItem[] = useMemo((() =>\n    Object.entries(proposals).map(([itemPath, proposal]) => ({\n      itemPath,\n      proposal,\n      item: (getProposedItem(itemPath) ?? getCurrentItem(itemPath))! ?? null,\n      itemBefore: undefined,\n      itemRef: itemPathToItemRef(subregisters !== undefined, itemPath),\n    }))\n  ), [proposals, getCurrentItem, getProposedItem, subregisters !== undefined]);\n\n  const haveSelectedItem =\n    selectedProposal\n    && selectedItemRef\n    && proposals[selectedProposal]\n    && (selectedItemProposed || selectedItemCurrent);\n\n  const proposalCount = Object.keys(proposals).length;\n\n  //useEffect(() => {\n  //  // if (!selectedProposal) {\n  //  //   const firstProposal = Object.keys(proposals)[0];\n  //  //   if (firstProposal) {\n  //  //     if (getCurrentItem(firstProposal) || getProposedItem(firstProposal)) {\n  //  //       selectProposal(firstProposal);\n  //  //     }\n  //  //   }\n  //  // }\n  //  if (selectedProposal) {\n  //    if (selectedProposalDetailRef.current) {\n  //      selectedProposalDetailRef.current.scrollIntoView({ block: 'center' });\n  //    }\n  //  }\n  //}, [selectedProposal === null]);\n\n  const canShowDiff: boolean =\n    haveSelectedItem && proposals[selectedProposal]?.type === 'clarification'\n      ? true\n      : false;\n  const showDiff = canShowDiff && preferDiff;\n\n  const selectedItemSummary = haveSelectedItem\n    ? <ProposalSummary\n        itemRef={selectedItemRef}\n        item={(selectedItemProposed ?? selectedItemCurrent)!}\n        itemBefore={selectedItemCurrent ?? undefined}\n        proposal={proposals[selectedProposal]}\n      />\n    : <>Select item…</>;\n  const icon = haveSelectedItem\n    ? getProposalIcon(proposals[selectedProposal])\n    : undefined;\n\n  const selectedItemDrawer = useMemo((() =>\n    <Drawer\n        isOpen={proposalCount > 0 && haveSelectedItem ? true : false}\n        onClose={() => selectProposal(null)}\n        size={DrawerSize.LARGE}\n        enforceFocus={false}>\n      {proposalCount > 0 && haveSelectedItem\n        ? <>\n            <ButtonGroup>\n              <Button\n                disabled={!jumpTo || proposals[selectedProposal]?.type === 'addition'}\n                icon='open-application'\n                onClick={() => jumpTo?.(`${Protocols.ITEM_DETAILS}:${selectedProposal}`)}\n                title=\"Open selected item in a new tab (not applicable to proposed additions)\"\n              />\n              <Button\n                active={preferDiff}\n                onClick={() => setPreferDiff(v => !v)}\n                // Diffing only makes sense for clarifications.\n                // Additions are entire new items, and for amendments\n                // item data is unchanged.\n                disabled={!canShowDiff}\n                text=\"Compare\"\n                title=\"Annotate proposed clarifications for this item\"\n              />\n              <ClassNames>\n                {(({ css: css2 }) =>\n                  <Select<ChangeProposalItem>\n                      filterable={false}\n                      itemsEqual={stringifiedJSONEqual}\n                      menuProps={{ className: css2(`max-height: 50vh; overflow-y: auto;`) }}\n                      activeItem={activeItem}\n                      items={allItems}\n                      popoverProps={{ minimal: true, matchTargetWidth: true }}\n                      fill\n                      itemRenderer={ChangeProposalItemView}\n                      onItemSelect={handleItemSelect}>\n                    <Button\n                        fill\n                        rightIcon=\"chevron-down\"\n                        icon={icon}\n                        title=\"Switch between items in this proposal\"\n                        css={css`white-space: nowrap;`}>\n                      {selectedItemSummary}\n                    </Button>\n                  </Select>\n                )}\n              </ClassNames>\n              <Button\n                onClick={() => selectProposal(null)}\n                icon=\"minimize\"\n                title=\"Minimize proposed change view\"\n                text=\"Minimize\"\n              />\n            </ButtonGroup>\n            <div css={css`position: relative; flex: 1;`}>\n              <BrowserCtx.Provider value={proposalBrowserCtx}>\n                <ErrorBoundary viewName=\"Proposal detail\">\n                  <ProposalDetail\n                    itemRef={selectedItemRef}\n                    showDiff={showDiff}\n                    //showOnlyChanged={showOnlyChanged}\n                    item={(selectedItemProposed ?? selectedItemCurrent)!}\n                    itemBefore={selectedItemCurrent ?? undefined}\n                    proposal={proposals[selectedProposal]}\n                  />\n                </ErrorBoundary>\n              </BrowserCtx.Provider>\n            </div>\n          </>\n        : null}\n    </Drawer>\n  ), [proposalCount > 0, haveSelectedItem, selectedItemProposed, selectedItemCurrent, preferDiff, jumpTo, handleItemSelect, selectedProposal && proposals[selectedProposal]]);\n\n  return (\n    <>\n      {selectedItemDrawer}\n      {allItems.map(cpi => {\n        const actions: (MenuItemProps | MenuDividerProps)[] = [{\n          onClick: () => selectProposal(cpi.itemPath),\n          text: \"Expand\",\n          title: \"Expand proposed change to see item details\",\n          icon: 'maximize',\n        }];\n        if (onDeleteProposalForItemAtPath) {\n          actions.push({\n            text: \"Delete this proposal\",\n            intent: 'danger',\n            onClick: () => onDeleteProposalForItemAtPath(cpi.itemPath),\n            icon: 'trash',\n          });\n        }\n        return <HomeBlockCard\n            css={css`\n              flex-basis: calc(33.33% - 10px*2/3);\n            `}\n            description={`${cpi.proposal.type} proposal`}\n            key={cpi.itemPath}>\n          <ProposalType proposal={cpi.proposal} />\n          <div css={css`padding: 5px; flex-grow: 1;`}>\n            {cpi.item !== null\n              ? <H5 css={css`margin: 0; overflow: hidden; text-overflow: ellipsis;`}>\n                  <ProposalSummary\n                    itemRef={cpi.itemRef}\n                    proposal={cpi.proposal}\n                    itemBefore={cpi.itemBefore}\n                    item={cpi.item}\n                  />\n                </H5>\n              : <>Problem reading proposed item data.</>}\n          </div>\n          {actions.length > 0\n            ? <HomeBlockActions actions={actions} />\n            : null}\n        </HomeBlockCard>\n      })}\n    </>\n  );\n};\n\nfunction stringifiedJSONEqual(i1: any, i2: any): boolean {\n  return JSON.stringify(i1) === JSON.stringify(i2);\n}\n\nexport default ProposalBrowser;\n"]}

package/proposals/ProposalDetail.d.ts

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

package/proposals/ProposalDetail.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ProposalDetail = void 0;
+
+var _react = require("react");
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _InlineDiff = require("../views/diffing/InlineDiff");
+
+var _useItemClassConfig = _interopRequireDefault(require("../views/hooks/useItemClassConfig"));
+
+var _RegisterItem = require("../views/detail/RegisterItem");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const ProposalDetail = (0, _react.memo)(function ({
+  proposal,
+  showDiff,
+  showOnlyChanged,
+  itemRef,
+  item,
+  itemBefore,
+  onChange
+}) {
+  var _a;
+
+  const itemClass = (0, _useItemClassConfig.default)((_a = itemRef.classID) !== null && _a !== void 0 ? _a : 'NONEXISTENT_CLASS_ID');
+
+  if (!itemClass) {
+    throw new Error(`Unknown item class “${itemRef.classID}”!`);
+  }
+
+  const view = showDiff ? (0, _react2.jsx)(_InlineDiff.InlineDiffGeneric, {
+    item1: itemBefore !== null && itemBefore !== void 0 ? itemBefore : {},
+    item2: item,
+    css: (0, _react2.css)`
+          position: absolute; inset: 0; padding: 10px; overflow: auto;
+          background-color: white;
+          .bp4-dark & {
+            background-color: ${_core.Colors.DARK_GRAY2};
+          }
+        `,
+    className: `${_core.Classes.ELEVATION_2} ${_core.Classes.RUNNING_TEXT}`
+  }) : (0, _react2.jsx)(_RegisterItem.ItemDetail, {
+    itemRef: itemRef,
+    item: item,
+    itemClass: itemClass,
+    key: JSON.stringify(itemRef),
+    compactHeader: true
+  });
+  return (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`position: absolute; inset: 0; display: flex; flex-flow: column;`
+  }, view);
+});
+exports.ProposalDetail = ProposalDetail;
+var _default = ProposalDetail;
+exports.default = _default;

package/proposals/ProposalDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProposalDetail.js","sourceRoot":"","sources":["../../src/proposals/ProposalDetail.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAc,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,kBAAkB,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAK1D,MAAM,CAAC,MAAM,cAAc,GAC3B,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE;;IACzF,MAAM,SAAS,GAAG,kBAAkB,CAAC,MAAA,OAAO,CAAC,OAAO,mCAAI,sBAAsB,CAAC,CAAC;IAEhF,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,IAAI,KAAK,CAAC,uBAAuB,OAAO,CAAC,OAAO,IAAI,CAAC,CAAC;KAC7D;IAED,MAAM,IAAI,GAAgB,QAAQ;QAChC,CAAC,CAAC,IAAC,iBAAiB,IAChB,KAAK,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,EACvB,KAAK,EAAE,IAAI,EACX,GAAG,EAAE,GAAG,CAAA;;;;gCAIgB,MAAM,CAAC,UAAU;;SAExC,EACD,SAAS,EAAE,GAAG,OAAO,CAAC,WAAW,IAAI,OAAO,CAAC,YAAY,EAAE,GAC3D;QACJ,CAAC,CAAC,IAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAC5B,aAAa,SACb,CAAC;IAEP,OAAO,aAAK,GAAG,EAAE,GAAG,CAAA,iEAAiE,IAClF,IAAI,CACD,CAAC;AACT,CAAC,CAAC,CAAC;AAEH,eAAe,cAAc,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { memo } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { Classes, Colors } from '@blueprintjs/core';\n\nimport { InlineDiffGeneric } from '../views/diffing/InlineDiff';\nimport useItemClassConfig from '../views/hooks/useItemClassConfig';\nimport { ItemDetail } from '../views/detail/RegisterItem';\n\nimport type { ProposalProps, ChangeProposal } from './types';\n\n\nexport const ProposalDetail: React.FC<ProposalProps<ChangeProposal>> =\nmemo(function ({ proposal, showDiff, showOnlyChanged, itemRef, item, itemBefore, onChange }) {\n  const itemClass = useItemClassConfig(itemRef.classID ?? 'NONEXISTENT_CLASS_ID');\n\n  if (!itemClass) {\n    throw new Error(`Unknown item class “${itemRef.classID}”!`);\n  }\n\n  const view: JSX.Element = showDiff\n    ? <InlineDiffGeneric\n        item1={itemBefore ?? {}}\n        item2={item}\n        css={css`\n          position: absolute; inset: 0; padding: 10px; overflow: auto;\n          background-color: white;\n          .bp4-dark & {\n            background-color: ${Colors.DARK_GRAY2};\n          }\n        `}\n        className={`${Classes.ELEVATION_2} ${Classes.RUNNING_TEXT}`}\n      />\n    : <ItemDetail\n        itemRef={itemRef}\n        item={item}\n        itemClass={itemClass}\n        key={JSON.stringify(itemRef)}\n        compactHeader\n      />;\n\n  return <div css={css`position: absolute; inset: 0; display: flex; flex-flow: column;`}>\n    {view}\n  </div>;\n});\n\nexport default ProposalDetail;\n"]}

package/proposals/ProposalItem.d.ts

@@ -0,0 +1,16 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { type ItemRenderer } from '@blueprintjs/select';
+import { type IconName } from '@blueprintjs/core';
+import type { InternalItemReference, Payload, RegisterItem } from '../types';
+import type { ChangeProposal } from './types';
+export interface ChangeProposalItem {
+    itemPath: string;
+    itemRef: InternalItemReference;
+    proposal: ChangeProposal;
+    item: RegisterItem<Payload> | null;
+    itemBefore: RegisterItem<Payload> | undefined;
+}
+export declare const ChangeProposalItemView: ItemRenderer<ChangeProposalItem>;
+export default ChangeProposalItemView;
+export declare function getProposalIcon(proposal: ChangeProposal): IconName;

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,GAAI,CACvC,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  } 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/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;