@riboseinc/paneron-registry-kit 2.2.11 → 2.2.13

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

@@ -0,0 +1,15 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import type { Register, RegisterStakeholder } from '../../../types';
+import { type SomeCR as CR } from '../../../types/cr';
+declare const CurrentProposalBlock: React.VoidFunctionComponent<{
+    proposal: CR;
+    register: Register;
+    stakeholder?: RegisterStakeholder;
+    canDelete?: boolean;
+    onDelete?: () => (void | Promise<void>);
+    onOpen?: () => void;
+    className?: string;
+}>;
+export default CurrentProposalBlock;

package/views/detail/RegisterHome/ActiveProposalDetails.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _DL = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/DL"));
+
+var _Summary = _interopRequireDefault(require("../../change-request/Summary"));
+
+var _TransitionOptions = _interopRequireWildcard(require("../../change-request/TransitionOptions"));
+
+var _TransitionHistory = _interopRequireWildcard(require("../../change-request/TransitionHistory"));
+
+var _Block = _interopRequireDefault(require("./Block"));
+
+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 CurrentProposalBlock = function ({
+  proposal,
+  stakeholder,
+  register,
+  onDelete,
+  onOpen,
+  canDelete,
+  className
+}) {
+  const actions = (0, _react.useMemo)(() => {
+    const actions = stakeholder && (0, _TransitionOptions.canBeTransitionedBy)(stakeholder, proposal) ? [
+      /*{
+      // Action is taken from within the widget.
+      text: "Take action",
+      onClick: () => void 0,
+      icon: 'take-action',
+      intent: 'primary',
+      }*/
+    ] : canDelete ? [{
+      text: "Delete this proposal draft",
+      onClick: onDelete,
+      disabled: !onDelete,
+      icon: 'delete',
+      intent: 'danger'
+    }] : [];
+    actions.push({
+      text: "View proposal in a new tab",
+      icon: 'open-application',
+      disabled: !onOpen,
+      onClick: onOpen
+    });
+    return actions;
+  }, [onDelete, onOpen, stakeholder, proposal, canDelete]);
+  return (0, _react2.jsx)(_Block.default, {
+    View: CurrentProposal,
+    description: "Active proposal",
+    props: {
+      proposal,
+      stakeholder,
+      register
+    },
+    className: className,
+    actions: actions
+  });
+};
+
+var _default = CurrentProposalBlock;
+exports.default = _default;
+
+const CurrentProposal = function ({
+  stakeholder,
+  register,
+  proposal
+}) {
+  const transitions = stakeholder ? (0, _TransitionOptions.getTransitions)(proposal, stakeholder) : [];
+  return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_DL.default, {
+    css: (0, _react2.css)`padding: 10px 12px 10px 12px; flex-grow: 1; flex-basis: max-content;`
+  }, (0, _react2.jsx)("div", null, (0, _react2.jsx)("dt", null, "Viewing\u00A0proposal:"), (0, _react2.jsx)("dd", {
+    css: (0, _react2.css)`max-height: 40px; overflow-y: auto;`
+  }, "\u201C", proposal.justification.trim() || '(justification N/A)', "\u201D")), (0, _react2.jsx)(_Summary.default, {
+    cr: proposal,
+    currentStakeholder: stakeholder,
+    registerMetadata: register
+  })), (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`overflow-y: auto; flex-basis: min-content;`
+  }, (0, _react2.jsx)(_TransitionHistory.default, {
+    pastTransitions: (0, _TransitionHistory.getTransitionHistory)(proposal),
+    isFinal: (0, _TransitionOptions.isFinalState)(proposal.state)
+  }), transitions.length > 0 ? (0, _react2.jsx)(_TransitionOptions.default, {
+    stakeholder: stakeholder,
+    transitions: transitions,
+    cr: proposal,
+    css: (0, _react2.css)`padding: 12px;`
+  }) : null));
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveProposalDetails.js","sourceRoot":"","sources":["../../../../src/views/detail/RegisterHome/ActiveProposalDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useMemo } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { type MenuItemProps } from '@blueprintjs/core';\n\nimport DL from '@riboseinc/paneron-extension-kit/widgets/DL';\n\nimport Summary from '../../change-request/Summary';\nimport type { Register, RegisterStakeholder } from '../../../types';\nimport { type SomeCR as CR } from '../../../types/cr';\nimport TransitionOptions, { isFinalState, getTransitions, canBeTransitionedBy } from '../../change-request/TransitionOptions';\nimport TransitionsAndStatus, { getTransitionHistory } from '../../change-request/TransitionHistory';\nimport HomeBlock from './Block';\n\n\nconst CurrentProposalBlock: React.VoidFunctionComponent<{\n  proposal: CR\n  register: Register\n  stakeholder?: RegisterStakeholder\n  canDelete?: boolean\n  onDelete?: () => (void | Promise<void>)\n  onOpen?: () => void\n  className?: string\n}> = function ({ proposal, stakeholder, register, onDelete, onOpen, canDelete, className }) {\n  const actions = useMemo(() => {\n    const actions: MenuItemProps[] = stakeholder && canBeTransitionedBy(stakeholder, proposal)\n      ? [/*{\n          // Action is taken from within the widget.\n          text: \"Take action\",\n          onClick: () => void 0,\n          icon: 'take-action',\n          intent: 'primary',\n        }*/]\n      : canDelete\n        ? [{\n            text: \"Delete this proposal draft\",\n            onClick: onDelete,\n            disabled: !onDelete,\n            icon: 'delete',\n            intent: 'danger',\n          }]\n        : [];\n\n    actions.push({\n      text: \"View proposal in a new tab\",\n      icon: 'open-application',\n      disabled: !onOpen,\n      onClick: onOpen,\n    });\n\n    return actions;\n  }, [onDelete, onOpen, stakeholder, proposal, canDelete]);\n\n  return (\n    <HomeBlock\n      View={CurrentProposal}\n      description=\"Active proposal\"\n      props={{ proposal, stakeholder, register }}\n      className={className}\n      actions={actions}\n    />\n  );\n};\n\nexport default CurrentProposalBlock;\n\n\nconst CurrentProposal: React.VoidFunctionComponent<{\n  proposal: CR\n  register: Register\n  stakeholder?: RegisterStakeholder\n}> = function ({ stakeholder, register, proposal }) {\n  const transitions = stakeholder\n    ? getTransitions(proposal, stakeholder)\n    : [];\n\n  return (\n    <>\n      <DL css={css`padding: 10px 12px 10px 12px; flex-grow: 1; flex-basis: max-content;`}>\n        <div>\n          <dt>Viewing&nbsp;proposal:</dt>\n          <dd css={css`max-height: 40px; overflow-y: auto;`}>\n            “{proposal.justification.trim() || '(justification N/A)'}”\n          </dd>\n        </div>\n        <Summary\n          cr={proposal}\n          currentStakeholder={stakeholder}\n          registerMetadata={register}\n        />\n      </DL>\n      <div css={css`overflow-y: auto; flex-basis: min-content;`}>\n        <TransitionsAndStatus\n          pastTransitions={getTransitionHistory(proposal)}\n          isFinal={isFinalState(proposal.state)}\n        />\n        {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    </>\n  );\n};\n"]}

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

@@ -0,0 +1,29 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import { type MenuItemProps, type MenuDividerProps } from '@blueprintjs/core';
+interface HomeBlockProps<P extends Record<string, any>> {
+    description: string;
+    View: React.VoidFunctionComponent<P>;
+    /** Props to pass the `View`. */
+    props: P | null | undefined;
+    /** Shown if `props` is `null`. */
+    error?: string | JSX.Element;
+    /** Shown beneath `View`. */
+    actions?: (MenuItemProps | MenuDividerProps)[];
+    /** Applies to wrapper card div. */
+    className?: string;
+}
+export default function HomeBlock<P extends Record<string, any>>({ View, description, props, error, actions, className }: HomeBlockProps<P>): jsx.JSX.Element;
+export declare function HomeBlockActions({ actions }: {
+    actions?: (MenuItemProps | MenuDividerProps)[];
+}): jsx.JSX.Element;
+export declare const HomeBlockCard: import("@emotion/styled").StyledComponent<{
+    description: string;
+} & import("@blueprintjs/core").ICardProps & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export {};

package/views/detail/RegisterHome/Block.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = HomeBlock;
+exports.HomeBlockActions = HomeBlockActions;
+exports.HomeBlockCard = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _react = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _util = require("../../util");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+//import { Helmet } from 'react-helmet';
+function HomeBlock({
+  View,
+  description,
+  props,
+  error,
+  actions,
+  className
+}) {
+  var _a;
+
+  return (0, _react.jsx)(HomeBlockCard, {
+    description: description,
+    className: className
+  }, props ? (0, _react.jsx)(View, { ...props
+  }) : props === undefined ? (0, _react.jsx)(_core.NonIdealState, {
+    icon: (0, _react.jsx)(_core.Spinner, null)
+  }) : (0, _react.jsx)(_core.NonIdealState, {
+    icon: "heart-broken",
+    title: "Failed to load",
+    description: error
+  }), ((_a = actions === null || actions === void 0 ? void 0 : actions.length) !== null && _a !== void 0 ? _a : 0) > 0 ? (0, _react.jsx)(HomeBlockActions, {
+    actions: actions
+  }) : null);
+}
+
+function HomeBlockActions({
+  actions
+}) {
+  return (0, _react.jsx)(HomeBlockActionMenu, null, actions.map((mip, idx) => isMenuItemProps(mip) ? (0, _react.jsx)(_core.MenuItem, {
+    key: idx,
+    ...mip
+  }) : (0, _react.jsx)(_core.MenuDivider, {
+    key: idx,
+    ...mip
+  })));
+}
+
+function isMenuItemProps(val) {
+  const p = val;
+  return p.onClick || p.disabled || p.icon || p.selected || p.active ? true : false;
+}
+
+const HomeBlockActionMenu = (0, _styled.default)(_core.Menu)`
+  background: none !important;
+  flex-shrink: 0;
+`;
+const HomeBlockCard = (0, _styled.default)(_util.CardInGrid)`
+  padding: 5px;
+  display: flex; flex-flow: column nowrap;
+  overflow: hidden;
+  transition:
+    width .5s linear,
+    height .5s linear;
+`;
+exports.HomeBlockCard = HomeBlockCard;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Block.js","sourceRoot":"","sources":["../../../../src/views/detail/RegisterHome/Block.tsx"],"names":[],"mappings":"AAGA,wCAAwC;AACxC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EACL,IAAI,EACJ,QAAQ,EAAE,WAAW,EAErB,aAAa,EACb,OAAO,GACR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAmBxC,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAqB;;IAE1E,OAAO,CACL,IAAC,aAAa,IACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS;QACrB,KAAK;YACJ,CAAC,CAAC,IAAC,IAAI,OAAK,KAAK,GAAI;YACrB,CAAC,CAAC,KAAK,KAAK,SAAS;gBACnB,CAAC,CAAC,IAAC,aAAa,IAAC,IAAI,EAAE,IAAC,OAAO,OAAG,GAAI;gBACtC,CAAC,CAAC,IAAC,aAAa,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,gBAAgB,EAAC,WAAW,EAAE,KAAK,GAAI;QACrF,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,mCAAI,CAAC,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,IAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,GAAI;YACxC,CAAC,CAAC,IAAI,CACM,CACjB,CAAC;AACJ,CAAC;AAGD,MAAM,UAAU,gBAAgB,CAAC,EAAE,OAAO,EAAsD;IAC9F,OAAO,IAAC,mBAAmB,QACxB,OAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CACzB,eAAe,CAAC,GAAG,CAAC;QAClB,CAAC,CAAC,IAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,KAAO,GAAqB,GAAK;QACrD,CAAC,CAAC,IAAC,WAAW,IAAC,GAAG,EAAE,GAAG,KAAM,GAAG,GAAK,CACxC,CACmB,CAAA;AACxB,CAAC;AAGD,SAAS,eAAe,CAAC,GAAqC;IAC5D,MAAM,CAAC,GAAG,GAAU,CAAC;IACrB,OAAO,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;AACpF,CAAC;AAGD,MAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;CAGvC,CAAC;AAGF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;;;;;;CAO9C,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\nimport React from 'react';\n//import { Helmet } from 'react-helmet';\nimport styled from '@emotion/styled';\nimport { jsx } from '@emotion/react';\nimport {\n  Menu,\n  MenuItem, MenuDivider,\n  type MenuItemProps, type MenuDividerProps,\n  NonIdealState,\n  Spinner,\n} from '@blueprintjs/core';\nimport { CardInGrid } from '../../util';\n\n\ninterface HomeBlockProps<P extends Record<string, any>> {\n  description: string,\n  View: React.VoidFunctionComponent<P>,\n\n  /** Props to pass the `View`. */\n  props: P | null | undefined,\n\n  /** Shown if `props` is `null`. */\n  error?: string | JSX.Element,\n\n  /** Shown beneath `View`. */\n  actions?: (MenuItemProps | MenuDividerProps)[],\n\n  /** Applies to wrapper card div. */\n  className?: string,\n}\nexport default function HomeBlock<P extends Record<string, any>>(\n  { View, description, props, error, actions, className }: HomeBlockProps<P>\n) {\n  return (\n    <HomeBlockCard\n        description={description}\n        className={className}>\n      {props\n        ? <View {...props} />\n        : props === undefined\n          ? <NonIdealState icon={<Spinner />} />\n          : <NonIdealState icon=\"heart-broken\" title=\"Failed to load\" description={error} />}\n      {(actions?.length ?? 0) > 0\n        ? <HomeBlockActions actions={actions} />\n        : null}\n    </HomeBlockCard>\n  );\n}\n\n\nexport function HomeBlockActions({ actions }: { actions?: (MenuItemProps | MenuDividerProps)[] }) {\n  return <HomeBlockActionMenu>\n    {actions!.map((mip, idx) =>\n      isMenuItemProps(mip)\n        ? <MenuItem key={idx} {...(mip as MenuItemProps) } />\n        : <MenuDivider key={idx} {...mip } />\n    )}\n  </HomeBlockActionMenu>\n}\n\n\nfunction isMenuItemProps(val: MenuItemProps | MenuDividerProps): val is MenuItemProps {\n  const p = val as any;\n  return p.onClick || p.disabled || p.icon || p.selected || p.active ? true : false;\n}\n\n\nconst HomeBlockActionMenu = styled(Menu)`\n  background: none !important;\n  flex-shrink: 0;\n`;\n\n\nexport const HomeBlockCard = styled(CardInGrid)`\n  padding: 5px;\n  display: flex; flex-flow: column nowrap;\n  overflow: hidden;\n  transition:\n    width .5s linear,\n    height .5s linear;\n`;\n"]}

package/views/detail/RegisterHome/MetaSummary.js

@@ -22,13 +22,17 @@ const MetaSummary = function ({
   register,
   style
 }) {
-  var _a, _b;
+  var _a;
 
   return (0, _react.jsx)(_DL.default, {
     style: style
-  }, (0, _react.jsx)("div", null, (0, _react.jsx)("dt", null, "Viewing\u00A0version:"), (0, _react.jsx)("dd", null, (_b = (_a = register.version) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : 'N/A')), (0, _react.jsx)("div", null, (0, _react.jsx)("dt", null, "Register\u00A0name:"), (0, _react.jsx)("dd", null, register.name)), (0, _react.jsx)("div", null, (0, _react.jsx)("dt", null, "Content\u00A0summary:"), (0, _react.jsx)("dd", null, register.contentSummary || 'N/A')), register.operatingLanguage ? (0, _react.jsx)("div", null, (0, _react.jsx)("dt", null, "Operating\u00A0language:"), (0, _react.jsx)("dd", null, (0, _react.jsx)(_InlineDiff.Val, {
+  }, (0, _react.jsx)("div", null, (0, _react.jsx)("dt", null, "Viewing\u00A0version:"), (0, _react.jsx)("dd", null, ((_a = register.version) === null || _a === void 0 ? void 0 : _a.id) || 'N/A')), (0, _react.jsx)("div", null, (0, _react.jsx)("dt", null, "Register\u00A0name:"), (0, _react.jsx)("dd", null, register.name)), register.operatingLanguage ? (0, _react.jsx)("div", null, (0, _react.jsx)("dt", null, "Operating\u00A0language:"), (0, _react.jsx)("dd", null, (0, _react.jsx)(_InlineDiff.Val, {
     val: (0, _util.normalizeObjectRecursively)(register.operatingLanguage)
-  }))) : null);
+  }))) : null, (0, _react.jsx)("div", null, (0, _react.jsx)("dt", null, "Content\u00A0summary:"), (0, _react.jsx)("dd", {
+    dangerouslySetInnerHTML: {
+      __html: register.contentSummary || 'N/A'
+    }
+  })));
 };
 
 var _default = MetaSummary;

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

@@ -1 +1 @@
-{"version":3,"file":"MetaSummary.js","sourceRoot":"","sources":["../../../../src/views/detail/RegisterHome/MetaSummary.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAG9B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,MAAM,6CAA6C,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AACnF,OAAO,EAAE,GAAG,EAAE,MAAM,mCAAmC,CAAC;AAIxD,MAAM,WAAW,GAGZ,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;;IAChC,OAAO,CACL,IAAC,EAAE,IAAC,KAAK,EAAE,KAAK;QACd;YACE,wCAA8B;YAC9B,gBAAK,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,EAAE,mCAAI,KAAK,CAAM,CACpC;QACN;YACE,sCAA4B;YAC5B,gBAAK,QAAQ,CAAC,IAAI,CAAM,CACpB;QACN;YACE,wCAA8B;YAC9B,gBAAK,QAAQ,CAAC,cAAc,IAAI,KAAK,CAAM,CACvC;QACL,QAAQ,CAAC,iBAAiB;YACzB,CAAC,CAAC;gBACE,2CAAiC;gBACjC;oBACE,IAAC,GAAG,IAAC,GAAG,EAAE,0BAA0B,CAAC,QAAQ,CAAC,iBAAiB,CAAC,GAAI,CACjE,CACD;YACR,CAAC,CAAC,IAAI,CACL,CACN,CAAC;AACJ,CAAC,CAAC;AAGF,eAAe,WAAW,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React from 'react';\nimport { jsx } from '@emotion/react';\nimport DL from '@riboseinc/paneron-extension-kit/widgets/DL';\nimport { normalizeObjectRecursively } from '@riboseinc/paneron-extension-kit/util';\nimport { Val } from '../../../views/diffing/InlineDiff';\nimport type { Register } from '../../../types';\n\n\nconst MetaSummary: React.VoidFunctionComponent<{\n  register: Register\n  style?: React.CSSProperties\n}> = function ({ register, style }) {\n  return (\n    <DL style={style}>\n      <div>\n        <dt>Viewing&nbsp;version:</dt>\n        <dd>{register.version?.id ?? 'N/A'}</dd>\n      </div>\n      <div>\n        <dt>Register&nbsp;name:</dt>\n        <dd>{register.name}</dd>\n      </div>\n      <div>\n        <dt>Content&nbsp;summary:</dt>\n        <dd>{register.contentSummary || 'N/A'}</dd>\n      </div>\n      {register.operatingLanguage\n        ? <div>\n            <dt>Operating&nbsp;language:</dt>\n            <dd>\n              <Val val={normalizeObjectRecursively(register.operatingLanguage)} />\n            </dd>\n          </div>\n        : null}\n    </DL>\n  );\n};\n\n\nexport default MetaSummary;\n"]}
+{"version":3,"file":"MetaSummary.js","sourceRoot":"","sources":["../../../../src/views/detail/RegisterHome/MetaSummary.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAG9B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,MAAM,6CAA6C,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AACnF,OAAO,EAAE,GAAG,EAAE,MAAM,mCAAmC,CAAC;AAIxD,MAAM,WAAW,GAGZ,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;;IAChC,OAAO,CACL,IAAC,EAAE,IAAC,KAAK,EAAE,KAAK;QACd;YACE,wCAA8B;YAC9B,gBAAK,CAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,EAAE,KAAI,KAAK,CAAM,CACpC;QACN;YACE,sCAA4B;YAC5B,gBAAK,QAAQ,CAAC,IAAI,CAAM,CACpB;QACL,QAAQ,CAAC,iBAAiB;YACzB,CAAC,CAAC;gBACE,2CAAiC;gBACjC;oBACE,IAAC,GAAG,IAAC,GAAG,EAAE,0BAA0B,CAAC,QAAQ,CAAC,iBAAiB,CAAC,GAAI,CACjE,CACD;YACR,CAAC,CAAC,IAAI;QACR;YACE,wCAA8B;YAC9B,YAAI,uBAAuB,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,cAAc,IAAI,KAAK,EAAE,GAAO,CAC5E,CACH,CACN,CAAC;AACJ,CAAC,CAAC;AAGF,eAAe,WAAW,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React from 'react';\nimport { jsx } from '@emotion/react';\nimport DL from '@riboseinc/paneron-extension-kit/widgets/DL';\nimport { normalizeObjectRecursively } from '@riboseinc/paneron-extension-kit/util';\nimport { Val } from '../../../views/diffing/InlineDiff';\nimport type { Register } from '../../../types';\n\n\nconst MetaSummary: React.VoidFunctionComponent<{\n  register: Register\n  style?: React.CSSProperties\n}> = function ({ register, style }) {\n  return (\n    <DL style={style}>\n      <div>\n        <dt>Viewing&nbsp;version:</dt>\n        <dd>{register.version?.id || 'N/A'}</dd>\n      </div>\n      <div>\n        <dt>Register&nbsp;name:</dt>\n        <dd>{register.name}</dd>\n      </div>\n      {register.operatingLanguage\n        ? <div>\n            <dt>Operating&nbsp;language:</dt>\n            <dd>\n              <Val val={normalizeObjectRecursively(register.operatingLanguage)} />\n            </dd>\n          </div>\n        : null}\n      <div>\n        <dt>Content&nbsp;summary:</dt>\n        <dd dangerouslySetInnerHTML={{ __html: register.contentSummary || 'N/A' }}></dd>\n      </div>\n    </DL>\n  );\n};\n\n\nexport default MetaSummary;\n"]}

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

@@ -1,18 +1,8 @@
 /** @jsx jsx */
 /** @jsxFrag React.Fragment */
 import React from 'react';
-import type { Register, RegisterStakeholder } from '../../../types';
+import type { Register } from '../../../types';
 import { type SomeCR as CR } from '../../../types/cr';
-export declare const CurrentProposal: React.VoidFunctionComponent<{
-    proposal: CR;
-    register: Register;
-    stakeholder?: RegisterStakeholder;
-}>;
-export declare const NewProposal: React.VoidFunctionComponent<{
-    register: Register;
-    onCreateBlank?: (idea: string) => Promise<void>;
-    className?: string;
-}>;
 export declare const Proposals: React.VoidFunctionComponent<{
     register: Register;
     actionableProposals?: [groupLabel: JSX.Element | string, proposals: CR[] | undefined][];

package/views/detail/RegisterHome/Proposal.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Proposals = exports.NewProposal = exports.CurrentProposal = void 0;
+exports.Proposals = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -11,20 +11,10 @@ var _react2 = require("@emotion/react");
 
 var _core = require("@blueprintjs/core");
 
-var _DL = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/DL"));
-
 var _ChangeRequestContext = require("../../change-request/ChangeRequestContext");
 
 var _util = require("../../util");
 
-var _TransitionOptions = _interopRequireWildcard(require("../../change-request/TransitionOptions"));
-
-var _Summary = _interopRequireDefault(require("../../change-request/Summary"));
-
-var _TransitionHistory = _interopRequireWildcard(require("../../change-request/TransitionHistory"));
-
-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; }
@@ -32,35 +22,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /** @jsx jsx */
 
 /** @jsxFrag React.Fragment */
-const CurrentProposal = function ({
-  stakeholder,
-  register,
-  proposal
-}) {
-  const transitions = stakeholder ? (0, _TransitionOptions.getTransitions)(proposal, stakeholder) : [];
-  return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_DL.default, {
-    css: (0, _react2.css)`padding: 10px 12px 10px 12px; flex-grow: 1; flex-basis: max-content;`
-  }, (0, _react2.jsx)("div", null, (0, _react2.jsx)("dt", null, "Viewing\u00A0proposal:"), (0, _react2.jsx)("dd", {
-    css: (0, _react2.css)`max-height: 40px; overflow-y: auto;`
-  }, "\u201C", proposal.justification.trim() || '(justification N/A)', "\u201D")), (0, _react2.jsx)(_Summary.default, {
-    cr: proposal,
-    currentStakeholder: stakeholder,
-    registerMetadata: register
-  })), (0, _react2.jsx)("div", {
-    css: (0, _react2.css)`overflow-y: auto; flex-basis: min-content;`
-  }, (0, _react2.jsx)(_TransitionHistory.default, {
-    pastTransitions: (0, _TransitionHistory.getTransitionHistory)(proposal),
-    isFinal: (0, _TransitionOptions.isFinalState)(proposal.state)
-  }), transitions.length > 0 ? (0, _react2.jsx)(_TransitionOptions.default, {
-    stakeholder: stakeholder,
-    transitions: transitions,
-    cr: proposal,
-    css: (0, _react2.css)`padding: 12px;`
-  }) : null));
-};
-
-exports.CurrentProposal = CurrentProposal;
-
 const NewProposal = function ({
   register,
   onCreateBlank,
@@ -103,8 +64,6 @@ const NewProposal = function ({
  */
 
 
-exports.NewProposal = NewProposal;
-
 const ActionableProposalItems = function ActionableProposalItems({
   actionableProposals,
   onSelect
@@ -114,6 +73,7 @@ const ActionableProposalItems = function ActionableProposalItems({
   }, (0, _react2.jsx)(_core.MenuDivider, {
     title: groupLabel
   }), proposals !== undefined && proposals.length > 0 ? proposals.map(cr => (0, _react2.jsx)(ActionableProposalItem, {
+    key: cr.id,
     cr: cr,
     onClick: onSelect
   })) : proposals === undefined ? (0, _react2.jsx)(_core.MenuItem, {
@@ -131,7 +91,13 @@ const ActionableProposalItem = function ({
   cr,
   onClick
 }) {
-  var _a;
+  var _a; // TODO: Try to avoid useContext here.
+  // Originally activeCR was passed via prop, need to try again.
+  // Switch to context was done to avoid rerendering the entire list
+  // & losing scroll position.
+  // We want(?) active CR to determine if this item is active
+  // and keep it in viewport after user switches back.
+
 
   const {
     changeRequest: activeCR
@@ -176,7 +142,7 @@ const Proposals = function ({
       actionableProposals: actionableProposals !== null && actionableProposals !== void 0 ? actionableProposals : [],
       onSelect: onSelectProposal
     }) : null;
-  }, [onSelectProposal, hasActionable, actionableProposals === null || actionableProposals === void 0 ? void 0 : actionableProposals.length]); // return <Menu css={css`overflow-y: auto; background: none !important`} className={className}>
+  }, [onSelectProposal, hasActionable, actionableProposals]); // return <Menu css={css`overflow-y: auto; background: none !important`} className={className}>
   //   {proposalMenuItems}
   // </Menu>
 
@@ -223,6 +189,108 @@ const Proposals = function ({
       })
     }]
   });
-};
+}; //1const ProposalsBlock: React.VoidFunctionComponent<{
+//1  proposal: CR
+//1  register: Register
+//1  stakeholder?: RegisterStakeholder
+//1  canDelete?: boolean
+//1  onDelete?: () => (void | Promise<void>)
+//1  onOpen?: () => void
+//1  className?: string
+//1}> = function ({ proposal, stakeholder, register, onDelete, onOpen, canDelete, className }) {
+//1  const actions: MenuItemProps[] = stakeholder && canBeTransitionedBy(stakeholder, proposal)
+//1    ? [/*{
+//1        // Action is taken from within the widget.
+//1        text: "Take action",
+//1        onClick: () => void 0,
+//1        icon: 'take-action',
+//1        intent: 'primary',
+//1      }*/]
+//1    : canDelete
+//1      ? [{
+//1          text: "Delete this proposal draft",
+//1          onClick: onDelete,
+//1          disabled: !onDelete,
+//1          icon: 'delete',
+//1          intent: 'danger',
+//1        }]
+//1      : [];
+//1
+//1  actions.push({
+//1    text: "Open in new window",
+//1    disabled: !onOpen,
+//1    onClick: onOpen,
+//1  });
+//1  const proposalBlockActions = useMemo(() => {
+//1    const actions = [];
+//1    if (activeCR) {
+//1      actions.push({
+//1        text: "Export proposal",
+//1        onClick: () => void 0,
+//1        icon: 'export',
+//1        disabled: true,
+//1      } as const);
+//1      actions.push({
+//1        text: "Exit proposal",
+//1        icon: 'log-out',
+//1        intent: 'danger',
+//1        disabled: isBusy,
+//1        onClick: setActiveChangeRequestID
+//1          ? () => setActiveChangeRequestID?.(null)
+//1          : undefined,
+//1      } as const);
+//1    } else {
+//1      if (stakeholder && canCreateCR(stakeholder)) {
+//1        actions.push({
+//1          text: "Create blank proposal",
+//1          onClick: !createMode ? (() => setCreateMode(true)) : undefined,
+//1          disabled: !createCR,
+//1          active: createMode,
+//1          selected: createMode,
+//1          icon: 'add',
+//1          intent: actionableProposals.length < 1
+//1            ? 'primary'
+//1            : undefined,
+//1        } as const);
+//1      }
+//1      if (stakeholder && canImportCR(stakeholder)) {
+//1        actions.push({
+//1          text: "Import proposal",
+//1          onClick: importCR,
+//1          disabled: !importCR || createMode,
+//1          icon: 'import',
+//1          intent: actionableProposals.length < 1
+//1            ? 'primary'
+//1            : undefined,
+//1        } as const);
+//1      }
+//1    }
+//1    return actions;
+//1  }, [!activeCR, createMode, importCR, createCR, isBusy, actionableProposals.length < 1]);
+//1
+//1  return (
+//1    <HomeBlock
+//1      View={Proposals}
+//1      key="proposal dashboard"
+//1      description="Actionable proposals"
+//1      css={css`
+//1        height: 300px;
+//1        flex-basis: calc(50% - 10px);
+//1        flex-grow: 1;
+//1      `}
+//1      props={{
+//1        register,
+//1        actionableProposals,
+//1        createMode,
+//1        onCreate: handleCreate,
+//1        onRefreshProposals: handleRefreshProposals,
+//1        onSelectProposal: handleSelectProposal,
+//1      }}
+//1      actions={proposalBlockActions}
+//1    />
+//1  );
+//1};
+//1export default ProposalsBlock;
+
 
 exports.Proposals = Proposals;

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

@@ -1 +1 @@
-{"version":3,"file":"Proposal.js","sourceRoot":"","sources":["../../../../src/views/detail/RegisterHome/Proposal.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, {\n  useState,\n  useContext,\n  useRef,\n  useEffect,\n  useCallback,\n  useMemo,\n} from 'react';\nimport { jsx, css } from '@emotion/react';\nimport {\n  Button,\n  FormGroup,\n  ControlGroup,\n  TextArea,\n  PanelStack2 as PanelStack, type Panel,\n  Menu, MenuDivider, MenuItem,\n  Spinner,\n  NonIdealState,\n} from '@blueprintjs/core';\n\nimport DL from '@riboseinc/paneron-extension-kit/widgets/DL';\nimport { ChangeRequestContext } from '../../change-request/ChangeRequestContext';\nimport { maybeEllipsizeString } from '../../util';\nimport type { Register, RegisterStakeholder } from '../../../types';\nimport { type SomeCR as CR } from '../../../types/cr';\nimport TransitionOptions, { isFinalState, getTransitions } from '../../change-request/TransitionOptions';\nimport Summary from '../../change-request/Summary';\nimport TransitionsAndStatus, { getTransitionHistory } from '../../change-request/TransitionHistory';\n\n\nexport const CurrentProposal: React.VoidFunctionComponent<{\n  proposal: CR\n  register: Register\n  stakeholder?: RegisterStakeholder\n}> = function ({ stakeholder, register, proposal }) {\n  const transitions = stakeholder\n    ? getTransitions(proposal, stakeholder)\n    : [];\n\n  return (\n    <>\n      <DL css={css`padding: 10px 12px 10px 12px; flex-grow: 1; flex-basis: max-content;`}>\n        <div>\n          <dt>Viewing&nbsp;proposal:</dt>\n          <dd css={css`max-height: 40px; overflow-y: auto;`}>\n            “{proposal.justification.trim() || '(justification N/A)'}”\n          </dd>\n        </div>\n        <Summary\n          cr={proposal}\n          currentStakeholder={stakeholder}\n          registerMetadata={register}\n        />\n      </DL>\n      <div css={css`overflow-y: auto; flex-basis: min-content;`}>\n        <TransitionsAndStatus\n          pastTransitions={getTransitionHistory(proposal)}\n          isFinal={isFinalState(proposal.state)}\n        />\n        {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    </>\n  );\n};\n\n\nexport const NewProposal: React.VoidFunctionComponent<{\n  register: Register\n  onCreateBlank?: (idea: string) => Promise<void>\n  className?: string\n}> = function ({ register, onCreateBlank, className }) {\n  const [ newProposalIdea, setNewProposalIdea ] = useState('');\n\n  const handleNewProposal = useCallback(async function handleNewProposal () {\n    if (newProposalIdea.trim()) {\n      await onCreateBlank?.(newProposalIdea);\n      setNewProposalIdea('');\n    } else {\n      throw new Error(\"Cannot create proposal: need some initial motivation for the change\");\n    }\n  }, [newProposalIdea, onCreateBlank]);\n\n  return (\n    <FormGroup\n        className={className}\n        css={css`overflow-y: auto;`}\n        label={<>Propose a change to version {register.version?.id ?? '(N/A)'}:</>}>\n      <ControlGroup vertical>\n        <TextArea\n          value={newProposalIdea ?? ''}\n          placeholder=\"Your idea…\"\n          title=\"Justification draft (you can change this later)\"\n          onChange={evt => setNewProposalIdea(evt.currentTarget.value)}\n        />\n        <Button\n            fill\n            intent={newProposalIdea ? 'primary': undefined}\n            disabled={!newProposalIdea.trim() || !onCreateBlank}\n            title=\"A blank proposal will be created and opened in a new tab.\"\n            onClick={handleNewProposal}\n            icon=\"tick\">\n          Create\n        </Button>\n      </ControlGroup>\n    </FormGroup>\n  );\n};\n\n\n/**\n * A list of menu items for given actionable proposals,\n * grouped by label.\n */\nconst ActionableProposalItems: React.VoidFunctionComponent<{\n  actionableProposals: [groupLabel: JSX.Element | string, proposals: CR[] | undefined][]\n  onSelect?: (proposalID: string) => void\n}> = function ActionableProposalItems ({ actionableProposals, onSelect }) {\n  return <>{\n    actionableProposals?.\n    filter(([, proposals]) => proposals && proposals.length > 0).\n    map(([groupLabel, proposals], idx) =>\n      <React.Fragment key={idx}>\n        <MenuDivider title={groupLabel} />\n        {proposals !== undefined && proposals.length > 0\n          ? proposals.map(cr =>\n              <ActionableProposalItem\n                cr={cr}\n                onClick={onSelect}\n              />)\n          : proposals === undefined\n            ? <MenuItem disabled text=\"Loading…\" icon={<Spinner />} />\n            : <MenuItem disabled text=\"No pending proposals\" icon=\"clean\" />}\n      </React.Fragment>)\n  }</>;\n};\n\n\nconst ActionableProposalItem: React.VoidFunctionComponent<{\n  cr: CR\n  onClick?: (crID: string) => void\n}> = function ({ cr, onClick }) {\n  const { changeRequest: activeCR } = useContext(ChangeRequestContext);\n  const selectedMenuItem = useRef<HTMLLIElement | null>(null);\n  const isActive = activeCR && cr.id === activeCR?.id\n    ? true\n    : false;\n  useEffect(() => {\n    selectedMenuItem.current?.scrollIntoView?.({ block: 'nearest' });\n  }, [isActive]);\n  const handleClick = useCallback(() => {\n    return onClick?.(cr.id);\n  }, [onClick, cr.id]);\n  return (\n    <MenuItem\n      key={cr.id}\n      elementRef={isActive ? selectedMenuItem : undefined}\n      selected={isActive}\n      active={isActive}\n      text={maybeEllipsizeString(cr.justification?.trim() || cr.id, 120)}\n      htmlTitle={cr.justification}\n      disabled={!onClick}\n      onClick={onClick ? handleClick : undefined}\n    />\n  );\n};\n\n\nexport const Proposals: React.VoidFunctionComponent<{\n  register: Register\n  actionableProposals?: [groupLabel: JSX.Element | string, proposals: CR[] | undefined][]\n  onCreate?: (idea: string | false) => Promise<void>\n  createMode?: boolean\n  onSelectProposal?: (id: string) => void\n  onRefreshProposals?: () => void\n  className?: string\n}> = function ({\n  register,\n  actionableProposals,\n  onCreate,\n  createMode,\n  onSelectProposal,\n  onRefreshProposals,\n  className,\n}) {\n  //const [creating, setCreating] = useState(false);\n  const hasActionable = (actionableProposals && actionableProposals.find(p => p[1] && p[1].length > 0));\n  const proposalMenuItems = useMemo(() => {\n    return hasActionable\n      ? <ActionableProposalItems\n          actionableProposals={actionableProposals ?? []}\n          onSelect={onSelectProposal}\n        />\n      : null;\n  }, [onSelectProposal, hasActionable, actionableProposals?.length]);\n\n  // return <Menu css={css`overflow-y: auto; background: none !important`} className={className}>\n  //   {proposalMenuItems}\n  // </Menu>\n\n  const stack: Panel<any>[] = useMemo(() => {\n    const stack = [];\n    const proposalMenu = proposalMenuItems\n      ? <Menu css={css`overflow-y: auto; background: none !important;`}>\n          {proposalMenuItems}\n        </Menu>\n      : null;\n    if (proposalMenu) {\n      stack.push({\n        title: createMode\n          ? \"Proposals\"\n          : <>\n              Proposals\n              {hasActionable\n                ? <>\n                    &nbsp;\n                    <Button\n                      minimal\n                      small\n                      onClick={onRefreshProposals}\n                      disabled={!onRefreshProposals}\n                      icon=\"refresh\"\n                    />\n                  </>\n                : null}\n            </>,\n        renderPanel: () => proposalMenu,\n      });\n    }\n    if (createMode) {\n      stack.push({\n        title: \"Start proposal\",\n        renderPanel: () =>\n          <NewProposal\n            onCreateBlank={onCreate}\n            register={register}\n            css={css`padding: 5px;`}\n          />,\n      });\n    }\n    return stack;\n  }, [\n    onCreate, createMode,\n    onRefreshProposals,\n    register, proposalMenuItems,\n  ]);\n\n  return <PanelStack\n    css={css`flex: 1; .bp4-panel-stack-view { background: none; }`}\n    className={className}\n    onClose={() => onCreate?.(false)}\n    stack={stack.length > 0\n      ? stack\n      : [{ title: '', renderPanel: () => <NonIdealState title=\"Nothing to show\" /> }]}\n  />;\n};\n"]}
+{"version":3,"file":"Proposal.js","sourceRoot":"","sources":["../../../../src/views/detail/RegisterHome/Proposal.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,KAAK,EAAE,EACZ,QAAQ,EACR,UAAU,EACV,MAAM,EACN,SAAS,EACT,WAAW,EACX,OAAO,GACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,MAAM,EACN,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,WAAW,IAAI,UAAU,EACzB,IAAI,EAAE,WAAW,EAAE,QAAQ,EAC3B,OAAO,EACP,aAAa,GACd,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAKlD,MAAM,WAAW,GAIZ,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE;;IACnD,MAAM,CAAE,eAAe,EAAE,kBAAkB,CAAE,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7D,MAAM,iBAAiB,GAAG,WAAW,CAAC,KAAK,UAAU,iBAAiB;QACpE,IAAI,eAAe,CAAC,IAAI,EAAE,EAAE;YAC1B,MAAM,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,eAAe,CAAC,CAAA,CAAC;YACvC,kBAAkB,CAAC,EAAE,CAAC,CAAC;SACxB;aAAM;YACL,MAAM,IAAI,KAAK,CAAC,qEAAqE,CAAC,CAAC;SACxF;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC,CAAC;IAErC,OAAO,CACL,IAAC,SAAS,IACN,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,CAAA,mBAAmB,EAC3B,KAAK,EAAE;4CAA+B,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,EAAE,mCAAI,OAAO;gBAAK;QAC5E,IAAC,YAAY,IAAC,QAAQ;YACpB,IAAC,QAAQ,IACP,KAAK,EAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,EAAE,EAC5B,WAAW,EAAC,iBAAY,EACxB,KAAK,EAAC,iDAAiD,EACvD,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,kBAAkB,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,GAC5D;YACF,IAAC,MAAM,IACH,IAAI,QACJ,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAA,CAAC,CAAC,SAAS,EAC9C,QAAQ,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,aAAa,EACnD,KAAK,EAAC,2DAA2D,EACjE,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAC,MAAM,aAEN,CACI,CACL,CACb,CAAC;AACJ,CAAC,CAAC;AAGF;;;GAGG;AACH,MAAM,uBAAuB,GAGxB,SAAS,uBAAuB,CAAE,EAAE,mBAAmB,EAAE,QAAQ,EAAE;IACtE,OAAO,0BACL,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CACnB,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,EAAE,EAAE,CAAC,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAC3D,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,EAAE,CACnC,IAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,GAAG;QACtB,IAAC,WAAW,IAAC,KAAK,EAAE,UAAU,GAAI;QACjC,SAAS,KAAK,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC;YAC9C,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CACjB,IAAC,sBAAsB,IACrB,GAAG,EAAE,EAAE,CAAC,EAAE,EACV,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,QAAQ,GACjB,CAAC;YACP,CAAC,CAAC,SAAS,KAAK,SAAS;gBACvB,CAAC,CAAC,IAAC,QAAQ,IAAC,QAAQ,QAAC,IAAI,EAAC,eAAU,EAAC,IAAI,EAAE,IAAC,OAAO,OAAG,GAAI;gBAC1D,CAAC,CAAC,IAAC,QAAQ,IAAC,QAAQ,QAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrD,CAAC,CAClB,CAAC;AACP,CAAC,CAAC;AAGF,MAAM,sBAAsB,GAGvB,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE;;IAC5B,sCAAsC;IACtC,8DAA8D;IAC9D,kEAAkE;IAClE,4BAA4B;IAC5B,2DAA2D;IAC3D,oDAAoD;IACpD,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrE,MAAM,gBAAgB,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,QAAQ,IAAI,EAAE,CAAC,EAAE,MAAK,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,EAAE,CAAA;QACjD,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,KAAK,CAAC;IACV,SAAS,CAAC,GAAG,EAAE;;QACb,MAAA,MAAA,gBAAgB,CAAC,OAAO,0CAAE,cAAc,mDAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACnE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACrB,OAAO,CACL,IAAC,QAAQ,IACP,GAAG,EAAE,EAAE,CAAC,EAAE,EACV,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,EACnD,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,QAAQ,EAChB,IAAI,EAAE,oBAAoB,CAAC,CAAA,MAAA,EAAE,CAAC,aAAa,0CAAE,IAAI,EAAE,KAAI,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,EAClE,SAAS,EAAE,EAAE,CAAC,aAAa,EAC3B,QAAQ,EAAE,CAAC,OAAO,EAClB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,GAC1C,CACH,CAAC;AACJ,CAAC,CAAC;AAGF,MAAM,CAAC,MAAM,SAAS,GAQjB,UAAU,EACb,QAAQ,EACR,mBAAmB,EACnB,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,SAAS,GACV;IACC,kDAAkD;IAClD,MAAM,aAAa,GAAG,CAAC,mBAAmB,IAAI,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;IACtG,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,aAAa;YAClB,CAAC,CAAC,IAAC,uBAAuB,IACtB,mBAAmB,EAAE,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,EAAE,EAC9C,QAAQ,EAAE,gBAAgB,GAC1B;YACJ,CAAC,CAAC,IAAI,CAAC;IACX,CAAC,EAAE,CAAC,gBAAgB,EAAE,aAAa,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAE3D,+FAA+F;IAC/F,wBAAwB;IACxB,UAAU;IAEV,MAAM,KAAK,GAAiB,OAAO,CAAC,GAAG,EAAE;QACvC,MAAM,KAAK,GAAG,EAAE,CAAC;QACjB,MAAM,YAAY,GAAG,iBAAiB;YACpC,CAAC,CAAC,IAAC,IAAI,IAAC,GAAG,EAAE,GAAG,CAAA,gDAAgD,IAC3D,iBAAiB,CACb;YACT,CAAC,CAAC,IAAI,CAAC;QACT,IAAI,YAAY,EAAE;YAChB,KAAK,CAAC,IAAI,CAAC;gBACT,KAAK,EAAE,UAAU;oBACf,CAAC,CAAC,WAAW;oBACb,CAAC,CAAC;;wBAEG,aAAa;4BACZ,CAAC,CAAC;;gCAEE,IAAC,MAAM,IACL,OAAO,QACP,KAAK,QACL,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,CAAC,kBAAkB,EAC7B,IAAI,EAAC,SAAS,GACd,CACD;4BACL,CAAC,CAAC,IAAI,CACP;gBACP,WAAW,EAAE,GAAG,EAAE,CAAC,YAAY;aAChC,CAAC,CAAC;SACJ;QACD,IAAI,UAAU,EAAE;YACd,KAAK,CAAC,IAAI,CAAC;gBACT,KAAK,EAAE,gBAAgB;gBACvB,WAAW,EAAE,GAAG,EAAE,CAChB,IAAC,WAAW,IACV,aAAa,EAAE,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,CAAA,eAAe,GACvB;aACL,CAAC,CAAC;SACJ;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE;QACD,QAAQ,EAAE,UAAU;QACpB,kBAAkB;QAClB,QAAQ,EAAE,iBAAiB;KAC5B,CAAC,CAAC;IAEH,OAAO,IAAC,UAAU,IAChB,GAAG,EAAE,GAAG,CAAA,sDAAsD,EAC9D,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,EAChC,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC;YACrB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,IAAC,aAAa,IAAC,KAAK,EAAC,iBAAiB,GAAG,EAAE,CAAC,GACjF,CAAC;AACL,CAAC,CAAC;AAGF,sDAAsD;AACtD,iBAAiB;AACjB,uBAAuB;AACvB,sCAAsC;AACtC,wBAAwB;AACxB,4CAA4C;AAC5C,wBAAwB;AACxB,uBAAuB;AACvB,gGAAgG;AAChG,+FAA+F;AAC/F,aAAa;AACb,qDAAqD;AACrD,+BAA+B;AAC/B,iCAAiC;AACjC,+BAA+B;AAC/B,6BAA6B;AAC7B,aAAa;AACb,kBAAkB;AAClB,aAAa;AACb,gDAAgD;AAChD,+BAA+B;AAC/B,iCAAiC;AACjC,4BAA4B;AAC5B,8BAA8B;AAC9B,aAAa;AACb,cAAc;AACd,GAAG;AACH,mBAAmB;AACnB,kCAAkC;AAClC,yBAAyB;AACzB,uBAAuB;AACvB,QAAQ;AACR,iDAAiD;AACjD,0BAA0B;AAC1B,sBAAsB;AACtB,uBAAuB;AACvB,mCAAmC;AACnC,iCAAiC;AACjC,0BAA0B;AAC1B,0BAA0B;AAC1B,qBAAqB;AACrB,uBAAuB;AACvB,iCAAiC;AACjC,2BAA2B;AAC3B,4BAA4B;AAC5B,4BAA4B;AAC5B,4CAA4C;AAC5C,qDAAqD;AACrD,yBAAyB;AACzB,qBAAqB;AACrB,eAAe;AACf,uDAAuD;AACvD,yBAAyB;AACzB,2CAA2C;AAC3C,4EAA4E;AAC5E,iCAAiC;AACjC,gCAAgC;AAChC,kCAAkC;AAClC,yBAAyB;AACzB,mDAAmD;AACnD,0BAA0B;AAC1B,2BAA2B;AAC3B,uBAAuB;AACvB,UAAU;AACV,uDAAuD;AACvD,yBAAyB;AACzB,qCAAqC;AACrC,+BAA+B;AAC/B,+CAA+C;AAC/C,4BAA4B;AAC5B,mDAAmD;AACnD,0BAA0B;AAC1B,2BAA2B;AAC3B,uBAAuB;AACvB,UAAU;AACV,QAAQ;AACR,sBAAsB;AACtB,6FAA6F;AAC7F,GAAG;AACH,aAAa;AACb,iBAAiB;AACjB,yBAAyB;AACzB,iCAAiC;AACjC,2CAA2C;AAC3C,kBAAkB;AAClB,yBAAyB;AACzB,wCAAwC;AACxC,wBAAwB;AACxB,WAAW;AACX,iBAAiB;AACjB,oBAAoB;AACpB,+BAA+B;AAC/B,sBAAsB;AACtB,kCAAkC;AAClC,sDAAsD;AACtD,kDAAkD;AAClD,WAAW;AACX,uCAAuC;AACvC,SAAS;AACT,OAAO;AACP,KAAK;AACL,iCAAiC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, {\n  useState,\n  useContext,\n  useRef,\n  useEffect,\n  useCallback,\n  useMemo,\n} from 'react';\nimport { jsx, css } from '@emotion/react';\nimport {\n  Button,\n  FormGroup,\n  ControlGroup,\n  TextArea,\n  PanelStack2 as PanelStack, type Panel,\n  Menu, MenuDivider, MenuItem,\n  Spinner,\n  NonIdealState,\n} from '@blueprintjs/core';\n\nimport { ChangeRequestContext } from '../../change-request/ChangeRequestContext';\nimport { maybeEllipsizeString } from '../../util';\nimport type { Register } from '../../../types';\nimport { type SomeCR as CR } from '../../../types/cr';\n\n\nconst NewProposal: React.VoidFunctionComponent<{\n  register: Register\n  onCreateBlank?: (idea: string) => Promise<void>\n  className?: string\n}> = function ({ register, onCreateBlank, className }) {\n  const [ newProposalIdea, setNewProposalIdea ] = useState('');\n\n  const handleNewProposal = useCallback(async function handleNewProposal () {\n    if (newProposalIdea.trim()) {\n      await onCreateBlank?.(newProposalIdea);\n      setNewProposalIdea('');\n    } else {\n      throw new Error(\"Cannot create proposal: need some initial motivation for the change\");\n    }\n  }, [newProposalIdea, onCreateBlank]);\n\n  return (\n    <FormGroup\n        className={className}\n        css={css`overflow-y: auto;`}\n        label={<>Propose a change to version {register.version?.id ?? '(N/A)'}:</>}>\n      <ControlGroup vertical>\n        <TextArea\n          value={newProposalIdea ?? ''}\n          placeholder=\"Your idea…\"\n          title=\"Justification draft (you can change this later)\"\n          onChange={evt => setNewProposalIdea(evt.currentTarget.value)}\n        />\n        <Button\n            fill\n            intent={newProposalIdea ? 'primary': undefined}\n            disabled={!newProposalIdea.trim() || !onCreateBlank}\n            title=\"A blank proposal will be created and opened in a new tab.\"\n            onClick={handleNewProposal}\n            icon=\"tick\">\n          Create\n        </Button>\n      </ControlGroup>\n    </FormGroup>\n  );\n};\n\n\n/**\n * A list of menu items for given actionable proposals,\n * grouped by label.\n */\nconst ActionableProposalItems: React.VoidFunctionComponent<{\n  actionableProposals: [groupLabel: JSX.Element | string, proposals: CR[] | undefined][]\n  onSelect?: (proposalID: string) => void\n}> = function ActionableProposalItems ({ actionableProposals, onSelect }) {\n  return <>{\n    actionableProposals?.\n    filter(([, proposals]) => proposals && proposals.length > 0).\n    map(([groupLabel, proposals], idx) =>\n      <React.Fragment key={idx}>\n        <MenuDivider title={groupLabel} />\n        {proposals !== undefined && proposals.length > 0\n          ? proposals.map(cr =>\n              <ActionableProposalItem\n                key={cr.id}\n                cr={cr}\n                onClick={onSelect}\n              />)\n          : proposals === undefined\n            ? <MenuItem disabled text=\"Loading…\" icon={<Spinner />} />\n            : <MenuItem disabled text=\"No pending proposals\" icon=\"clean\" />}\n      </React.Fragment>)\n  }</>;\n};\n\n\nconst ActionableProposalItem: React.VoidFunctionComponent<{\n  cr: CR\n  onClick?: (crID: string) => void\n}> = function ({ cr, onClick }) {\n  // TODO: Try to avoid useContext here.\n  // Originally activeCR was passed via prop, need to try again.\n  // Switch to context was done to avoid rerendering the entire list\n  // & losing scroll position.\n  // We want(?) active CR to determine if this item is active\n  // and keep it in viewport after user switches back.\n  const { changeRequest: activeCR } = useContext(ChangeRequestContext);\n  const selectedMenuItem = useRef<HTMLLIElement | null>(null);\n  const isActive = activeCR && cr.id === activeCR?.id\n    ? true\n    : false;\n  useEffect(() => {\n    selectedMenuItem.current?.scrollIntoView?.({ block: 'nearest' });\n  }, [isActive]);\n  const handleClick = useCallback(() => {\n    return onClick?.(cr.id);\n  }, [onClick, cr.id]);\n  return (\n    <MenuItem\n      key={cr.id}\n      elementRef={isActive ? selectedMenuItem : undefined}\n      selected={isActive}\n      active={isActive}\n      text={maybeEllipsizeString(cr.justification?.trim() || cr.id, 120)}\n      htmlTitle={cr.justification}\n      disabled={!onClick}\n      onClick={onClick ? handleClick : undefined}\n    />\n  );\n};\n\n\nexport const Proposals: React.VoidFunctionComponent<{\n  register: Register\n  actionableProposals?: [groupLabel: JSX.Element | string, proposals: CR[] | undefined][]\n  onCreate?: (idea: string | false) => Promise<void>\n  createMode?: boolean\n  onSelectProposal?: (id: string) => void\n  onRefreshProposals?: () => void\n  className?: string\n}> = function ({\n  register,\n  actionableProposals,\n  onCreate,\n  createMode,\n  onSelectProposal,\n  onRefreshProposals,\n  className,\n}) {\n  //const [creating, setCreating] = useState(false);\n  const hasActionable = (actionableProposals && actionableProposals.find(p => p[1] && p[1].length > 0));\n  const proposalMenuItems = useMemo(() => {\n    return hasActionable\n      ? <ActionableProposalItems\n          actionableProposals={actionableProposals ?? []}\n          onSelect={onSelectProposal}\n        />\n      : null;\n  }, [onSelectProposal, hasActionable, actionableProposals]);\n\n  // return <Menu css={css`overflow-y: auto; background: none !important`} className={className}>\n  //   {proposalMenuItems}\n  // </Menu>\n\n  const stack: Panel<any>[] = useMemo(() => {\n    const stack = [];\n    const proposalMenu = proposalMenuItems\n      ? <Menu css={css`overflow-y: auto; background: none !important;`}>\n          {proposalMenuItems}\n        </Menu>\n      : null;\n    if (proposalMenu) {\n      stack.push({\n        title: createMode\n          ? \"Proposals\"\n          : <>\n              Proposals\n              {hasActionable\n                ? <>\n                    &nbsp;\n                    <Button\n                      minimal\n                      small\n                      onClick={onRefreshProposals}\n                      disabled={!onRefreshProposals}\n                      icon=\"refresh\"\n                    />\n                  </>\n                : null}\n            </>,\n        renderPanel: () => proposalMenu,\n      });\n    }\n    if (createMode) {\n      stack.push({\n        title: \"Start proposal\",\n        renderPanel: () =>\n          <NewProposal\n            onCreateBlank={onCreate}\n            register={register}\n            css={css`padding: 5px;`}\n          />,\n      });\n    }\n    return stack;\n  }, [\n    onCreate, createMode,\n    onRefreshProposals,\n    register, proposalMenuItems,\n  ]);\n\n  return <PanelStack\n    css={css`flex: 1; .bp4-panel-stack-view { background: none; }`}\n    className={className}\n    onClose={() => onCreate?.(false)}\n    stack={stack.length > 0\n      ? stack\n      : [{ title: '', renderPanel: () => <NonIdealState title=\"Nothing to show\" /> }]}\n  />;\n};\n\n\n//1const ProposalsBlock: React.VoidFunctionComponent<{\n//1  proposal: CR\n//1  register: Register\n//1  stakeholder?: RegisterStakeholder\n//1  canDelete?: boolean\n//1  onDelete?: () => (void | Promise<void>)\n//1  onOpen?: () => void\n//1  className?: string\n//1}> = function ({ proposal, stakeholder, register, onDelete, onOpen, canDelete, className }) {\n//1  const actions: MenuItemProps[] = stakeholder && canBeTransitionedBy(stakeholder, proposal)\n//1    ? [/*{\n//1        // Action is taken from within the widget.\n//1        text: \"Take action\",\n//1        onClick: () => void 0,\n//1        icon: 'take-action',\n//1        intent: 'primary',\n//1      }*/]\n//1    : canDelete\n//1      ? [{\n//1          text: \"Delete this proposal draft\",\n//1          onClick: onDelete,\n//1          disabled: !onDelete,\n//1          icon: 'delete',\n//1          intent: 'danger',\n//1        }]\n//1      : [];\n//1\n//1  actions.push({\n//1    text: \"Open in new window\",\n//1    disabled: !onOpen,\n//1    onClick: onOpen,\n//1  });\n//1  const proposalBlockActions = useMemo(() => {\n//1    const actions = [];\n//1    if (activeCR) {\n//1      actions.push({\n//1        text: \"Export proposal\",\n//1        onClick: () => void 0,\n//1        icon: 'export',\n//1        disabled: true,\n//1      } as const);\n//1      actions.push({\n//1        text: \"Exit proposal\",\n//1        icon: 'log-out',\n//1        intent: 'danger',\n//1        disabled: isBusy,\n//1        onClick: setActiveChangeRequestID\n//1          ? () => setActiveChangeRequestID?.(null)\n//1          : undefined,\n//1      } as const);\n//1    } else {\n//1      if (stakeholder && canCreateCR(stakeholder)) {\n//1        actions.push({\n//1          text: \"Create blank proposal\",\n//1          onClick: !createMode ? (() => setCreateMode(true)) : undefined,\n//1          disabled: !createCR,\n//1          active: createMode,\n//1          selected: createMode,\n//1          icon: 'add',\n//1          intent: actionableProposals.length < 1\n//1            ? 'primary'\n//1            : undefined,\n//1        } as const);\n//1      }\n//1      if (stakeholder && canImportCR(stakeholder)) {\n//1        actions.push({\n//1          text: \"Import proposal\",\n//1          onClick: importCR,\n//1          disabled: !importCR || createMode,\n//1          icon: 'import',\n//1          intent: actionableProposals.length < 1\n//1            ? 'primary'\n//1            : undefined,\n//1        } as const);\n//1      }\n//1    }\n//1    return actions;\n//1  }, [!activeCR, createMode, importCR, createCR, isBusy, actionableProposals.length < 1]);\n//1\n//1  return (\n//1    <HomeBlock\n//1      View={Proposals}\n//1      key=\"proposal dashboard\"\n//1      description=\"Actionable proposals\"\n//1      css={css`\n//1        height: 300px;\n//1        flex-basis: calc(50% - 10px);\n//1        flex-grow: 1;\n//1      `}\n//1      props={{\n//1        register,\n//1        actionableProposals,\n//1        createMode,\n//1        onCreate: handleCreate,\n//1        onRefreshProposals: handleRefreshProposals,\n//1        onSelectProposal: handleSelectProposal,\n//1      }}\n//1      actions={proposalBlockActions}\n//1    />\n//1  );\n//1};\n//1export default ProposalsBlock;\n"]}