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

package/views/detail/ChangeRequest/index.js

@@ -0,0 +1,207 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _context = require("@riboseinc/paneron-extension-kit/context");
+
+var _HelpTooltip = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/HelpTooltip"));
+
+var _BrowserCtx = require("../../BrowserCtx");
+
+var _itemPathUtils = require("../../itemPathUtils");
+
+var _ChangeRequestContext = require("../../change-request/ChangeRequestContext");
+
+var _Proposals = _interopRequireDefault(require("../../change-request/Proposals"));
+
+var _cr = require("../../../types/cr");
+
+var _RegisterStakeholder = require("../../RegisterStakeholder");
+
+var _util = require("../../util");
+
+var _transitions = require("./transitions");
+
+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 View = function ({
+  uri
+}) {
+  const crID = (0, _itemPathUtils.crPathToCRID)(uri);
+  return (0, _react2.jsx)(_ChangeRequestContext.ChangeRequestContextProvider, {
+    changeRequestID: crID
+  }, (0, _react2.jsx)(ChangeRequestDetails, {
+    css: (0, _react2.css)`
+        position: absolute;
+        inset: 0;
+        overflow-y: auto;
+      `
+  }));
+};
+
+const ChangeRequestDetails = function ({
+  className
+}) {
+  const {
+    changeRequest: cr,
+    canEdit
+  } = (0, _react.useContext)(_ChangeRequestContext.ChangeRequestContext);
+  const {
+    registerMetadata,
+    stakeholder,
+    activeChangeRequestID,
+    setActiveChangeRequestID
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+  const helmet = (0, _react2.jsx)(_util.RegisterHelmet, null, (0, _react2.jsx)("title", null, "Viewing proposal: ", (cr === null || cr === void 0 ? void 0 : cr.justification) ?? "N/A"));
+
+  if (cr) {
+    var _registerMetadata$ver, _registerMetadata$ver2, _cr$state;
+
+    const isActive = activeChangeRequestID === cr.id;
+    const anotherIsActive = activeChangeRequestID && activeChangeRequestID !== cr.id;
+    const canTransition = stakeholder && (0, _transitions.getTransitions)(cr, stakeholder).length > 0;
+    const crStakeholder = ((registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.stakeholders) ?? []).find(s => s.gitServerUsername === cr.submittingStakeholderGitServerUsername);
+    return (0, _react2.jsx)(_util.TabContentsWithActions, {
+      className: className,
+      actions: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_core.FormGroup, {
+        inline: true,
+        labelInfo: (0, _react2.jsx)(_HelpTooltip.default, {
+          icon: 'info-sign',
+          content: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_core.UL, null, (0, _react2.jsx)("li", null, "Proposal ID: ", cr.id)))
+        }),
+        label: (0, _react2.jsx)("strong", null, "Proposal"),
+        css: (0, _react2.css)`margin: 0; .bp4-form-content { display: flex; flex-flow: row wrap; gap: 10px; }`
+      }, (0, _react2.jsx)(CRActivation, {
+        isActive: isActive,
+        htmlTitle: anotherIsActive ? "You are in another proposal so you can’t enter this one. " : canEdit && !isActive ? "Enter proposal to preview or add to proposed changes. " : !isActive ? "Enter proposal to preview the register as proposed." : "You’re previewing the register with this proposal applied.",
+        onChangeActiveStatus: !anotherIsActive && setActiveChangeRequestID ? active => active ? setActiveChangeRequestID === null || setActiveChangeRequestID === void 0 ? void 0 : setActiveChangeRequestID(cr.id) : setActiveChangeRequestID === null || setActiveChangeRequestID === void 0 ? void 0 : setActiveChangeRequestID(null) : undefined
+      }))),
+      main: (0, _react2.jsx)("div", {
+        css: (0, _react2.css)`
+                display: flex;
+                flex-flow: row wrap;
+                padding: 10px;
+                gap: 10px;
+                align-content: flex-start;
+                align-items: flex-start;
+              `,
+        className: className
+      }, helmet, (0, _react2.jsx)(_core.Card, {
+        elevation: 0,
+        css: (0, _react2.css)`
+              flex: 100%;
+              background: ${_core.Colors.LIGHT_GRAY3};
+              padding: 11px;
+              display: flex;
+              min-height: 70vh;
+            `
+      }, (0, _react2.jsx)(_Proposals.default, {
+        proposals: cr.items,
+        css: (0, _react2.css)`flex: 1;`
+      })), (0, _react2.jsx)(_core.Card, {
+        elevation: 1,
+        css: (0, _react2.css)`flex: 30%; padding: 11px;`
+      }, crStakeholder ? (0, _react2.jsx)("div", null, "Author: ", (0, _react2.jsx)(_RegisterStakeholder.RegisterStakeholderListItem, {
+        stakeholder: crStakeholder,
+        isCurrentUser: cr.submittingStakeholderGitServerUsername === (stakeholder === null || stakeholder === void 0 ? void 0 : stakeholder.gitServerUsername) ? true : undefined
+      })) : null, (0, _react2.jsx)(_core.Divider, null), (0, _react2.jsx)("div", null, "To register version: ", (0, _react2.jsx)("strong", null, cr.registerVersion ?? 'N/A'), " ", cr.registerVersion === (registerMetadata === null || registerMetadata === void 0 ? void 0 : (_registerMetadata$ver = registerMetadata.version) === null || _registerMetadata$ver === void 0 ? void 0 : _registerMetadata$ver.id) ? (0, _react2.jsx)(_core.Tag, {
+        css: (0, _react2.css)`display: inline;`,
+        intent: 'success',
+        minimal: true,
+        round: true
+      }, "current") : (0, _react2.jsx)(_core.Tag, {
+        css: (0, _react2.css)`display: inline;`,
+        intent: 'warning',
+        minimal: true,
+        round: true
+      }, "not current", " ", (0, _react2.jsx)(_HelpTooltip.default, {
+        intent: 'warning',
+        icon: 'warning-sign',
+        content: (0, _react2.jsx)(_react.default.Fragment, null, "Register is currently at version ", (0, _react2.jsx)("strong", null, (registerMetadata === null || registerMetadata === void 0 ? void 0 : (_registerMetadata$ver2 = registerMetadata.version) === null || _registerMetadata$ver2 === void 0 ? void 0 : _registerMetadata$ver2.id) ?? 'N/A'), ",", " ", "which is different from version proposal author may have had in mind.", " ", "It is recommended that proposed changes are reviewed to avoid unintentionally", " ", "undoing a prior change.")
+      }))), (0, _react2.jsx)(_core.Divider, null), (0, _react2.jsx)("div", null, "Edited: ", (0, _react2.jsx)(_util.Datestamp, {
+        date: cr.timeEdited
+      })), (0, _react2.jsx)(_core.Divider, null), (0, _react2.jsx)("div", null, "Proposed: ", (0, _cr.hadBeenProposed)(cr) ? (0, _react2.jsx)(_util.Datestamp, {
+        date: cr.timeProposed
+      }) : 'not yet'), (0, _react2.jsx)(_core.Divider, null), (0, _react2.jsx)("div", null, "Disposed: ", (0, _cr.isDisposed)(cr) ? (0, _react2.jsx)(_util.Datestamp, {
+        date: cr.timeDisposed
+      }) : 'not yet'), (0, _react2.jsx)(_core.Divider, null), (0, _react2.jsx)(_core.H5, null, ((_cr$state = cr.state) === null || _cr$state === void 0 ? void 0 : _cr$state.replaceAll('-', ' ')) || 'N/A')), (0, _react2.jsx)(_core.Card, {
+        elevation: 1,
+        css: (0, _react2.css)`flex: 30%; padding: 11px;`
+      }, (0, _transitions.getPastTransitions)(cr).map(([key, el], idx) => (0, _react2.jsx)(_react.default.Fragment, {
+        key: key
+      }, idx !== 0 ? (0, _react2.jsx)(_core.Divider, null) : null, (0, _react2.jsx)(_core.FormGroup, {
+        label: `${key}:`
+      }, (0, _react2.jsx)("div", {
+        css: (0, _react2.css)`white-space: pre-wrap;`,
+        className: _core.Classes.RUNNING_TEXT
+      }, el))))), canTransition ? (0, _react2.jsx)(_core.Card, {
+        elevation: 3,
+        css: (0, _react2.css)`flex: 30%; padding: 11px;`
+      }, (0, _react2.jsx)(_transitions.TransitionOptions, {
+        cr: cr
+      })) : null)
+    });
+  } else {
+    return (0, _react2.jsx)(_core.NonIdealState, {
+      icon: (0, _react2.jsx)(_core.Spinner, null),
+      className: className,
+      description: helmet
+    });
+  }
+};
+
+const CRActivation = function ({
+  isActive,
+  htmlTitle,
+  labels,
+  onChangeActiveStatus
+}) {
+  return onChangeActiveStatus && isActive ? (0, _react2.jsx)(_core.Button, {
+    title: htmlTitle,
+    intent: "warning",
+    disabled: !onChangeActiveStatus,
+    onClick: () => onChangeActiveStatus === null || onChangeActiveStatus === void 0 ? void 0 : onChangeActiveStatus(false)
+  }, (labels === null || labels === void 0 ? void 0 : labels.deactivate) ?? "Exit proposal") : (0, _react2.jsx)(_core.Button, {
+    title: htmlTitle,
+    intent: onChangeActiveStatus ? 'primary' : undefined,
+    disabled: !onChangeActiveStatus,
+    onClick: () => onChangeActiveStatus === null || onChangeActiveStatus === void 0 ? void 0 : onChangeActiveStatus(true)
+  }, (labels === null || labels === void 0 ? void 0 : labels.activate) ?? "Enter proposal");
+};
+
+const CRTitle = function ({
+  uri
+}) {
+  var _useObjectData$value$, _useObjectData$value$2;
+
+  const {
+    useObjectData
+  } = (0, _react.useContext)(_context.DatasetContext);
+  const justification = (_useObjectData$value$ = useObjectData({
+    objectPaths: [uri]
+  }).value.data) === null || _useObjectData$value$ === void 0 ? void 0 : (_useObjectData$value$2 = _useObjectData$value$[uri]) === null || _useObjectData$value$2 === void 0 ? void 0 : _useObjectData$value$2.justification;
+  return (0, _react2.jsx)(_react.default.Fragment, null, "Proposal \u201C", (0, _util.maybeEllipsizeString)(justification ?? uri), "\u201D");
+};
+
+var _default = {
+  main: View,
+  title: CRTitle,
+  plainTitle: async uri => `proposal ${uri}`
+};
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/detail/ChangeRequest/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport {\n  Button,\n  Card,\n  FormGroup,\n  Colors,\n  NonIdealState,\n  Spinner,\n  H5,\n  UL,\n  Tag,\n  Divider,\n  Classes,\n} from '@blueprintjs/core';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport HelpTooltip from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';\nimport { BrowserCtx } from '../../BrowserCtx';\nimport { crPathToCRID } from '../../itemPathUtils';\nimport {\n  ChangeRequestContextProvider,\n  ChangeRequestContext,\n} from '../../change-request/ChangeRequestContext';\nimport Proposals from '../../change-request/Proposals';\nimport { hadBeenProposed, isDisposed } from '../../../types/cr';\nimport { RegisterStakeholderListItem } from '../../RegisterStakeholder';\nimport {\n  TabContentsWithActions,\n  RegisterHelmet as Helmet,\n  maybeEllipsizeString,\n  Datestamp,\n} from '../../util';\nimport { TransitionOptions, getPastTransitions, getTransitions } from './transitions';\n\n\nconst View: React.FC<{ uri: string }> = function ({ uri }) {\n  const crID = crPathToCRID(uri);\n\n  return (\n    <ChangeRequestContextProvider changeRequestID={crID}>\n      <ChangeRequestDetails css={css`\n        position: absolute;\n        inset: 0;\n        overflow-y: auto;\n      `} />\n    </ChangeRequestContextProvider>\n  );\n};\n\n\nconst ChangeRequestDetails:\nReact.VoidFunctionComponent<{ className?: string }> =\nfunction ({ className }) {\n  const { changeRequest: cr, canEdit } = useContext(ChangeRequestContext);\n  const {\n    registerMetadata,\n    stakeholder,\n    activeChangeRequestID,\n    setActiveChangeRequestID,\n  } = useContext(BrowserCtx);\n\n  const helmet = \n    <Helmet>\n      <title>Viewing proposal: {cr?.justification ?? \"N/A\"}</title>\n    </Helmet>;\n\n  if (cr) {\n    const isActive = activeChangeRequestID === cr.id;\n    const anotherIsActive = activeChangeRequestID && activeChangeRequestID !== cr.id;\n    const canTransition = stakeholder && getTransitions(cr, stakeholder).length > 0;\n\n    const crStakeholder = (registerMetadata?.stakeholders ?? []).\n      find(s => s.gitServerUsername === cr.submittingStakeholderGitServerUsername);\n\n    return (\n      <TabContentsWithActions\n        className={className}\n        actions={<>\n          <FormGroup\n              inline\n              labelInfo={<HelpTooltip\n                icon='info-sign'\n                content={<>\n                  <UL>\n                    <li>Proposal ID: {cr.id}</li>\n                  </UL>\n                </>}\n              />}\n              label={<strong>Proposal</strong>}\n              css={css`margin: 0; .bp4-form-content { display: flex; flex-flow: row wrap; gap: 10px; }`}>\n            <CRActivation\n              isActive={isActive}\n              htmlTitle={anotherIsActive\n              ? \"You are in another proposal so you can’t enter this one. \"\n              : canEdit && !isActive\n                ? \"Enter proposal to preview or add to proposed changes. \"\n                : !isActive\n                  ? \"Enter proposal to preview the register as proposed.\"\n                  : \"You’re previewing the register with this proposal applied.\"}\n              onChangeActiveStatus={!anotherIsActive && setActiveChangeRequestID\n                ? ((active) => active\n                    ? setActiveChangeRequestID?.(cr.id)\n                    : setActiveChangeRequestID?.(null)\n                  )\n                : undefined}\n            />\n          </FormGroup>\n        </>}\n        main={\n          <div\n              css={css`\n                display: flex;\n                flex-flow: row wrap;\n                padding: 10px;\n                gap: 10px;\n                align-content: flex-start;\n                align-items: flex-start;\n              `}\n              className={className}>\n            {helmet}\n\n            <Card elevation={0} css={css`\n              flex: 100%;\n              background: ${Colors.LIGHT_GRAY3};\n              padding: 11px;\n              display: flex;\n              min-height: 70vh;\n            `}>\n              <Proposals\n                proposals={cr.items}\n                css={css`flex: 1;`}\n              />\n            </Card>\n\n            <Card elevation={1} css={css`flex: 30%; padding: 11px;`}>\n\n              {crStakeholder\n                ? <div>\n                    Author: <RegisterStakeholderListItem\n                      stakeholder={crStakeholder}\n                      isCurrentUser={cr.submittingStakeholderGitServerUsername === stakeholder?.gitServerUsername\n                        ? true\n                        : undefined}\n                    />\n                  </div>\n                : null}\n\n              <Divider />\n              <div>\n                To register version: <strong>{cr.registerVersion ?? 'N/A'}</strong>\n                {\" \"}\n                {cr.registerVersion === registerMetadata?.version?.id\n                  ? <Tag css={css`display: inline;`} intent='success' minimal round>current</Tag>\n                  : <Tag css={css`display: inline;`} intent='warning' minimal round>\n                      not current\n                      {\" \"}\n                      <HelpTooltip intent='warning' icon='warning-sign' content={<>\n                        Register is currently at version <strong>{registerMetadata?.version?.id ?? 'N/A'}</strong>,\n                        {\" \"}\n                        which is different from version proposal author may have had in mind.\n                        {\" \"}\n                        It is recommended that proposed changes are reviewed to avoid unintentionally\n                        {\" \"}\n                        undoing a prior change.\n                      </>} />\n                    </Tag>}\n              </div>\n              <Divider />\n              <div>Edited: <Datestamp date={cr.timeEdited} /></div>\n              <Divider />\n              <div>Proposed: {hadBeenProposed(cr) ? <Datestamp date={cr.timeProposed} /> : 'not yet'}</div>\n              <Divider />\n              <div>Disposed: {isDisposed(cr) ? <Datestamp date={cr.timeDisposed} /> : 'not yet'}</div>\n              <Divider />\n\n              <H5>\n                {cr.state?.replaceAll('-', ' ') || 'N/A'}\n              </H5>\n            </Card>\n\n            <Card elevation={1} css={css`flex: 30%; padding: 11px;`}>\n              {getPastTransitions(cr).map(([key, el], idx) =>\n                <React.Fragment key={key}>\n                  {idx !== 0 ? <Divider /> : null}\n                  <FormGroup label={`${key}:`}>\n                    <div\n                        css={css`white-space: pre-wrap;`}\n                        className={Classes.RUNNING_TEXT}>\n                      {el}\n                    </div>\n                  </FormGroup>\n                </React.Fragment>\n              )}\n            </Card>\n\n            {canTransition\n              ? <Card elevation={3} css={css`flex: 30%; padding: 11px;`}>\n                  <TransitionOptions cr={cr} />\n                </Card>\n              : null}\n          </div>}\n      />\n    );\n  } else {\n    return <NonIdealState\n      icon={<Spinner />}\n      className={className}\n      description={helmet}\n    />;\n  }\n};\n\n\nconst CRActivation: React.FC<{\n  isActive: boolean;\n  htmlTitle?: string;\n\n  /** Labels for the “activate” and “deactivate” buttons. */\n  labels?: { activate?: string, deactivate?: string };\n\n  onChangeActiveStatus?: (newStatus: boolean) => void;\n}> = function ({ isActive, htmlTitle, labels, onChangeActiveStatus }) {\n  return onChangeActiveStatus && isActive\n    ? <Button\n          title={htmlTitle}\n          intent=\"warning\"\n          disabled={!onChangeActiveStatus}\n          onClick={() => onChangeActiveStatus?.(false)}>\n        {labels?.deactivate ?? \"Exit proposal\"}\n      </Button>\n    : <Button\n          title={htmlTitle}\n          intent={onChangeActiveStatus ? 'primary' : undefined}\n          disabled={!onChangeActiveStatus}\n          onClick={() => onChangeActiveStatus?.(true)}>\n        {labels?.activate ?? \"Enter proposal\"}\n      </Button>;\n};\n\n\nconst CRTitle: React.FC<{ uri: string }> = function ({ uri }) {\n  const { useObjectData } = useContext(DatasetContext);\n  const justification = useObjectData({ objectPaths: [uri] }).value.data?.[uri]?.justification;\n  return <>Proposal “{maybeEllipsizeString(justification ?? uri)}”</>;\n}\n\nexport default { main: View, title: CRTitle, plainTitle: async (uri: string) => `proposal ${uri}` };\n"]}

package/views/detail/ChangeRequest/transitions.d.ts

@@ -0,0 +1,28 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { Intent } from '@blueprintjs/core';
+import type { RegisterStakeholder } from '../../../types';
+import * as CR from '../../../types/cr';
+export declare const TransitionOptions: React.FC<{
+    cr: CR.Base;
+    className?: string;
+}>;
+export declare function getPastTransitions(cr: CR.Base): [key: string, el: JSX.Element][];
+declare type PossibleTransitionForCR<CR extends CR.Base> = [
+    targetState: CR.StateType,
+    cfg: CR.TransitionConfig<CR, CR.SomeCR, any>
+];
+/**
+ * Returns a list of transitions
+ * that can be performed on given CR by given stakeholder.
+ */
+export declare function getTransitions<CR extends CR.Base>(cr: CR, stakeholder: RegisterStakeholder): PossibleTransitionForCR<CR>[];
+/**
+ * Returns True if there is no possible transition for given state.
+ */
+export declare function isFinalState(state: CR.StateType): boolean;
+export declare const STATE_INTENT: {
+    [key in CR.StateType]?: Intent;
+};
+export {};