@riboseinc/paneron-registry-kit 2.0.0-dev9 → 2.0.1

package/dependencies-local/extension-kit/widgets/panels/index.js

@@ -0,0 +1,169 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Panel = exports.PanelContext = void 0;
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _core = require("@blueprintjs/core");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 PanelContext = _react2.default.createContext({
+  state: {},
+  setState: () => {}
+});
+
+exports.PanelContext = PanelContext;
+
+const Panel = _react2.default.forwardRef(function Panel({
+  contentsRef,
+  className,
+  collapsedClassName,
+  titleBarClassName,
+  contentsClassName,
+  title,
+  TitleComponent,
+  TitleComponentSecondary,
+  iconCollapsed,
+  iconExpanded,
+  isCollapsible,
+  isCollapsedByDefault,
+  children
+}, wrapperRef) {
+  const [isCollapsed, setCollapsedState] = (0, _react2.useState)(isCollapsedByDefault || false);
+  const [panelState, setPanelState] = (0, _react2.useState)({});
+
+  function onCollapse() {
+    setCollapsedState(true);
+  }
+
+  function onExpand() {
+    setCollapsedState(false);
+  }
+
+  const _contentsRef = (0, _react2.useRef)(null);
+
+  (0, _react2.useEffect)(() => {
+    if (contentsRef && _contentsRef.current) {
+      contentsRef(_contentsRef.current);
+    }
+  });
+  const toggleIcon = isCollapsed ? iconCollapsed || 'caret-right' : iconExpanded || 'caret-down';
+  return (0, _react.jsx)("div", {
+    ref: wrapperRef,
+    css: (0, _react.css)`
+          display: flex;
+          flex-flow: column nowrap;
+          overflow: hidden;
+          min-height: ${titleBarHeight};
+
+          .bp4-form-group {
+            padding: 0 .25rem;
+            padding-bottom: .25rem;
+            margin-bottom: 0;
+
+            &:first-child {
+              padding-top: .25rem;
+            }
+
+            .bp4-label {
+              margin-bottom: 0;
+            }
+
+            &.bp4-inline {
+              padding-right: .5rem;
+            }
+          }
+
+          ${!isCollapsed ? (0, _react.css)`
+              min-height: $titleBarHeight * 2;
+            ` : ''}
+        `,
+    className: `
+          ${_core.Classes.ELEVATION_1}
+          ${className || ''}
+          ${isCollapsible && isCollapsed ? collapsedClassName : ''}
+        `
+  }, (0, _react.jsx)(PanelContext.Provider, {
+    value: {
+      state: panelState,
+      setState: setPanelState
+    }
+  }, title || TitleComponent || isCollapsible ? (0, _react.jsx)("div", {
+    css: (0, _react.css)`
+                  transition: background-color ${transition1};
+                  background: ${_core.Colors.LIGHT_GRAY3};
+                  text-transform: uppercase;
+                  font-size: 80%;
+                  font-weight: bold;
+                  letter-spacing: -.01em;
+                  color: $pt-text-color-muted;
+
+                  height: ${titleBarHeight};
+                  flex-shrink: 0;
+
+                  padding-left: ${gridSize / 2}px;
+                  padding-right: ${gridSize / 2}px;
+
+                  display: flex;
+                  flex-flow: row nowrap;
+                  align-items: center;
+
+                  ${isCollapsible ? (0, _react.css)`
+                        .trigger-icon {
+                          transition: opacity $transition1;
+                          opacity: .5;
+                        }
+
+                        &:hover {
+                          background-color: ${_core.Colors.LIGHT_GRAY2};
+                          box-shadow: $pt-elevation-shadow-1;
+
+                          .trigger-icon {
+                            opacity: 1;
+                          }
+                        }
+                        ` : ''}
+                  }
+                `,
+    className: titleBarClassName,
+    onClick: isCollapsible === true && isCollapsed === false ? onCollapse : onExpand
+  }, isCollapsible ? (0, _react.jsx)(_core.Icon, {
+    className: "trigger-icon",
+    icon: isCollapsible ? toggleIcon : 'blank'
+  }) : null, title || TitleComponent ? (0, _react.jsx)(_react2.default.Fragment, null, (0, _react.jsx)("span", {
+    css: (0, _react.css)`flex: 1; margin-left: ${gridSize / 2}px;`
+  }, TitleComponent ? (0, _react.jsx)(TitleComponent, {
+    isCollapsed: isCollapsed
+  }) : title), (0, _react.jsx)("span", null, TitleComponentSecondary ? (0, _react.jsx)(TitleComponentSecondary, {
+    isCollapsed: isCollapsed
+  }) : null)) : null) : null, isCollapsible && isCollapsed ? null : (0, _react.jsx)("div", {
+    ref: _contentsRef,
+    css: (0, _react.css)`
+                  overflow-y: auto;
+                  overflow-x: hidden;
+                  padding: .25rem;
+                  background: ${_core.Colors.LIGHT_GRAY3};
+
+                  ${isCollapsible && isCollapsed ? (0, _react.css)`
+                        display: none;
+                      ` : ''}
+                `,
+    className: contentsClassName
+  }, children)));
+});
+
+exports.Panel = Panel;
+const transition1 = `.2s linear`;
+const titleBarHeight = `1.5rem`;
+const gridSize = 20;

package/dependencies-local/extension-kit/widgets/panels/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/panels/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx, css } from '@emotion/react';\nimport React, { useState, useEffect, useRef } from 'react';\nimport { IconName } from '@blueprintjs/icons';\nimport { Classes, Colors, Icon } from '@blueprintjs/core';\n\n\nexport const PanelContext =\n  React.createContext<{ state: any, setState: (opts: any) => void }>\n  ({ state: {}, setState: () => {} });\n\n\nexport interface PanelProps {\n  contentsRef?: (el: HTMLDivElement) => void,\n\n  title?: string\n  TitleComponent?: React.FC<{ isCollapsed?: boolean }>\n  TitleComponentSecondary?: React.FC<{ isCollapsed?: boolean }>\n\n  children: React.ReactNode\n\n  isCollapsible?: true\n  isCollapsedByDefault?: true\n\n  className?: string\n  collapsedClassName?: string\n  titleBarClassName?: string\n  contentsClassName?: string\n\n  iconCollapsed?: IconName\n  iconExpanded?: IconName\n}\nexport const Panel = React.forwardRef<HTMLDivElement, PanelProps>(function Panel({\n    contentsRef,\n    className, collapsedClassName,\n    titleBarClassName,\n    contentsClassName,\n\n    title, TitleComponent, TitleComponentSecondary,\n    iconCollapsed, iconExpanded,\n    isCollapsible, isCollapsedByDefault,\n    children }, wrapperRef) {\n\n  const [isCollapsed, setCollapsedState] =\n    useState<boolean>(isCollapsedByDefault || false);\n\n  const [panelState, setPanelState] = useState<object>({});\n\n  function onCollapse() {\n    setCollapsedState(true);\n  }\n  function onExpand() {\n    setCollapsedState(false);\n  }\n\n  const _contentsRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (contentsRef && _contentsRef.current) {\n      contentsRef(_contentsRef.current);\n    }\n  });\n\n  const toggleIcon: IconName = isCollapsed\n    ? (iconCollapsed || 'caret-right')\n    : (iconExpanded || 'caret-down');\n\n  return (\n    <div\n        ref={wrapperRef}\n        css={css`\n          display: flex;\n          flex-flow: column nowrap;\n          overflow: hidden;\n          min-height: ${titleBarHeight};\n\n          .bp4-form-group {\n            padding: 0 .25rem;\n            padding-bottom: .25rem;\n            margin-bottom: 0;\n\n            &:first-child {\n              padding-top: .25rem;\n            }\n\n            .bp4-label {\n              margin-bottom: 0;\n            }\n\n            &.bp4-inline {\n              padding-right: .5rem;\n            }\n          }\n\n          ${!isCollapsed\n            ? css`\n              min-height: $titleBarHeight * 2;\n            `\n            : ''}\n        `}\n\n        className={`\n          ${Classes.ELEVATION_1}\n          ${className || ''}\n          ${isCollapsible && isCollapsed ? collapsedClassName : ''}\n        `}>\n\n      <PanelContext.Provider value={{\n          state: panelState,\n          setState: setPanelState,\n        }}>\n\n        {title || TitleComponent || isCollapsible\n          ? <div\n                css={css`\n                  transition: background-color ${transition1};\n                  background: ${Colors.LIGHT_GRAY3};\n                  text-transform: uppercase;\n                  font-size: 80%;\n                  font-weight: bold;\n                  letter-spacing: -.01em;\n                  color: $pt-text-color-muted;\n\n                  height: ${titleBarHeight};\n                  flex-shrink: 0;\n\n                  padding-left: ${gridSize / 2}px;\n                  padding-right: ${gridSize / 2}px;\n\n                  display: flex;\n                  flex-flow: row nowrap;\n                  align-items: center;\n\n                  ${isCollapsible\n                    ? css`\n                        .trigger-icon {\n                          transition: opacity $transition1;\n                          opacity: .5;\n                        }\n\n                        &:hover {\n                          background-color: ${Colors.LIGHT_GRAY2};\n                          box-shadow: $pt-elevation-shadow-1;\n\n                          .trigger-icon {\n                            opacity: 1;\n                          }\n                        }\n                        `\n                    : ''}\n                  }\n                `}\n                className={titleBarClassName}\n                onClick={(isCollapsible === true && isCollapsed === false)\n                  ? onCollapse\n                  : onExpand}>\n\n              {isCollapsible\n                ? <Icon\n                    className=\"trigger-icon\"\n                    icon={isCollapsible ? toggleIcon : 'blank'}\n                  />\n                : null}\n\n              {title || TitleComponent\n                ? <>\n                    <span css={css`flex: 1; margin-left: ${gridSize / 2}px;`}>\n                      {TitleComponent\n                        ? <TitleComponent isCollapsed={isCollapsed} />\n                        : title}\n                    </span>\n                    <span>\n                      {TitleComponentSecondary\n                        ? <TitleComponentSecondary isCollapsed={isCollapsed} />\n                        : null}\n                    </span>\n                  </>\n                : null}\n            </div>\n          : null}\n\n        {isCollapsible && isCollapsed\n          ? null\n          : <div\n                ref={_contentsRef}\n                css={css`\n                  overflow-y: auto;\n                  overflow-x: hidden;\n                  padding: .25rem;\n                  background: ${Colors.LIGHT_GRAY3};\n\n                  ${isCollapsible && isCollapsed\n                    ? css`\n                        display: none;\n                      `\n                    : ''}\n                `}\n                className={contentsClassName}>\n              {children}\n            </div>}\n\n      </PanelContext.Provider>\n    </div>\n  );\n});\n\n\nconst transition1 = `.2s linear`;\nconst titleBarHeight = `1.5rem`;\nconst gridSize = 20;\n"]}

package/dist/common.d.ts

@@ -0,0 +1 @@
+export declare const REGISTER_METADATA_FILENAME = "/register.yaml";

package/{common.js → dist/common.js}

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.REGISTER_METADATA_FILENAME = void 0;
-const REGISTER_METADATA_FILENAME = 'register.yaml';
+const REGISTER_METADATA_FILENAME = '/register.yaml';
 exports.REGISTER_METADATA_FILENAME = REGISTER_METADATA_FILENAME;

package/dist/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../src/common.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG,gBAAgB,CAAC","sourcesContent":["export const REGISTER_METADATA_FILENAME = '/register.yaml';\n"]}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import type { Extension } from '@riboseinc/paneron-extension-kit/types';
+import type { ExtensionMakerProps } from '@riboseinc/paneron-extension-kit/types/extension-maker';
+import type { RegistryViewProps } from './types';
+export declare type RegistryExtensionMakerProps = Pick<ExtensionMakerProps, 'name'> & RegistryViewProps;
+export declare type RegistryExtensionMaker = (opts: RegistryExtensionMakerProps) => Promise<Extension>;
+export declare const makeRegistryExtension: RegistryExtensionMaker;

package/dist/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.makeRegistryExtension = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _paneronExtensionKit = require("@riboseinc/paneron-extension-kit");
+
+var _views = require("./views");
+
+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; }
+
+const makeRegistryExtension = function (opts) {
+  const {
+    name
+  } = opts;
+
+  const mainView = async function () {
+    return {
+      default: () => {
+        return _react.default.createElement(_views.RegistryView, {
+          itemClassConfiguration: opts.itemClassConfiguration,
+          subregisters: opts.subregisters
+        });
+      }
+    };
+  };
+
+  return (0, _paneronExtensionKit.makeExtension)({
+    mainView,
+    name,
+    requiredHostAppVersion: '2.0.0',
+    datasetMigrations: {},
+    datasetInitializer: () => Promise.resolve().then(() => _interopRequireWildcard(require('./migrations/initial')))
+  });
+};
+
+exports.makeRegistryExtension = makeRegistryExtension;

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAQvC,MAAM,CAAC,MAAM,qBAAqB,GAA2B,UAAU,IAAI;IACzE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAEtB,MAAM,QAAQ,GAAoC,KAAK;QACrD,OAAO;YACL,OAAO,EAAE,GAAG,EAAE;gBACZ,OAAO,CACL,oBAAC,YAAY,IACX,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,EACnD,YAAY,EAAE,IAAI,CAAC,YAAY,GAC/B,CACH,CAAC;YACJ,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,aAAa,CAAC;QACnB,QAAQ;QACR,IAAI;QACJ,sBAAsB,EAAE,OAAO;QAC/B,iBAAiB,EAAE,EAAE;QACrB,kBAAkB,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,sBAAsB,CAAC;KACzD,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { makeExtension } from '@riboseinc/paneron-extension-kit';\nimport type { Extension } from '@riboseinc/paneron-extension-kit/types';\nimport type { ExtensionMakerProps } from '@riboseinc/paneron-extension-kit/types/extension-maker';\nimport type { RegistryViewProps } from './types';\nimport { RegistryView } from './views';\n\nexport type RegistryExtensionMakerProps =\n  Pick<ExtensionMakerProps, 'name'> & RegistryViewProps\n\nexport type RegistryExtensionMaker =\n  (opts: RegistryExtensionMakerProps) => Promise<Extension>;\n\nexport const makeRegistryExtension: RegistryExtensionMaker = function (opts) {\n  const { name } = opts;\n\n  const mainView: ExtensionMakerProps[\"mainView\"] = async function () {\n    return {\n      default: () => {\n        return (\n          <RegistryView\n            itemClassConfiguration={opts.itemClassConfiguration}\n            subregisters={opts.subregisters}\n          />\n        );\n      },\n    };\n  };\n\n  return makeExtension({\n    mainView,\n    name,\n    requiredHostAppVersion: '2.0.0',\n    datasetMigrations: {},\n    datasetInitializer: () => import('./migrations/initial'),\n  });\n};\n"]}

package/dist/migrations/initial.d.ts

@@ -0,0 +1,3 @@
+import { DatasetMigrationFunction } from '@riboseinc/paneron-extension-kit/types/migrations';
+declare const initializeDataset: DatasetMigrationFunction;
+export default initializeDataset;

package/dist/migrations/initial.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initial.js","sourceRoot":"","sources":["../../src/migrations/initial.ts"],"names":[],"mappings":"AAGA,MAAM,iBAAiB,GAA6B,KAAK,EAAE,IAAI,EAAE,EAAE;IACjE,OAAO;QACL,YAAY,EAAE,eAAe;QAC7B,eAAe,EAAE,EAAE;KACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import { DatasetMigrationFunction } from '@riboseinc/paneron-extension-kit/types/migrations';\n\n\nconst initializeDataset: DatasetMigrationFunction = async (opts) => {\n  return {\n    versionAfter: '1.0.0-alpha18',\n    bufferChangeset: {},\n  };\n};\n\nexport default initializeDataset;\n"]}

package/dist/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@riboseinc/paneron-registry-kit",
+  "version": "2.0.0",
+  "main": "index.js",
+  "author": "Ribose Inc. <open.source@ribose.com>",
+  "scripts": {
+    "build": "rm -r compiled dist; mkdir compiled dist; tsc --outDir compiled; babel compiled --out-dir dist; cp package.json dist/; rsync -a --include '*/' --include '*.d.ts' --include '*.js.map' --exclude '*' compiled/ dist/"
+  },
+  "files": [
+    "*.js",
+    "*.js.map",
+    "*.d.ts",
+    "**/*.js",
+    "**/*.js.map",
+    "**/*.d.ts"
+  ],
+  "resolutions": {
+    "@types/react": "17.0.53"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.1.5",
+    "@babel/core": "^7.4.0",
+    "@babel/preset-env": "^7.4.2",
+    "@blueprintjs/core": "~4.17.6",
+    "@blueprintjs/datetime": "~4.4.25",
+    "@blueprintjs/icons": "~4.14.3",
+    "@blueprintjs/popover2": "~1.13.10",
+    "@blueprintjs/select": "~4.9.10",
+    "@emotion/react": "^11.10.6",
+    "@emotion/styled": "^11.10.6",
+    "@riboseinc/isogit-lfs": "0.1.6",
+    "@riboseinc/paneron-extension-kit": "2.0.0",
+    "@types/js-yaml": "^3.12.5",
+    "@types/node": "^16.11.7",
+    "@types/object-hash": "~3.0.2",
+    "@types/ramda": "^0.27.35",
+    "@types/react": "17.0.53",
+    "@types/react-dom": "^17.0.2",
+    "@types/react-helmet": "^6.1.2",
+    "@types/react-window": "^1.8.5",
+    "@types/throttle-debounce": "^2.1.0",
+    "date-fns": "^2.22.1",
+    "immutability-helper": "^3.1.1",
+    "js-yaml": "^3.14.0",
+    "jsondiffpatch": "^0.4.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-helmet": "^6.1.0",
+    "react-visual-diff": "^0.4.3",
+    "react-window": "^1.8.8",
+    "rough-notation": "^0.5.1",
+    "throttle-debounce": "^2.3.0",
+    "typescript": "~4.6.0"
+  },
+  "license": "MIT"
+}

package/dist/types/cr.d.ts

@@ -0,0 +1,216 @@
+/** Change request types, states and state transitions. */
+import type React from 'react';
+import type { ProposalSet } from './proposal';
+import { type RegisterStakeholder } from './stakeholder';
+export declare function isSubmittedBy(stakeholder: RegisterStakeholder, cr: Base): boolean;
+/** Used in place of enum for convenience. */
+export declare const State: {
+    readonly DRAFT: "draft";
+    readonly PROPOSED: "proposed";
+    readonly SUBMITTED_FOR_CONTROL_BODY_REVIEW: "pending-control-body-review";
+    readonly RETURNED_FOR_CLARIFICATION: "returned-for-clarification";
+    readonly WITHDRAWN: "withdrawn";
+    readonly ACCEPTED: "accepted";
+    readonly REJECTED: "rejected";
+    readonly APPEALED: "rejection-appealed-to-owner";
+    readonly ACCEPTED_ON_APPEAL: "accepted-on-appeal";
+    readonly REJECTION_UPHELD_ON_APPEAL: "rejection-upheld-on-appeal";
+    readonly APPEAL_WITHDRAWN: "appeal-withdrawn";
+};
+export declare type StateType = typeof State[keyof typeof State];
+export declare function isState(val: string): val is StateType;
+/** A subset of `State` that represents editable states. */
+export declare const EditableState: readonly ["draft", "returned-for-clarification"];
+export declare type EditableStateType = StateType & typeof EditableState[number];
+export declare function isEditableState(state: StateType): state is EditableStateType;
+/**
+ * Base change request type.
+ *
+ * Note that e.g. type Base<typeof State.DRAFT> does not equal to Drafted
+ * because Drafted includes additional information (namely, SubmitterInput).
+ *
+ * If the state of a CR matters, this type should not be used directly
+ * and concrete types should be used instead.
+ */
+export interface Base<S extends StateType = StateType> {
+    id: string;
+    state: S;
+    /**
+     * Used to match against stakeholders declared in register metadata.
+     */
+    submittingStakeholderGitServerUsername: string;
+    items: ProposalSet;
+    /**
+     * Against to which register version changes were proposed.
+     */
+    registerVersion: string;
+    /**
+     * A link to external discussion.
+     */
+    externalDiscussionURI?: string;
+}
+export declare function isCreatedBy(stakeholder: RegisterStakeholder, cr: Base): boolean;
+export declare function canBeEditedBy(stakeholder: RegisterStakeholder, cr: Base): boolean;
+/**
+ * A change request in any state.
+ * Contains a superset of all possible properties, but all optional.
+ * XXX: ^^^ This is a lie. Should be changed from | to & with Partial<>?
+ */
+export declare type SomeCR = Drafted | Proposed | Withdrawn | ReturnedForClarificationByManager | SubmittedForControlBodyReview | ReturnedForClarificationByControlBody | Accepted | Rejected | RejectionUpheld | AcceptedOnAppeal | RejectedWithAppealWithdrawn;
+export declare type Withdrawable = Proposed | SubmittedForControlBodyReview | ReturnedForClarificationByManager | ReturnedForClarificationByControlBody;
+export declare type Proposable = Drafted | ReturnedForClarificationByManager | ReturnedForClarificationByControlBody;
+export declare type SomeEditable = Drafted | ReturnedForClarificationByManager | ReturnedForClarificationByControlBody;
+export declare type Disposed = Withdrawn | Accepted | Rejected | AcceptedOnAppeal | RejectionUpheld;
+export interface Drafted extends SubmitterInput, Base<typeof State.DRAFT> {
+    timeStarted: Date;
+    timeEdited: Date;
+}
+export declare function isDrafted(cr: Base): cr is Drafted;
+export interface Proposed extends Omit<Drafted, 'state'>, Base<typeof State.PROPOSED> {
+    timeProposed: Date;
+}
+export declare function isProposed(cr: Base): cr is Proposed;
+export interface Withdrawn extends Omit<Withdrawable, 'state'>, Base<typeof State.WITHDRAWN> {
+    timeDisposed: Date;
+}
+export declare function isWithdrawn(cr: Base): cr is Withdrawn;
+export declare function hadBeenProposed(cr: Base): cr is Base & {
+    timeProposed: Date;
+};
+export declare function isDisposed(cr: Base): cr is Base & {
+    timeDisposed: Date;
+};
+export interface SubmittedForControlBodyReview extends Omit<Proposed, 'state'>, RegisterManagerInput, Base<typeof State.SUBMITTED_FOR_CONTROL_BODY_REVIEW> {
+}
+export interface ReturnedForClarificationByManager extends Omit<Proposed, 'state'>, RegisterManagerInput, Base<typeof State.RETURNED_FOR_CLARIFICATION> {
+}
+export interface ReturnedForClarificationByControlBody extends Omit<SubmittedForControlBodyReview, 'state'>, ControlBodyInput, Base<typeof State.RETURNED_FOR_CLARIFICATION> {
+}
+export interface Accepted extends Omit<SubmittedForControlBodyReview, 'state'>, ControlBodyInput, Base<typeof State.ACCEPTED> {
+    timeDisposed: Date;
+}
+export declare function isAccepted(cr: Base): cr is Accepted;
+export interface Rejected extends Omit<SubmittedForControlBodyReview, 'state'>, ControlBodyInput, Base<typeof State.REJECTED> {
+    timeDisposed: Date;
+}
+export interface Appealed extends Omit<Rejected, 'state' | 'timeDisposed'>, AppealRequest, Base<typeof State.APPEALED> {
+    timeDisposed: undefined;
+}
+export declare function isAppealed(cr: Base): cr is Appealed;
+export interface RejectionUpheld extends Omit<Appealed, 'state' | 'timeDisposed'>, RegisterOwnerInput, Base<typeof State.REJECTION_UPHELD_ON_APPEAL> {
+    timeDisposed: Date;
+}
+export interface AcceptedOnAppeal extends Omit<Appealed, 'state' | 'timeDisposed'>, RegisterOwnerInput, Base<typeof State.ACCEPTED_ON_APPEAL> {
+    timeDisposed: Date;
+}
+export declare function isAcceptedOnAppeal(cr: Base): cr is AcceptedOnAppeal;
+export interface RejectedWithAppealWithdrawn extends Omit<Appealed, 'state' | 'timeDisposed'>, Base<typeof State.APPEAL_WITHDRAWN> {
+    timeDisposed: Date;
+}
+export interface SubmitterInput {
+    justification: string;
+}
+export declare function hasSubmitterInput(val: any): val is SubmitterInput;
+export interface RegisterManagerInput {
+    registerManagerNotes: string;
+}
+export declare function hasRegisterManagerInput(val: any): val is RegisterManagerInput;
+export interface ControlBodyInput {
+    controlBodyNotes: string;
+    controlBodyDecisionEvent: string;
+}
+export declare function hasControlBodyInput(val: any): val is ControlBodyInput;
+export interface AppealRequest {
+    appealReason: string;
+}
+export declare function hasAppealRequest(val: any): val is AppealRequest;
+export interface RegisterOwnerInput {
+    registerOwnerNotes: string;
+}
+export declare function hasRegisterOwnerInput(val: any): val is RegisterOwnerInput;
+export declare type StateInput = SubmitterInput | RegisterManagerInput | ControlBodyInput | AppealRequest | RegisterOwnerInput;
+/**
+ * A function that transitions CR1 to CR2.
+ *
+ * The function is declared to return the object
+ * without the `state` field, it is set
+ * by common wrapper function to reduce duplication.
+ */
+export declare type Transition<
+/** From CR of this subtype */
+CR1 extends Base, 
+/** To CR of this subtype */
+CR2 extends Base, 
+/** Using this extra information */
+P extends Record<string, any> | null = null> = (cr: CR1, payload: P) => Omit<CR2, 'state'>;
+/**
+ * Describes a transition.
+ *
+ * @typeParam CR1: Change request source state type
+ * @typeParam CR2: Change request target state type
+ * @typeParam P: Extra input needed to transition, if any
+ */
+export interface TransitionConfig<CR1 extends Base, CR2 extends Base, P extends Record<string, any> | null = null> {
+    /**
+     * Function that implements the transition.
+     * Takes a CR in the original state and returns CR in the new state.
+     * Additionally, takes appropriate payload, if any, for the transition
+     * (e.g., register manager or control body notes).
+     *
+     * For function implementor:
+     *
+     * - Function MUST NOT modify CR in place.
+     * - Function should throw if submitted payload does not conform to requirements.
+     */
+    func: Transition<CR1, CR2, P>;
+    targetState: CR2["state"];
+    /** Title. Use verb. */
+    title: string;
+    hint?: string | JSX.Element;
+    /** Widget that can be used to view or enter extra input. */
+    Widget: P extends null ? null : React.FC<{
+        value: P;
+        onChange?: (userInput: P) => void;
+    }>;
+    /**
+     * Function that returns true
+     * if given stakeholder can perform this transition on given CR.
+     */
+    canBeTransitionedBy: (stakeholder: RegisterStakeholder, cr: CR1) => boolean;
+}
+/**
+ * Source of truth for available transitions.
+ * When updating change request business logic,
+ * this is the type that should be modified.
+ *
+ * It will cause compile errors until transition implementation
+ * is updated correspondingly.
+ */
+export declare type Transitions = {
+    [State.DRAFT]: {
+        [State.PROPOSED]: TransitionConfig<Drafted, Proposed, SubmitterInput>;
+    };
+    [State.PROPOSED]: {
+        [State.WITHDRAWN]: TransitionConfig<Proposed, Withdrawn>;
+        [State.SUBMITTED_FOR_CONTROL_BODY_REVIEW]: TransitionConfig<Proposed, SubmittedForControlBodyReview, RegisterManagerInput>;
+        [State.RETURNED_FOR_CLARIFICATION]: TransitionConfig<Proposed, ReturnedForClarificationByManager, RegisterManagerInput>;
+    };
+    [State.SUBMITTED_FOR_CONTROL_BODY_REVIEW]: {
+        [State.WITHDRAWN]: TransitionConfig<SubmittedForControlBodyReview, Withdrawn>;
+        [State.RETURNED_FOR_CLARIFICATION]: TransitionConfig<SubmittedForControlBodyReview, ReturnedForClarificationByControlBody, ControlBodyInput>;
+        [State.REJECTED]: TransitionConfig<SubmittedForControlBodyReview, Rejected, ControlBodyInput>;
+        [State.ACCEPTED]: TransitionConfig<SubmittedForControlBodyReview, Accepted, ControlBodyInput>;
+    };
+    [State.RETURNED_FOR_CLARIFICATION]: {
+        [State.PROPOSED]: TransitionConfig<ReturnedForClarificationByManager | ReturnedForClarificationByControlBody, Proposed, SubmitterInput>;
+        [State.WITHDRAWN]: TransitionConfig<ReturnedForClarificationByManager | ReturnedForClarificationByControlBody, Withdrawn>;
+    };
+    [State.REJECTED]: {
+        [State.APPEALED]: TransitionConfig<Rejected, Appealed, AppealRequest>;
+    };
+    [State.APPEALED]: {
+        [State.APPEAL_WITHDRAWN]: TransitionConfig<Appealed, RejectedWithAppealWithdrawn>;
+        [State.ACCEPTED_ON_APPEAL]: TransitionConfig<Appealed, AcceptedOnAppeal, RegisterOwnerInput>;
+        [State.REJECTION_UPHELD_ON_APPEAL]: TransitionConfig<Appealed, RejectionUpheld, RegisterOwnerInput>;
+    };
+};