@riboseinc/paneron-registry-kit 2.2.59 → 2.2.60

package/compiled/proposals/TransitionHistory.js

@@ -0,0 +1,271 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import styled from '@emotion/styled';
+import { jsx, css } from '@emotion/react';
+import React from 'react';
+import { Icon, Colors } from '@blueprintjs/core';
+import { normalizeObjectRecursively } from '@riboseinc/paneron-extension-kit/util';
+import HelpTooltip from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';
+import { Val } from '../views/diffing/InlineDiff';
+import { Datestamp } from '../views/util';
+import { registerStakeholderPlain } from '../views/RegisterStakeholder';
+import * as CR from './types';
+import { STATE_COLOR } from './TransitionOptions';
+/**
+ * Outputs transition history,
+ * back-filling it from state and timestamps if `pastTransitions` is not present.
+ */
+export function getTransitionHistory(cr) {
+    if (cr.pastTransitions && cr.pastTransitions.length > 0) {
+        return [{
+                label: "Create",
+                toState: CR.State.DRAFT,
+                timestamp: cr.timeStarted,
+            }, ...cr.pastTransitions];
+    }
+    else {
+        const els = [];
+        els.push({
+            label: "Create",
+            toState: CR.State.DRAFT,
+            timestamp: cr.timeStarted,
+        });
+        if (!CR.isDrafted(cr)) {
+            els.push(undefined);
+        }
+        // Backward compatibility
+        if (CR.isProposed(cr)) {
+            els.push({
+                label: "Propose",
+                toState: CR.State.PROPOSED,
+                timestamp: cr.timeProposed,
+                input: { justification: cr.justification },
+            });
+        }
+        if (CR.isSubmittedForControlBodyReview(cr)) {
+            els.push({
+                label: "Submit for control body review",
+                fromState: CR.State.PROPOSED,
+                toState: CR.State.SUBMITTED_FOR_CONTROL_BODY_REVIEW,
+                input: { registerManagerNotes: cr.registerManagerNotes },
+            });
+        }
+        if (CR.isReturnedForClarification(cr)) {
+            els.push({
+                label: "Return for clarification",
+                toState: CR.State.RETURNED_FOR_CLARIFICATION,
+                input: {
+                    registerManagerNotes: cr.registerManagerNotes,
+                    //controlBodyNotes: (cr as any).controlBodyNotes,
+                    controlBodyDecisionEvent: cr.controlBodyDecisionEvent,
+                },
+            });
+        }
+        if (CR.isWithdrawn(cr)) {
+            els.push({
+                label: "Withdraw",
+                toState: CR.State.WITHDRAWN,
+                timestamp: cr.timeDisposed,
+            });
+        }
+        else if (CR.isAccepted(cr)) {
+            els.push({
+                label: "Accept",
+                toState: CR.State.ACCEPTED,
+                timestamp: cr.timeDisposed,
+                input: {
+                    //controlBodyNotes: (cr as any).controlBodyNotes,
+                    controlBodyDecisionEvent: cr.controlBodyDecisionEvent,
+                },
+            });
+        }
+        else if (CR.isRejected(cr)) {
+            els.push({
+                label: "Reject",
+                toState: CR.State.REJECTED,
+                timestamp: cr.timeDisposed,
+                input: {
+                    //controlBodyNotes: (cr as any).controlBodyNotes,
+                    controlBodyDecisionEvent: cr.controlBodyDecisionEvent,
+                },
+            });
+        }
+        if (CR.isAppealed(cr)) {
+            els.push({
+                label: "Appeal",
+                toState: CR.State.APPEALED,
+                input: {
+                    appealReason: cr.appealReason,
+                },
+            });
+        }
+        if (CR.isRejectedWithAppealWithdrawn(cr)) {
+            els.push({
+                label: "Withdraw appeal",
+                toState: CR.State.APPEAL_WITHDRAWN,
+                timestamp: cr.timeDisposed,
+            });
+        }
+        else if (CR.isAcceptedOnAppeal(cr)) {
+            els.push({
+                label: "Accept on appeal",
+                toState: CR.State.ACCEPTED_ON_APPEAL,
+                timestamp: cr.timeDisposed,
+                input: {
+                    registerOwnerNotes: cr.registerOwnerNotes,
+                },
+            });
+        }
+        else if (CR.isRejectedOnAppeal(cr)) {
+            els.push({
+                label: "Uphold rejection",
+                toState: CR.State.REJECTION_UPHELD_ON_APPEAL,
+                timestamp: cr.timeDisposed,
+                input: {
+                    registerOwnerNotes: cr.registerOwnerNotes,
+                },
+            });
+        }
+        return els;
+    }
+}
+/**
+ * Lists transitions between states,
+ * emphasizing the end (current as of now) state.
+ */
+export const TransitionsAndStatus = function ({ pastTransitions, isFinal, detailed }) {
+    return (jsx(React.Fragment, null, pastTransitions.map((entry, idx) => {
+        var _a, _b;
+        if (entry) {
+            const { label, stakeholder, fromState, toState, input, timestamp } = entry;
+            const details = input || timestamp || stakeholder
+                ? jsx(React.Fragment, null,
+                    input
+                        ? jsx("div", { css: css `margin: .25em 0;` },
+                            jsx(Val, { val: normalizeObjectRecursively(input) }))
+                        : null,
+                    jsx("small", { css: css `display: block;` },
+                        stakeholder
+                            ? jsx("span", null, registerStakeholderPlain(stakeholder))
+                            : 'unknown stakeholder',
+                        jsx("br", null),
+                        "at ",
+                        timestamp
+                            ? jsx(Datestamp, { useUTC: true, showTime: true, date: timestamp })
+                            : "unknown time"))
+                : null;
+            return jsx(TransitionEntryWrapper, { title: `Transition ${fromState ? `from ${fromState} ` : ''}to ${toState}`, css: css `
+                background: linear-gradient(
+                  345deg,
+                  ${(_a = STATE_COLOR[toState]) !== null && _a !== void 0 ? _a : Colors.GRAY1}aa,
+                  ${(_b = STATE_COLOR[toState]) !== null && _b !== void 0 ? _b : Colors.GRAY1} 50%);
+                position: sticky;
+                top: ${idx * 3}px;
+                z-index: 1;
+                ${idx === pastTransitions.length - 1
+                    ? `
+                      ${!detailed ? 'font-weight: bold;' : ''}
+                      ${isFinal
+                        ? `
+                            &::before {
+                              ${transitionEntryDecorativeMarkerFinal}
+                            }
+                          `
+                        : ''}
+                    `
+                    : ''}
+                  ${idx === 0
+                    ? `
+                        &::before {
+                          ${transitionEntryDecorativeMarkerInitial}
+                        }
+                      `
+                    : ''}
+              `, key: idx },
+                label,
+                detailed && details ? details : null,
+                !detailed && details
+                    ? jsx(React.Fragment, null,
+                        "\u00A0",
+                        jsx(HelpTooltip, { icon: "info-sign", content: jsx("div", { css: css `display: flex; flex-flow: column nowrap;` }, details) }))
+                    : null);
+        }
+        else {
+            if (idx > 0 && pastTransitions[idx - 1] !== undefined) {
+                return jsx(MissingTransitionEntries, null);
+            }
+            else {
+                // Don’t output multiple missing steps in a row.
+                return null;
+            }
+        }
+    })));
+};
+/** Shown in place of transition entries, if some are missing. */
+const MissingTransitionEntries = function () {
+    return (jsx("div", { title: "No detailed state transitions available" },
+        jsx(Icon, { icon: "more", css: css `
+          position: relative;
+          left: ${TRANSITION_ENTRY_MARKER_SIDE_OFFSET_PX}px;
+          transform: translateX(-50%);
+        ` })));
+};
+const TRANSITION_ENTRY_MARKER_SIDE_OFFSET_PX = 22;
+/**
+ * Style rules for pseudo-element that contains decorative marker line with a circle.
+ */
+const transitionEntryDecorativeMarker = `
+  content: " ";
+  background: white;
+  display: block;
+  overflow: hidden;
+  z-index: 1;
+  position: absolute;
+  left: ${TRANSITION_ENTRY_MARKER_SIDE_OFFSET_PX}px;
+
+  transform: translateX(-50%);
+  top: 0;
+  width: 2px;
+  bottom: 0;
+`;
+/**
+ * Style rules for pseudo-element that contains decorative marker line with a circle.
+ */
+const transitionEntryDecorativeMarkerInitial = `
+  top: 50%;
+`;
+/**
+ * Style rules for pseudo-element that contains decorative marker line with a circle.
+ */
+const transitionEntryDecorativeMarkerFinal = `
+  bottom: 50%;
+`;
+const TransitionEntryWrapper = styled.div `
+  position: relative;
+  color: white;
+  padding: 10px;
+  padding-left: ${TRANSITION_ENTRY_MARKER_SIDE_OFFSET_PX + 20}px;
+  margin-bottom: 1px;
+
+  &::after {
+    content: " ";
+    background: white;
+    display: block;
+    overflow: hidden;
+    z-index: 1;
+    position: absolute;
+    left: ${TRANSITION_ENTRY_MARKER_SIDE_OFFSET_PX}px;
+
+    transform: translateX(-50%) translateY(-50%);
+    top: 50%;
+    width: 10px;
+    height: 10px;
+    border-radius: 100%;
+  }
+
+  &::before {
+    ${transitionEntryDecorativeMarker}
+  }
+`;
+export default TransitionsAndStatus;
+//# sourceMappingURL=TransitionHistory.js.map