@riboseinc/paneron-registry-kit 2.2.9 → 2.2.11

package/views/diffing/InlineDiff.js

@@ -3,16 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.InlineDiffGeneric = exports.Val = void 0;
 
 var _react = require("@emotion/react");
 
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
 var _react2 = _interopRequireDefault(require("react"));
 
 var _server = _interopRequireDefault(require("react-dom/server"));
 
 var _reactVisualDiff = _interopRequireDefault(require("react-visual-diff"));
 
+var _core = require("@blueprintjs/core");
+
+var _DL = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/DL"));
+
+var _util = require("@riboseinc/paneron-extension-kit/util");
+
 var _AnnotatedChange = _interopRequireDefault(require("../AnnotatedChange"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -20,6 +28,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /** @jsx jsx */
 
 /** @jsxFrag React.Fragment */
+const UnstyledOL = (0, _styled.default)(_core.OL)`
+  margin: 0 !important;
+  > li {
+    margin: 0 !important;
+  }
+  ::marker {
+    font-weight: bold;
+  }
+`;
+const ComplexDL = (0, _styled.default)(_DL.default)`
+  /* Within Blueprint’s running text container, we can get away with zero vertical padding. */
+  padding: 0 4px;
+  border: 1px solid rgba(125, 125, 125, 0.5);
+  border-radius: 0 0 15px 0;
+  margin: -1px -5px;
+`;
+
 const InlineDiff = _react2.default.memo(({
   DetailView,
   sharedRefComponents,
@@ -52,7 +77,93 @@ const InlineDiff = _react2.default.memo(({
     right: right,
     renderChange: _AnnotatedChange.default
   });
-}, (prevProps, nextProps) => JSON.stringify(prevProps.item2) === JSON.stringify(nextProps.item2) && JSON.stringify(prevProps.item1) === JSON.stringify(nextProps.item1));
+}, (prevProps, nextProps) => JSON.stringify(prevProps.item2) === JSON.stringify(nextProps.item2) && JSON.stringify(prevProps.item1) === JSON.stringify(nextProps.item1)); // /** Returns true if a value or any nested value within, recursively, is considered “not empty”. */
+// function isNonEmptyRecursive(val: any): boolean {
+//   if (Array.isArray(val)) {
+//     // TODO: Should really do this on arrays?
+//     return val.find(item => isNonEmptyRecursive(item)) !== undefined;
+//   } else if (isObject(val)) {
+//     return Object.values(val).find(item => isNonEmptyRecursive(item)) !== undefined;
+//   } else {
+//     return isNonEmpty(val);
+//   }
+// }
+
+/** Returns true if a value is considered “not empty”. */
+
+
+function isNonEmpty(val) {
+  var _a, _b;
+
+  return val && (typeof val === 'string' ? val.trim() !== '' : ((_b = (_a = val === null || val === void 0 ? void 0 : val.toString()) === null || _a === void 0 ? void 0 : _a.trim) === null || _b === void 0 ? void 0 : _b.call(_a)) || `${val}`);
+}
+/** Renders given value in a recursive way. */
+
+
+const Val = function ({
+  val,
+  hideEmpty
+}) {
+  var _a;
+
+  if (Array.isArray(val)) {
+    return (0, _react.jsx)(UnstyledOL, null, val.map((v, idx) => (0, _react.jsx)("li", {
+      key: idx
+    }, (0, _util.isObject)(val) ? (0, _react.jsx)(_react2.default.Fragment, null, "\u2192") : null, (0, _react.jsx)(Val, {
+      val: v,
+      hideEmpty: hideEmpty
+    }))));
+  } else if ((0, _util.isObject)(val)) {
+    const allEntries = Object.entries(val);
+    const entries = hideEmpty ? allEntries.filter(([, v]) => isNonEmpty(v)) : allEntries;
+    const omittedCount = hideEmpty ? allEntries.length - entries.length : 0;
+    const Comp = entries.length > 1 ? ComplexDL : _DL.default;
+    return (0, _react.jsx)(Comp, null, (omittedCount > 1 ? entries : allEntries).sort().map(([key, val]) => (0, _react.jsx)("div", {
+      key: key
+    }, (0, _react.jsx)("dt", null, key, (0, _util.isObject)(val) ? (0, _react.jsx)(_react2.default.Fragment, null, " \u2192") : ': '), (0, _react.jsx)("dd", null, (0, _react.jsx)(Val, {
+      val: val,
+      hideEmpty: hideEmpty
+    })))), omittedCount > 1 ? (0, _react.jsx)(MetaDLRow, null, (0, _react.jsx)("dt", null, "empty properties omitted:"), (0, _react.jsx)("dd", null, (0, _react.jsx)("code", null, omittedCount))) : null);
+  } else {
+    const valString = typeof val === 'string' ? val : (_a = val === null || val === void 0 ? void 0 : val.toString()) !== null && _a !== void 0 ? _a : '';
+    return typeof val === 'string' ? (0, _react.jsx)(_react2.default.Fragment, null, valString) : (0, _react.jsx)("code", null, valString.trim() || `${val}`);
+  }
+};
+
+exports.Val = Val;
+const MetaDLRow = _styled.default.div`
+  opacity: 0.7;
+  > dt {
+    font-weight: normal;
+    font-style: italic;
+  }
+`;
+
+const InlineDiffGeneric = _react2.default.memo(function ({
+  item1,
+  item2,
+  omitEmpty,
+  className
+}) {
+  const left = (0, _react.jsx)(Val, {
+    val: (0, _util.normalizeObjectRecursively)(item1),
+    hideEmpty: omitEmpty
+  });
+  const right = (0, _react.jsx)(Val, {
+    val: (0, _util.normalizeObjectRecursively)(item2),
+    hideEmpty: omitEmpty
+  });
+  return (0, _react.jsx)("div", {
+    className: className
+  }, (0, _react.jsx)(_reactVisualDiff.default, {
+    left: left,
+    right: right,
+    //left={<Val val={normalizeObjectRecursively(item1)} />}
+    //right={<Val val={normalizeObjectRecursively(item2)} />}
+    renderChange: _AnnotatedChange.default
+  }));
+}, (prevProps, nextProps) => (0, _util.objectsHaveSameShape)(prevProps.item2, nextProps.item2) && (0, _util.objectsHaveSameShape)(prevProps.item1, nextProps.item1));
 
+exports.InlineDiffGeneric = InlineDiffGeneric;
 var _default = InlineDiff;
 exports.default = _default;

package/views/diffing/InlineDiff.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineDiff.js","sourceRoot":"","sources":["../../../src/views/diffing/InlineDiff.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAG3C,OAAO,eAAe,MAAM,oBAAoB,CAAC;AAGjD,MAAM,UAAU,GAKX,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,UAAU,EAAE,mBAAmB,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IACpE,iGAAiG;IACjG,mDAAmD;IACnD,yFAAyF;IACzF,0EAA0E;IAE1E,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAEpD,MAAM,IAAI,GAAG,aAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAC,UAAU,IACpF,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,KAAK,GACf,CAAC,EAAE,GAAI,CAAA;IACX,MAAM,KAAK,GAAG,aAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAC,UAAU,IACrF,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,KAAK,GACf,CAAC,EAAE,GAAI,CAAA;IAEX,OAAO,IAAC,UAAU,IAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,eAAe,GAAI,CAAC;AACtC,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,CAC1B,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC;IACnE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CACpE,CAAC;AAGF,eAAe,UAAU,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx } from '@emotion/react';\nimport React from 'react';\nimport ReactDOM from 'react-dom/server';\nimport VisualDiff from 'react-visual-diff';\nimport { InternalItemReference, RegisterItem, Payload } from '../../types/item';\nimport { ItemDetailView } from '../../types/views';\nimport AnnotatedChange from '../AnnotatedChange';\n\n\nconst InlineDiff: React.FC<{\n  DetailView: ItemDetailView<Payload>\n  sharedRefComponents: Omit<InternalItemReference, 'itemID'>\n  item1: RegisterItem<any>[\"data\"]\n  item2: RegisterItem<any>[\"data\"]\n}> = React.memo(({ DetailView, sharedRefComponents, item1, item2 }) => {\n  // TODO: Make VisualDiff work. Currently, it doesn’t apparently when item detail views use hooks.\n  // Which is often. Either make item views hook-free\n  // (which means primarily eliminating useRegisterItemData() by inferring and pre-fetching\n  // related item data), or work out another way to diff two React elements.\n\n  console.debug(item1.description, item2.description);\n  \n  const left = <div dangerouslySetInnerHTML={{ __html: ReactDOM.renderToString(<DetailView\n      itemRef={sharedRefComponents}\n      itemData={item1}\n    />) }} />\n  const right = <div dangerouslySetInnerHTML={{ __html: ReactDOM.renderToString(<DetailView\n      itemRef={sharedRefComponents}\n      itemData={item2}\n    />) }} />\n\n  return <VisualDiff\n    left={left}\n    right={right}\n    renderChange={AnnotatedChange} />;\n}, (prevProps, nextProps) =>\n  JSON.stringify(prevProps.item2) === JSON.stringify(nextProps.item2) &&\n  JSON.stringify(prevProps.item1) === JSON.stringify(nextProps.item1)\n);\n\n\nexport default InlineDiff;\n"]}
+{"version":3,"file":"InlineDiff.js","sourceRoot":"","sources":["../../../src/views/diffing/InlineDiff.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport React from 'react';\nimport ReactDOM from 'react-dom/server';\nimport VisualDiff from 'react-visual-diff';\nimport { OL } from '@blueprintjs/core';\nimport DL from '@riboseinc/paneron-extension-kit/widgets/DL';\nimport { objectsHaveSameShape, normalizeObjectRecursively, isObject } from '@riboseinc/paneron-extension-kit/util';\nimport type { InternalItemReference, RegisterItem, Payload } from '../../types/item';\nimport { ItemDetailView } from '../../types/views';\nimport AnnotatedChange from '../AnnotatedChange';\n\n\nconst UnstyledOL = styled(OL)`\n  margin: 0 !important;\n  > li {\n    margin: 0 !important;\n  }\n  ::marker {\n    font-weight: bold;\n  }\n`;\n\nconst ComplexDL = styled(DL)`\n  /* Within Blueprint’s running text container, we can get away with zero vertical padding. */\n  padding: 0 4px;\n  border: 1px solid rgba(125, 125, 125, 0.5);\n  border-radius: 0 0 15px 0;\n  margin: -1px -5px;\n`;\n\n\nconst InlineDiff: React.FC<{\n  DetailView: ItemDetailView<Payload>\n  sharedRefComponents: Omit<InternalItemReference, 'itemID'>\n  item1: RegisterItem<any>[\"data\"]\n  item2: RegisterItem<any>[\"data\"]\n}> = React.memo(({ DetailView, sharedRefComponents, item1, item2 }) => {\n  // TODO: Make VisualDiff work. Currently, it doesn’t apparently when item detail views use hooks.\n  // Which is often. Either make item views hook-free\n  // (which means primarily eliminating useRegisterItemData() by inferring and pre-fetching\n  // related item data), or work out another way to diff two React elements.\n\n  console.debug(item1.description, item2.description);\n  \n  const left = <div dangerouslySetInnerHTML={{ __html: ReactDOM.renderToString(<DetailView\n      itemRef={sharedRefComponents}\n      itemData={item1}\n    />) }} />\n  const right = <div dangerouslySetInnerHTML={{ __html: ReactDOM.renderToString(<DetailView\n      itemRef={sharedRefComponents}\n      itemData={item2}\n    />) }} />\n\n  return <VisualDiff\n    left={left}\n    right={right}\n    renderChange={AnnotatedChange}\n  />;\n}, (prevProps, nextProps) =>\n  JSON.stringify(prevProps.item2) === JSON.stringify(nextProps.item2) &&\n  JSON.stringify(prevProps.item1) === JSON.stringify(nextProps.item1)\n);\n\n\n// /** Returns true if a value or any nested value within, recursively, is considered “not empty”. */\n// function isNonEmptyRecursive(val: any): boolean {\n//   if (Array.isArray(val)) {\n//     // TODO: Should really do this on arrays?\n//     return val.find(item => isNonEmptyRecursive(item)) !== undefined;\n//   } else if (isObject(val)) {\n//     return Object.values(val).find(item => isNonEmptyRecursive(item)) !== undefined;\n//   } else {\n//     return isNonEmpty(val);\n//   }\n// }\n\n\n/** Returns true if a value is considered “not empty”. */\nfunction isNonEmpty(val: any): boolean {\n  return val && (typeof val === 'string'\n    ? val.trim() !== ''\n    : val?.toString()?.trim?.() || `${val}`);\n}\n\n\n/** Renders given value in a recursive way. */\nexport const Val: React.VoidFunctionComponent<{\n  val: any\n\n  /**\n   * Omit nulls, undefined and empty strings in object values.\n   *\n   * See `isNonEmpty()`.\n   *\n   * NOTE: Doesn’t work work well if you are annotating changed properties\n   * and one of the hidden properties was changed.\n   */\n  hideEmpty?: boolean\n}> = function ({ val, hideEmpty }) {\n  if (Array.isArray(val)) {\n    return (\n      <UnstyledOL>\n        {val.map((v, idx) =>\n          <li key={idx}>\n            {isObject(val) ? <>&rarr;</> : null}\n            <Val val={v} hideEmpty={hideEmpty} />\n          </li>\n        )}\n      </UnstyledOL>\n    );\n\n  } else if (isObject(val)) {\n    const allEntries = Object.entries(val);\n\n    const entries = hideEmpty\n      ? allEntries.filter(([, v]) => isNonEmpty(v))\n      : allEntries;\n\n    const omittedCount = hideEmpty\n      ? allEntries.length - entries.length\n      : 0;\n\n    const Comp = entries.length > 1\n      ? ComplexDL\n      : DL;\n\n    return (\n      <Comp>\n        {(omittedCount > 1 ? entries : allEntries).sort().map(([key, val]) =>\n          <div key={key}>\n            <dt>{key}{isObject(val) ? <> &rarr;</> : ': '}</dt>\n            <dd>\n              <Val val={val} hideEmpty={hideEmpty} />\n            </dd>\n          </div>\n        )}\n        {omittedCount > 1\n          ? <MetaDLRow>\n              <dt>empty properties omitted:</dt>\n              <dd><code>{omittedCount}</code></dd>\n            </MetaDLRow>\n          : null}\n      </Comp>\n    );\n\n  } else {\n    const valString = typeof val === 'string'\n      ? val\n      : val?.toString() ?? '';\n    return typeof val === 'string'\n      ? <>{valString}</>\n      : <code>{valString.trim() || `${val}`}</code>;\n  }\n};\n\n\nconst MetaDLRow = styled.div`\n  opacity: 0.7;\n  > dt {\n    font-weight: normal;\n    font-style: italic;\n  }\n`\n\n\nexport const InlineDiffGeneric: React.FC<{\n  item1: Record<string, any>\n  item2: Record<string, any>\n\n  /**\n   * Don’t show properties with empty values to save space.\n   *\n   * NOTE: WIP. Doesn’t work work well if one of the hidden properties was changed.\n   */\n  omitEmpty?: boolean\n\n  /** Omit unchanged properties (not supported yet). */\n  showOnlyChanged?: boolean\n\n  className?: string\n}> = React.memo(function ({ item1, item2, omitEmpty, className }) {\n  const left = \n    <Val val={normalizeObjectRecursively(item1)} hideEmpty={omitEmpty} />;\n  const right =\n    <Val val={normalizeObjectRecursively(item2)} hideEmpty={omitEmpty} />;\n\n  return (\n    <div className={className}>\n      <VisualDiff\n        left={left}\n        right={right}\n        //left={<Val val={normalizeObjectRecursively(item1)} />}\n        //right={<Val val={normalizeObjectRecursively(item2)} />}\n        renderChange={AnnotatedChange}\n      />\n    </div>\n  );\n}, (prevProps, nextProps) =>\n  objectsHaveSameShape(prevProps.item2, nextProps.item2) &&\n  objectsHaveSameShape(prevProps.item1, nextProps.item1)\n);\n\n\nexport default InlineDiff;\n"]}

package/views/util.d.ts

@@ -1,8 +1,9 @@
 /** @jsx jsx */
 /** @jsxFrag React.Fragment */
 import React from 'react';
-import { HelmetProps } from 'react-helmet';
-import { FormGroupProps } from '@blueprintjs/core';
+import { type HelmetProps } from 'react-helmet';
+import { type FormGroupProps, type ButtonProps, type TagProps } from '@blueprintjs/core';
+import { type HelpTooltipProps } from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';
 import type { ItemClassConfiguration, RelatedItemClassConfiguration } from '../types';
 export { GenericRelatedItemView } from './GenericRelatedItemView';
 /**
@@ -35,3 +36,36 @@ export declare const TabContentsWithActions: React.FC<{
     main: JSX.Element;
     className?: string;
 }>;
+export declare type ClassificationEntry = TagProps & {
+    tooltip?: HelpTooltipProps;
+};
+export interface TabContentsWithHeaderProps {
+    title: JSX.Element | string;
+    smallTitle?: boolean;
+    classification?: ClassificationEntry[];
+    actions?: (ActionProps | ActionProps[])[];
+    tooltip?: HelpTooltipProps;
+    className?: string;
+    /**
+     * CSS to apply to child contents wrapper div.
+     *
+     * If 'card-grid', children would be expected to be cards
+     * (e.g., `FormGroupAsCardInGrid` or `CardInGrid`)
+     *
+     * 'card-grid' implies 'scrollable'.
+     */
+    layout?: undefined | 'card-grid' | 'scrollable';
+}
+export declare const TabContentsWithHeader: React.FC<TabContentsWithHeaderProps>;
+export declare type ActionProps = ButtonProps & ({
+    popup?: JSX.Element;
+    tooltip?: string;
+});
+export declare const CardInGrid: React.FC<{
+    description: string;
+    className?: string;
+}>;
+/** Useful in case of tab “card-grid” layout. */
+export declare const FormGroupAsCardInGrid: React.FC<FormGroupProps & {
+    paddingPx?: number;
+}>;

package/views/util.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "GenericRelatedItemView", {
     return _GenericRelatedItemView.GenericRelatedItemView;
   }
 });
-exports.TabContentsWithActions = exports._getRelatedClass = exports.Datestamp = exports.PropertyDetailView = exports.RegisterHelmet = void 0;
+exports.FormGroupAsCardInGrid = exports.CardInGrid = exports.TabContentsWithHeader = exports.TabContentsWithActions = exports._getRelatedClass = exports.Datestamp = exports.PropertyDetailView = exports.RegisterHelmet = void 0;
 
 var _format = _interopRequireDefault(require("date-fns/format"));
 
@@ -23,8 +23,12 @@ var _react2 = require("@emotion/react");
 
 var _core = require("@blueprintjs/core");
 
+var _popover = require("@blueprintjs/popover2");
+
 var _context = require("@riboseinc/paneron-extension-kit/context");
 
+var _HelpTooltip = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/HelpTooltip"));
+
 var _GenericRelatedItemView = require("./GenericRelatedItemView");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -142,4 +146,201 @@ const TabContentsWithActions = function ({
   }, main));
 };
 
-exports.TabContentsWithActions = TabContentsWithActions;
+exports.TabContentsWithActions = TabContentsWithActions;
+const paddingPx = 11;
+
+function findEnabledActions(props) {
+  return props.map(props => props.length !== undefined ? props.filter(p => !p.disabled) : !props.disabled ? props : []).flat();
+}
+
+const TabContentsWithHeader = function ({
+  title,
+  smallTitle,
+  classification,
+  actions,
+  className,
+  layout,
+  children
+}) {
+  const hasClassification = (classification !== null && classification !== void 0 ? classification : []).length > 0;
+  const enabledActions = actions ? findEnabledActions(actions) : [];
+  const hasActions = enabledActions.length > 0; // if (enabledActions.length === 1 && !enabledActions[0].intent) {
+  //   enabledActions[0].intent = 'primary';
+  // }
+
+  return (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`
+      position: absolute; inset: 0;
+      padding-top: ${paddingPx}px;
+      ${hasActions ? `padding-bottom: ${paddingPx}px;` : ''}
+      display: flex; flex-flow: column nowrap;
+      gap: ${paddingPx}px;
+    `,
+    className: className
+  }, smallTitle ? (0, _react2.jsx)(_core.H4, {
+    css: (0, _react2.css)`margin: 0 ${paddingPx}px;`
+  }, title) : (0, _react2.jsx)(_core.H2, {
+    css: (0, _react2.css)`margin: 0 ${paddingPx}px;`
+  }, title), hasClassification ? (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`
+            flex: 0;
+            margin: 0 ${paddingPx}px;
+            display: flex;
+            flex-flow: row wrap;
+            gap: ${paddingPx}px;
+          `
+  }, classification.map((p, idx) => (0, _react2.jsx)(_core.Tag, {
+    key: idx,
+    minimal: true,
+    ...p,
+    large: !smallTitle,
+    rightIcon: p.tooltip ? (0, _react2.jsx)(_HelpTooltip.default, { ...p.tooltip
+    }) : undefined
+  }))) : null, (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`
+        position: relative;
+        flex: 1;
+        overflow-y: auto;
+
+        ${layout === undefined ? `
+              > :only-child { position: absolute; inset: 0 }
+              box-shadow: black 0 0 20px -10px;
+            ` : `
+              padding: 0 10px;
+              &::after, &::before {
+                pointer-events: none;
+                content: " ";
+                display: block;
+                position: sticky;
+                width: 100%;
+                height: 1px;
+                background: ${_core.Colors.GRAY5};
+                .bp4-dark & { background: ${_core.Colors.DARK_GRAY2}; }
+                z-index: 10;
+              }
+              &::before {
+                top: 0;
+                box-shadow: ${_core.Colors.GRAY5} 0 -20px 20px 20px;
+                .bp4-dark & {
+                  box-shadow: ${_core.Colors.DARK_GRAY2} 0 -20px 20px 20px;
+                }
+              }
+              &::after {
+                bottom: 0;
+                box-shadow: ${_core.Colors.GRAY5} 0 20px 20px 20px;
+                .bp4-dark & {
+                  box-shadow: ${_core.Colors.DARK_GRAY2} 0 20px 20px 20px;
+                }
+              }
+            `}
+
+        ${layout === 'scrollable' || layout === 'card-grid' ? `
+              background: ${_core.Colors.GRAY5};
+              .bp4-dark & { background: ${_core.Colors.DARK_GRAY2}; }
+            ` : ''}
+
+        ${layout === 'card-grid' ? `
+              display: flex;
+              flex-flow: row wrap;
+              align-content: flex-start;
+              align-items: flex-start;
+              gap: 10px;
+            ` : ''}
+      `
+  }, children), hasActions ? (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`
+            margin: 0 ${paddingPx}px;
+            flex: 0; display: flex; flex-flow: row wrap; gap: ${paddingPx}px;
+          `
+  }, actions.map((props, idx) => {
+    if (props.hasOwnProperty('length') && props.length !== undefined) {
+      return (0, _react2.jsx)(_core.ButtonGroup, {
+        key: idx
+      }, props.map(p => (0, _react2.jsx)(Action, { ...p
+      })));
+    } else {
+      return (0, _react2.jsx)(Action, {
+        key: idx,
+        ...props
+      });
+    }
+  })) : null);
+};
+/** Mostly a button, but with an optional popup. */
+
+
+exports.TabContentsWithHeader = TabContentsWithHeader;
+
+const Action = function ({
+  popup,
+  tooltip,
+  ...props
+}) {
+  const btn = (0, _react2.jsx)(_core.Button, { ...props,
+    intent: props.disabled ? undefined : props.intent,
+    onClick: props.disabled ? undefined : props.onClick,
+    disabled: props.active ? false : props.disabled,
+    title: tooltip
+  });
+
+  if (popup && !props.disabled) {
+    return (0, _react2.jsx)(_popover.Popover2, {
+      content: popup,
+      placement: "top"
+    }, btn);
+  } else {
+    return btn;
+  }
+};
+
+const CardInGrid = function ({
+  description,
+  className,
+  children
+}) {
+  return (0, _react2.jsx)(_core.Card, {
+    css: (0, _react2.css)`border-radius: 5px;`,
+    title: description,
+    className: `${_core.Classes.ELEVATION_3} ${className !== null && className !== void 0 ? className : ''}`
+  }, children);
+};
+/** Useful in case of tab “card-grid” layout. */
+
+
+exports.CardInGrid = CardInGrid;
+
+const FormGroupAsCardInGrid = function ({
+  paddingPx,
+  ...props
+}) {
+  const paddingPx_ = paddingPx !== null && paddingPx !== void 0 ? paddingPx : 11;
+  return (0, _react2.jsx)(_core.FormGroup, { ...props,
+    css: (0, _react2.css)`
+        margin: 0;
+
+        border-radius: 5px;
+        padding: ${paddingPx_}px;
+
+        > label.bp4-label {
+          font-weight: bold;
+          margin-bottom: ${paddingPx_}px;
+        }
+        > .bp4-form-content {
+          display: flex;
+          flex-flow: column nowrap;
+          gap: ${paddingPx_}px;
+
+          > .bp4-form-group {
+            margin: 0;
+          }
+        }
+
+        /* Note: these colors are picked to work with some form widgets, date input widget specifically. */
+        background: ${_core.Colors.WHITE};
+        .bp4-dark & { background: ${_core.Colors.DARK_GRAY3}; }
+      `,
+    className: _core.Classes.ELEVATION_3
+  });
+};
+
+exports.FormGroupAsCardInGrid = FormGroupAsCardInGrid;

package/views/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sourceRoot":"","sources":["../../src/views/util.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\n//import log from 'electron-log';\nimport format from 'date-fns/format';\nimport React, { memo, useContext } from 'react';\nimport { Helmet, HelmetProps } from 'react-helmet';\nimport { css, jsx } from '@emotion/react';\nimport { FormGroup, FormGroupProps, Colors } from '@blueprintjs/core';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport type { ItemClassConfiguration, RelatedItemClassConfiguration } from '../types';\nexport { GenericRelatedItemView } from './GenericRelatedItemView';\n\n\n/**\n * Get give string truncated & with ellipsis appended\n * if its length exceeds given number of characters.\n */\nexport function maybeEllipsizeString(\n  str: string,\n  maxLength: number = 20,\n): string {\n  return str.length > maxLength\n    ? `${str.slice(0, maxLength)}…`\n    : str;\n}\n\n\nexport const RegisterHelmet: React.FC<HelmetProps> = memo(function (props) {\n  const { title: datasetTitle } = useContext(DatasetContext);\n\n  return (\n    <Helmet\n        titleTemplate={`%s in ${datasetTitle} register`}\n        defaultTitle={`${datasetTitle} register`}>\n      {props.children}\n    </Helmet>\n  );\n});\n\n\nexport const PropertyDetailView: React.FC<{\n  title: FormGroupProps[\"label\"]\n  secondaryTitle?: FormGroupProps[\"labelInfo\"]\n  inline?: FormGroupProps[\"inline\"]\n  className?: string\n}> = function ({ title, secondaryTitle, inline, children, className }) {\n  return (\n    <FormGroup\n        label={`${title}:`}\n        labelInfo={secondaryTitle}\n        css={css`&, &.bp4-inline { label.bp4-label { font-weight: bold; line-height: unset } }`}\n        className={className}\n        inline={inline}>\n      {children}\n    </FormGroup>\n  );\n};\n\n\n/** Formats given date as a span with tooltip set to full ISO date & time. */\nexport const Datestamp: React.FC<{\n  date: Date\n  title?: string\n  className?: string\n}> = function ({ date, title, className }) {\n  const asString = formatDate(date);\n  return <span\n      className={className}\n      title={`${title ? `${title}: ` : ''}${date?.toString() ?? 'N/A'}`}>\n    {asString}\n  </span>;\n};\n\n\n/** Foramts given date as plain text. */\nexport function formatDate(date: Date): string {\n  try {\n    return format(date, 'yyyy-MM-dd');\n  } catch (e) {\n    return `Invalid date (${e})`;\n  }\n}\n\n\nexport const _getRelatedClass = (classes: Record<string, ItemClassConfiguration<any>>) => {\n  return (clsID: string): RelatedItemClassConfiguration => {\n    const cfg = classes[clsID];\n    return {\n      title: cfg.meta.title,\n      // TODO: The itemView/listItemView inconsistency is annoying\n      itemView: cfg.views.listItemView,\n    };\n  };\n};\n\n\n/**\n * Suitable for use as tab contents for TabbedWorkspace.\n * Provides top bar with actions and main content.\n */\nexport const TabContentsWithActions: React.FC<{\n  actions: JSX.Element;\n  main: JSX.Element;\n  className?: string;\n}> = function ({ actions, main, className }) {\n  return (\n    <div css={css`\n      position: absolute; inset: 0;\n      display: flex; flex-flow: column nowrap;\n    `} className={className}>\n      <div css={css`flex: 0; padding: 10px; display: flex; flex-flow: row wrap; gap: 10px;`}>\n        {actions}\n      </div>\n      <div css={css`\n        position: relative;\n        flex: 1;\n        padding: 10px;\n        overflow-y: auto;\n        background: ${Colors.GRAY5};\n        .bp4-dark & { background: ${Colors.DARK_GRAY2}; }\n      `}>\n        {main}\n      </div>\n    </div>\n  )\n}\n"]}
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../src/views/util.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\n//import log from 'electron-log';\nimport format from 'date-fns/format';\nimport React, { memo, useContext } from 'react';\nimport { Helmet, type HelmetProps } from 'react-helmet';\nimport { css, jsx } from '@emotion/react';\nimport {\n  Card,\n  Classes,\n  FormGroup, type FormGroupProps,\n  H2, H4,\n  Button as BaseButton, type ButtonProps,\n  ButtonGroup,\n  Tag, type TagProps,\n  Colors,\n} from '@blueprintjs/core';\nimport { Popover2 as Popover } from '@blueprintjs/popover2';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport HelpTooltip, { type HelpTooltipProps } from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';\nimport type { ItemClassConfiguration, RelatedItemClassConfiguration } from '../types';\nexport { GenericRelatedItemView } from './GenericRelatedItemView';\n\n\n/**\n * Get give string truncated & with ellipsis appended\n * if its length exceeds given number of characters.\n */\nexport function maybeEllipsizeString(\n  str: string,\n  maxLength: number = 20,\n): string {\n  return str.length > maxLength\n    ? `${str.slice(0, maxLength)}…`\n    : str;\n}\n\n\nexport const RegisterHelmet: React.FC<HelmetProps> = memo(function (props) {\n  const { title: datasetTitle } = useContext(DatasetContext);\n\n  return (\n    <Helmet\n        titleTemplate={`%s in ${datasetTitle} register`}\n        defaultTitle={`${datasetTitle} register`}>\n      {props.children}\n    </Helmet>\n  );\n});\n\n\nexport const PropertyDetailView: React.FC<{\n  title: FormGroupProps[\"label\"]\n  secondaryTitle?: FormGroupProps[\"labelInfo\"]\n  inline?: FormGroupProps[\"inline\"]\n  className?: string\n}> = function ({ title, secondaryTitle, inline, children, className }) {\n  return (\n    <FormGroup\n        label={`${title}:`}\n        labelInfo={secondaryTitle}\n        css={css`&, &.bp4-inline { label.bp4-label { font-weight: bold; line-height: unset } }`}\n        className={className}\n        inline={inline}>\n      {children}\n    </FormGroup>\n  );\n};\n\n\n/** Formats given date as a span with tooltip set to full ISO date & time. */\nexport const Datestamp: React.FC<{\n  date: Date\n  title?: string\n  className?: string\n}> = function ({ date, title, className }) {\n  const asString = formatDate(date);\n  return <span\n      className={className}\n      title={`${title ? `${title}: ` : ''}${date?.toString() ?? 'N/A'}`}>\n    {asString}\n  </span>;\n};\n\n\n/** Foramts given date as plain text. */\nexport function formatDate(date: Date): string {\n  try {\n    return format(date, 'yyyy-MM-dd');\n  } catch (e) {\n    return `Invalid date (${e})`;\n  }\n}\n\n\nexport const _getRelatedClass = (classes: Record<string, ItemClassConfiguration<any>>) => {\n  return (clsID: string): RelatedItemClassConfiguration => {\n    const cfg = classes[clsID];\n    return {\n      title: cfg.meta.title,\n      // TODO: The itemView/listItemView inconsistency is annoying\n      itemView: cfg.views.listItemView,\n    };\n  };\n};\n\n\n/**\n * Suitable for use as tab contents for TabbedWorkspace.\n * Provides top bar with actions and main content.\n */\nexport const TabContentsWithActions: React.FC<{\n  actions: JSX.Element;\n  main: JSX.Element;\n  className?: string;\n}> = function ({ actions, main, className }) {\n  return (\n    <div css={css`\n      position: absolute; inset: 0;\n      display: flex; flex-flow: column nowrap;\n    `} className={className}>\n      <div css={css`flex: 0; padding: 10px; display: flex; flex-flow: row wrap; gap: 10px;`}>\n        {actions}\n      </div>\n      <div css={css`\n        position: relative;\n        flex: 1;\n        padding: 10px;\n        overflow-y: auto;\n        background: ${Colors.GRAY5};\n        .bp4-dark & { background: ${Colors.DARK_GRAY2}; }\n      `}>\n        {main}\n      </div>\n    </div>\n  );\n};\n\n\nexport type ClassificationEntry = TagProps & { tooltip?: HelpTooltipProps };\nexport interface TabContentsWithHeaderProps {\n  title: JSX.Element | string\n  smallTitle?: boolean\n  classification?: ClassificationEntry[]\n  actions?: (ActionProps | ActionProps[])[]\n  tooltip?: HelpTooltipProps\n  className?: string\n\n  /**\n   * CSS to apply to child contents wrapper div.\n   *\n   * If 'card-grid', children would be expected to be cards\n   * (e.g., `FormGroupAsCardInGrid` or `CardInGrid`)\n   *\n   * 'card-grid' implies 'scrollable'.\n   */\n  layout?: undefined | 'card-grid' | 'scrollable'\n}\nconst paddingPx = 11;\nfunction findEnabledActions\n<T extends ButtonProps | ButtonProps[] = ButtonProps | ButtonProps[]>\n(props: T[]): ButtonProps[] {\n  return props.map(props =>\n    (props as ButtonProps[]).length !== undefined\n      ? (props as ButtonProps[]).filter(p => !p.disabled)\n      : !(props as ButtonProps).disabled\n        ? props\n        : []\n  ).flat();\n}\nexport const TabContentsWithHeader: React.FC<TabContentsWithHeaderProps> =\nfunction ({ title, smallTitle, classification, actions, className, layout, children }) {\n  const hasClassification = (classification ?? []).length > 0;\n\n  const enabledActions = actions ? findEnabledActions(actions) : [];\n  const hasActions = enabledActions.length > 0;\n\n  // if (enabledActions.length === 1 && !enabledActions[0].intent) {\n  //   enabledActions[0].intent = 'primary';\n  // }\n\n  return (\n    <div css={css`\n      position: absolute; inset: 0;\n      padding-top: ${paddingPx}px;\n      ${hasActions ? `padding-bottom: ${paddingPx}px;` : ''}\n      display: flex; flex-flow: column nowrap;\n      gap: ${paddingPx}px;\n    `} className={className}>\n      {smallTitle\n        ? <H4 css={css`margin: 0 ${paddingPx}px;`}>{title}</H4>\n        : <H2 css={css`margin: 0 ${paddingPx}px;`}>{title}</H2>}\n      {hasClassification\n        ? <div css={css`\n            flex: 0;\n            margin: 0 ${paddingPx}px;\n            display: flex;\n            flex-flow: row wrap;\n            gap: ${paddingPx}px;\n          `}>\n            {classification!.map((p, idx) =>\n              <Tag\n                key={idx}\n                minimal\n                {...p}\n                large={!smallTitle}\n                rightIcon={p.tooltip\n                  ? <HelpTooltip {...p.tooltip} />\n                  : undefined}\n              />\n            )}\n          </div>\n        : null}\n      <div css={css`\n        position: relative;\n        flex: 1;\n        overflow-y: auto;\n\n        ${layout === undefined\n          ? `\n              > :only-child { position: absolute; inset: 0 }\n              box-shadow: black 0 0 20px -10px;\n            `\n          : `\n              padding: 0 10px;\n              &::after, &::before {\n                pointer-events: none;\n                content: \" \";\n                display: block;\n                position: sticky;\n                width: 100%;\n                height: 1px;\n                background: ${Colors.GRAY5};\n                .bp4-dark & { background: ${Colors.DARK_GRAY2}; }\n                z-index: 10;\n              }\n              &::before {\n                top: 0;\n                box-shadow: ${Colors.GRAY5} 0 -20px 20px 20px;\n                .bp4-dark & {\n                  box-shadow: ${Colors.DARK_GRAY2} 0 -20px 20px 20px;\n                }\n              }\n              &::after {\n                bottom: 0;\n                box-shadow: ${Colors.GRAY5} 0 20px 20px 20px;\n                .bp4-dark & {\n                  box-shadow: ${Colors.DARK_GRAY2} 0 20px 20px 20px;\n                }\n              }\n            `}\n\n        ${layout === 'scrollable' || layout === 'card-grid'\n          ? `\n              background: ${Colors.GRAY5};\n              .bp4-dark & { background: ${Colors.DARK_GRAY2}; }\n            `\n          : ''}\n\n        ${layout === 'card-grid'\n          ? `\n              display: flex;\n              flex-flow: row wrap;\n              align-content: flex-start;\n              align-items: flex-start;\n              gap: 10px;\n            `\n          : ''}\n      `}>\n        {children}\n      </div>\n\n      {hasActions\n        ? <div css={css`\n            margin: 0 ${paddingPx}px;\n            flex: 0; display: flex; flex-flow: row wrap; gap: ${paddingPx}px;\n          `}>\n            {actions!.map((props, idx) => {\n              if (props.hasOwnProperty('length') && (props as ButtonProps[]).length !== undefined) {\n                return (\n                  <ButtonGroup key={idx}>\n                    {(props as ButtonProps[]).map(p =>\n                      <Action {...p} />\n                    )}\n                  </ButtonGroup>\n                );\n              } else {\n                return <Action key={idx} {...(props as ButtonProps)} />;\n              }\n            })}\n          </div>\n        : null}\n    </div>\n  );\n};\n\n\nexport type ActionProps = ButtonProps & ({ popup?: JSX.Element, tooltip?: string });\n/** Mostly a button, but with an optional popup. */\nconst Action: React.FC<ActionProps> = function ({ popup, tooltip, ...props }) {\n  const btn = <BaseButton\n    {...props}\n    intent={props.disabled ? undefined : props.intent}\n    onClick={props.disabled ? undefined : props.onClick}\n    disabled={props.active ? false : props.disabled}\n    title={tooltip}\n  />;\n\n  if (popup && !props.disabled) {\n    return (\n      <Popover content={popup} placement=\"top\">\n        {btn}\n      </Popover>\n    );\n  } else {\n    return btn;\n  }\n};\n\n\nexport const CardInGrid: React.FC<{ description: string, className?: string }> = function ({ description, className, children }) {\n  return (\n    <Card\n        css={css`border-radius: 5px;`}\n        title={description}\n        className={`${Classes.ELEVATION_3} ${className ?? ''}`}>\n      {children}\n    </Card>\n  );\n};\n\n\n/** Useful in case of tab “card-grid” layout. */\nexport const FormGroupAsCardInGrid: React.FC<FormGroupProps & { paddingPx?: number }> =\nfunction ({ paddingPx, ...props }) {\n  const paddingPx_ = paddingPx ?? 11;\n  return (\n    <FormGroup\n      {...props}\n      css={css`\n        margin: 0;\n\n        border-radius: 5px;\n        padding: ${paddingPx_}px;\n\n        > label.bp4-label {\n          font-weight: bold;\n          margin-bottom: ${paddingPx_}px;\n        }\n        > .bp4-form-content {\n          display: flex;\n          flex-flow: column nowrap;\n          gap: ${paddingPx_}px;\n\n          > .bp4-form-group {\n            margin: 0;\n          }\n        }\n\n        /* Note: these colors are picked to work with some form widgets, date input widget specifically. */\n        background: ${Colors.WHITE};\n        .bp4-dark & { background: ${Colors.DARK_GRAY3}; }\n      `}\n      className={Classes.ELEVATION_3}\n    />\n  );\n};\n"]}

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

@@ -1,28 +0,0 @@
-/** @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 {};

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

@@ -1 +0,0 @@
-{"version":3,"file":"transitions.js","sourceRoot":"","sources":["../../../../src/views/detail/ChangeRequest/transitions.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext, useEffect, useMemo, useCallback } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { Button, RadioGroup, Radio, FormGroup, TextArea, TextAreaProps, Intent } from '@blueprintjs/core';\nimport { Tooltip2 as Tooltip } from '@blueprintjs/popover2';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport type { PersistentStateReducerHook } from '@riboseinc/paneron-extension-kit/usePersistentStateReducer';\nimport type { ObjectChangeset } from '@riboseinc/paneron-extension-kit/types/objects';\nimport { BrowserCtx } from '../../BrowserCtx';\nimport type { RegisterItem, RegisterStakeholder, Supersession } from '../../../types';\nimport { itemPathInCR, crIDToCRPath } from '../../itemPathUtils';\nimport * as CR from '../../../types/cr';\nimport { proposalsToObjectChangeset } from '../../change-request/objectChangeset';\n\n\ninterface State {\n  chosenNextState?: CR.StateType;\n\n  /**\n   * Can contain any fields. Upon transition,\n   * they will be validated against selected `chosenNextState`.\n   */\n  stateInput: Partial<CR.StateInput>;\n}\n\ntype Action =\n  | { type: 'unset-next-state' }\n  | { type: 'choose-next-state'; payload: { state: CR.StateType } }\n  | { type: 'update-next-state-input'; payload: Record<string, any> }\n\n//export const TransitionOptions: C extends CR.Base ? C[\"state\"] extends keyof CR.Transitions ? React.FC<{ cr: CR.Base }> : never : never = function ({ cr }) {\nexport const TransitionOptions: React.FC<{ cr: CR.Base, className?: string }> =\nfunction ({ cr, className }) {\n  const { stakeholder, subregisters } = useContext(BrowserCtx);\n  const {\n    getObjectData,\n    updateObjects,\n    performOperation,\n    operationKey,\n    usePersistentDatasetStateReducer,\n  } = useContext(DatasetContext);\n\n  const isBusy = operationKey !== undefined;\n\n  const transitions = useMemo((\n    () => stakeholder\n      ? getTransitions(cr, stakeholder)\n      : []\n  ), [\n    JSON.stringify(stakeholder),\n    // IMPORTANT: Below two dependencies arise\n    // from within `getTransitions()` implementation, which in turn\n    // further depends on individual transitions.\n    cr.state,\n    cr.submittingStakeholderGitServerUsername,\n  ]);\n\n  const initialState: State = useMemo((() => ({\n    // Pre-select next state to first available transition\n    chosenNextState: transitions.length > 0\n      ? transitions[0][0]\n      : undefined,\n    stateInput: {},\n  })), [transitions]);\n\n  const [ state, dispatch, stateRecalled ] =\n  (usePersistentDatasetStateReducer as PersistentStateReducerHook<State, Action>)(\n    `${cr.id}-${cr.state}`,\n    undefined,\n    undefined,\n    (prevState, action) => {\n      switch (action.type) {\n        case 'unset-next-state':\n          return {\n            ...prevState,\n            chosenNextState: undefined,\n          };\n        case 'choose-next-state':\n          return {\n            ...prevState,\n            chosenNextState: action.payload.state,\n          };\n        case 'update-next-state-input':\n          return {\n            ...prevState,\n            stateInput: action.payload,\n          };\n        default:\n          throw new Error(\"Unexpected state\");\n      }\n    },\n    initialState,\n    null);\n\n  const selectedTransitionCfg = useMemo((() =>\n    (\n      stateRecalled && state.chosenNextState\n        ? transitions.find(([t, ]) => t === state.chosenNextState)?.[1]\n        : undefined\n    ) ?? undefined\n  ), [stateRecalled, state.chosenNextState, transitions]);\n\n  useEffect(() => {\n    if (stateRecalled && state.chosenNextState) {\n      if (!selectedTransitionCfg) {\n        dispatch({ type: 'unset-next-state' });\n      }\n    }\n  }, [\n    stateRecalled,\n    state.chosenNextState,\n    selectedTransitionCfg,\n  ]);\n\n  const [validatedStateInput, stateInputValidationErrors]:\n  [CR.StateInput, undefined] | [undefined, string] =\n  useMemo(() => {\n    if (cr && selectedTransitionCfg) {\n      try {\n        selectedTransitionCfg.func(cr, state.stateInput);\n      } catch (e) {\n        return [undefined, (e as any).message ?? `${e}`];\n      }\n      return [state.stateInput as CR.StateInput, undefined];\n    } else {\n      return [undefined, \"no CR or no transition selected\"];\n    }\n  }, [JSON.stringify(cr), selectedTransitionCfg, state.stateInput]);\n\n  const getItemChangesetAsApproved = useCallback(\n  async function (cr: CR.Accepted | CR.AcceptedOnAppeal): Promise<ObjectChangeset> {\n    const origItemData = (await getObjectData({\n      objectPaths: [\n        ...Object.entries(cr.items).\n          filter(([, prop]) => prop.type !== 'addition').\n          map(([itemPath, ]) => itemPath),\n        ...Object.values(cr.items).\n          filter(prop => prop.type === 'amendment' && prop.amendmentType === 'supersession').\n          flatMap(prop => (prop as Supersession).supersedingItemIDs),\n      ],\n    })).data as Record<string, RegisterItem<any> | null>;\n    //console.debug(\"Got orig item data\", origItemData);\n    const newItemData = (await getObjectData({\n      objectPaths: Object.entries(cr.items).\n        filter(([, prop]) => prop.type === 'clarification' || prop.type === 'addition').\n        map(([itemPath, ]) => itemPathInCR(itemPath, cr.id)),\n    })).data as Record<string, RegisterItem<any> | null>;\n    //console.debug(\"Got new item data\", newItemData);\n    return await proposalsToObjectChangeset(\n        cr.id,\n        subregisters !== undefined,\n        cr.items,\n        origItemData,\n        newItemData);\n  }, [cr.id, JSON.stringify(cr.items), subregisters === undefined, getObjectData]);\n\n  const handleTransition = useCallback(\n  async function (transitionCfg: typeof selectedTransitionCfg, stateInput: CR.StateInput) {\n    if (transitionCfg && updateObjects && stakeholder && transitionCfg.canBeTransitionedBy(stakeholder, cr)) {\n      const newCR = {\n        ...(transitionCfg.func(cr, stateInput) as Omit<CR.SomeCR, 'state'>),\n        state: transitionCfg.targetState,\n      };\n      //console.debug(\"Transitioning CR\", JSON.stringify(cr), JSON.stringify(newCR));\n      const changeset: ObjectChangeset = {\n        [crIDToCRPath(cr.id)]: {\n          oldValue: cr,\n          newValue: newCR,\n        },\n      };\n      if (CR.isAccepted(newCR) || CR.isAcceptedOnAppeal(newCR)) {\n        Object.assign(changeset, await getItemChangesetAsApproved(newCR));\n      }\n      await updateObjects({\n        commitMessage: `${transitionCfg.title} CR`,\n        objectChangeset: changeset,\n      });\n    } else {\n      throw new Error(\"Either transition is not specified or dataset is read-only\");\n    }\n  }, [updateObjects, JSON.stringify(stakeholder), JSON.stringify(cr)]);\n\n  const canTransition = selectedTransitionCfg !== undefined && !isBusy && validatedStateInput !== undefined;\n\n  return (\n    <div css={css`display: flex; flex-flow: column nowrap;`} className={className}>\n      {transitions.length > 0\n        ? <RadioGroup\n              selectedValue={state.chosenNextState}\n              onChange={(evt) => CR.isState(evt.currentTarget.value)\n                ? dispatch({\n                    type: 'choose-next-state',\n                    payload: { state: evt.currentTarget.value },\n                  })\n                : void 0}>\n            {transitions.map(([state, cfg]) => \n              <Radio\n                key={state}\n                label={cfg.title}\n                value={state}\n                disabled={isBusy}\n                large\n              />\n            )}\n          </RadioGroup>\n        : null}\n      {selectedTransitionCfg?.Widget\n        ? <Tooltip\n              isOpen={stateInputValidationErrors !== undefined}\n              placement='bottom'\n              targetTagName='div'\n              intent='warning'\n              content={<>{stateInputValidationErrors}</>}>\n            <selectedTransitionCfg.Widget\n              value={Object.keys(state.stateInput).length > 0\n                ? state.stateInput\n                : cr}\n              onChange={!isBusy\n                ? (payload) => dispatch({\n                    type: 'update-next-state-input',\n                    payload,\n                  })\n                : undefined}\n            />\n          </Tooltip>\n        : null}\n      {selectedTransitionCfg\n        ? <Button\n              disabled={!canTransition}\n              intent={canTransition ? 'primary' : undefined}\n              onClick={() =>\n                validatedStateInput\n                  ? performOperation('transitioning CR state', handleTransition)\n                    (selectedTransitionCfg, validatedStateInput)\n                  : void 0\n              }>\n            {selectedTransitionCfg.title}\n          </Button>\n        : null}\n    </div>\n  );\n};\n\n\nexport function getPastTransitions(cr: CR.Base): [key: string, el: JSX.Element][] {\n  const els: [key: string, el: JSX.Element][] = [];\n  if (CR.hasSubmitterInput(cr)) {\n    els.push(['Submitter’s justification', <>{cr.justification}</>]);\n  }\n  if (CR.hasRegisterManagerInput(cr)) {\n    els.push(['Register manager’s notes', <>{cr.registerManagerNotes}</>]);\n  }\n  if (CR.hasControlBodyInput(cr)) {\n    els.push(['Control body decision', <>{cr.controlBodyNotes}</>]);\n  }\n  if (CR.hasAppealRequest(cr)) {\n    els.push(['Reason for appeal', <>{cr.appealReason}</>]);\n  }\n  if (CR.hasRegisterOwnerInput(cr)) {\n    els.push(['Register owner notes', <>{cr.registerOwnerNotes}</>]);\n  }\n  return els;\n}\n\n//export const PastTransitions: React.FC<{ cr: CR.Base }> = function ({ cr }) {\n//  const els: JSX.Element[] = [];\n//  if (CR.hasSubmitterInput(cr)) {\n//    els.push(<SubmitterInputWidget value={cr} />);\n//  }\n//  if (CR.hasRegisterManagerInput(cr)) {\n//    els.push(<RegisterManagerNotesWidget value={cr} />);\n//  }\n//  if (CR.hasControlBodyInput(cr)) {\n//    els.push(<ControlBodyNotesWidget value={cr} />);\n//  }\n//  if (CR.hasAppealRequest(cr)) {\n//    els.push(<AppealRequestWidget value={cr} />);\n//  }\n//  if (CR.hasRegisterOwnerInput(cr)) {\n//    els.push(<RegisterOwnerNotesWidget value={cr} />);\n//  }\n//  return <>{els}</>;\n//}\n\n\ntype PossibleTransitionForCR<CR extends CR.Base> = [\n  targetState: CR.StateType,\n  cfg: CR.TransitionConfig<CR, CR.SomeCR, any>,\n];\n\n/**\n * Returns a list of transitions\n * that can be performed on given CR by given stakeholder.\n */\nexport function getTransitions<CR extends CR.Base>(\n  cr: CR,\n  stakeholder: RegisterStakeholder,\n): PossibleTransitionForCR<CR>[] {\n  const possibleTransitions = TRANSITIONS[cr.state as keyof CR.Transitions];\n  if (possibleTransitions) {\n    return (\n      (Object.entries(possibleTransitions) as PossibleTransitionForCR<CR>[]).\n      filter(([, t]) => t.canBeTransitionedBy(stakeholder, cr))\n    );\n  } else {\n    return [];\n  }\n}\n\n\n/**\n * Returns True if there is no possible transition for given state.\n */\nexport function isFinalState(state: CR.StateType): boolean {\n  return (Object.keys(TRANSITIONS[state as keyof CR.Transitions] ?? {})).length < 1;\n}\n\n\nconst applyRegisterManagerDecision: CR.Transition<\n  CR.Proposed,\n  CR.SubmittedForControlBodyReview\n| CR.ReturnedForClarificationByManager,\n  CR.RegisterManagerInput> =\nfunction applyRegisterManagerDecision (cr, { registerManagerNotes }) {\n  return {\n    ...cr,\n    registerManagerNotes: registerManagerNotes ?? '',\n  };\n}\n\n\nconst applyControlBodyDecision: CR.Transition<\n  CR.SubmittedForControlBodyReview,\n  CR.Accepted\n| CR.Rejected\n| CR.ReturnedForClarificationByControlBody,\n  CR.ControlBodyInput> =\nfunction applyControlBodyDecision (cr, { controlBodyNotes }) {\n  if (!controlBodyNotes?.trim()) {\n    throw new Error(\"Control body decision is required.\");\n  }\n  return {\n    ...cr,\n    controlBodyNotes,\n  };\n}\n\n\nconst applyAppeal: CR.Transition<\n  CR.Rejected,\n  CR.Appealed,\n  CR.AppealRequest> =\nfunction applyAppeal (cr, { appealReason }) {\n  if (!appealReason?.trim()) {\n    throw new Error(\"Appeal reason is required.\");\n  }\n  return {\n    ...cr,\n    appealReason,\n    timeDisposed: undefined,\n  };\n}\n\n\nconst applyRegisterOwnerDecision: CR.Transition<\n  CR.Appealed,\n  CR.AcceptedOnAppeal\n| CR.RejectionUpheld,\n  CR.RegisterOwnerInput> =\nfunction applyRegisterOwnerDecision (cr, { registerOwnerNotes }) {\n  if (!registerOwnerNotes?.trim()) {\n    throw new Error(\"Register owner note is required.\");\n  }\n  return {\n    ...cr,\n    registerOwnerNotes,\n    timeDisposed: new Date(),\n  };\n}\n\n\nconst WITHDRAWAL_TRANSITION:\nCR.TransitionConfig<CR.Withdrawable, CR.Withdrawn, null> = {\n  title: \"Withdraw\",\n  targetState: CR.State.WITHDRAWN,\n  Widget: null,\n  canBeTransitionedBy: (stakeholder, cr) => cr.timeProposed && CR.isSubmittedBy(stakeholder, cr),\n  func: (cr: CR.Withdrawable) => ({\n    ...cr,\n    timeDisposed: new Date(),\n  }),\n} as const;\n\n\nconst SubmitterInputWidget: React.FC<{\n  value: CR.SubmitterInput\n  onChange?: (newVal: CR.SubmitterInput) => void\n}> = function ({ value, onChange }) {\n  return (\n    <FormGroup label=\"Justification:\">\n      <TransitionInputTextArea\n        required\n        value={value.justification}\n        onChange={(evt) =>\n          onChange?.({ justification: evt.currentTarget.value })\n        }\n      />\n    </FormGroup>\n  );\n};\n\n\nconst TransitionInputTextArea: React.FC<TextAreaProps> = function (props) {\n  return <TextArea\n    fill\n    css={css`resize: vertical;`}\n    readOnly={!props.onChange}\n    {...props}\n  />;\n};\n\n\nconst PROPOSAL_TRANSITION:\nCR.TransitionConfig<CR.Proposable, CR.Proposed, CR.SubmitterInput> = {\n  title: \"Propose\",\n  targetState: CR.State.PROPOSED,\n  canBeTransitionedBy: ((stakeholder, cr) =>\n    CR.isSubmittedBy(stakeholder, cr) && Object.keys(cr.items).length > 0\n  ),\n  Widget: SubmitterInputWidget,\n  func: (cr, submitterInput) => {\n    if (!submitterInput?.justification?.trim()) {\n      throw new Error(\"Justification is required.\");\n    }\n    return {\n      ...cr,\n      ...submitterInput,\n      timeProposed: new Date(),\n    }\n  },\n}\n\n\nconst RegisterManagerNotesWidget: React.FC<{\n  value: CR.RegisterManagerInput\n  onChange?: (newVal: CR.RegisterManagerInput) => void\n}> = function ({ value, onChange }) {\n  return (\n    <FormGroup label=\"Register manager notes:\">\n      <TransitionInputTextArea\n        value={value.registerManagerNotes}\n        required\n        onChange={evt =>\n          onChange?.({ registerManagerNotes: evt.currentTarget.value })\n        }\n      />\n    </FormGroup>\n  );\n};\n\n\nconst ControlBodyNotesWidget: React.FC<{\n  value: CR.ControlBodyInput\n  onChange?: (newVal: CR.ControlBodyInput) => void\n}> = function ({ value, onChange }) {\n  return (\n    <FormGroup label=\"Control body decision:\">\n      <TransitionInputTextArea\n        value={value.controlBodyNotes}\n        required\n        onChange={evt =>\n          onChange?.({\n            controlBodyNotes: evt.currentTarget.value,\n          })\n        }\n      />\n    </FormGroup>\n  );\n};\n\n\nconst AppealRequestWidget: React.FC<{\n  value: CR.AppealRequest\n  onChange?: (newVal: CR.AppealRequest) => void\n}> = function ({ value, onChange }) {\n  return (\n    <FormGroup label=\"Appeal reasoning:\">\n      <TransitionInputTextArea\n        value={value.appealReason}\n        required\n        onChange={evt =>\n          onChange?.({ appealReason: evt.currentTarget.value })\n        }\n      />\n    </FormGroup>\n  );\n};\n\n\nconst RegisterOwnerNotesWidget: React.FC<{\n  value: CR.RegisterOwnerInput\n  onChange?: (newVal: CR.RegisterOwnerInput) => void\n}> = function ({ value, onChange }) {\n  return (\n    <FormGroup label=\"Register owner notes:\">\n      <TransitionInputTextArea\n        value={value.registerOwnerNotes}\n        required\n        onChange={evt =>\n          onChange?.({ registerOwnerNotes: evt.currentTarget.value })\n        }\n      />\n    </FormGroup>\n  );\n};\n\n\nexport const STATE_INTENT: { [key in CR.StateType]?: Intent } = {\n  [CR.State.PROPOSED]: 'primary',\n  [CR.State.RETURNED_FOR_CLARIFICATION]: 'primary',\n  [CR.State.SUBMITTED_FOR_CONTROL_BODY_REVIEW]: 'primary',\n  [CR.State.APPEALED]: 'warning',\n};\n\n\n\n/** Associates transition implementation with source/target states. */\nconst TRANSITIONS: CR.Transitions = {\n  [CR.State.DRAFT]: {\n    [CR.State.WITHDRAWN]: WITHDRAWAL_TRANSITION,\n    [CR.State.PROPOSED]: PROPOSAL_TRANSITION,\n  },\n  [CR.State.PROPOSED]: {\n    [CR.State.WITHDRAWN]: WITHDRAWAL_TRANSITION,\n    [CR.State.SUBMITTED_FOR_CONTROL_BODY_REVIEW]: {\n      title: \"Submit for control body review\",\n      targetState: CR.State.SUBMITTED_FOR_CONTROL_BODY_REVIEW,\n      canBeTransitionedBy: (stakeholder) => ['owner', 'manager'].indexOf(stakeholder.role) >= 0,\n      Widget: RegisterManagerNotesWidget,\n      func: applyRegisterManagerDecision,\n    },\n    [CR.State.RETURNED_FOR_CLARIFICATION]: {\n      title: \"Return for clarification\",\n      targetState: CR.State.RETURNED_FOR_CLARIFICATION,\n      canBeTransitionedBy: (stakeholder) => ['owner', 'manager'].indexOf(stakeholder.role) >= 0,\n      Widget: RegisterManagerNotesWidget,\n      func: function applyRegisterManagerReturnDecision(cr, payload) {\n        if ((payload.registerManagerNotes ?? '').trim() === '') {\n          throw new Error(\"Register manager notes are required if returning for clarification\");\n        }\n        return applyRegisterManagerDecision(cr, payload);\n      },\n    },\n  },\n  [CR.State.SUBMITTED_FOR_CONTROL_BODY_REVIEW]: {\n    [CR.State.WITHDRAWN]: WITHDRAWAL_TRANSITION,\n    [CR.State.RETURNED_FOR_CLARIFICATION]: {\n      title: \"Return for clarification\",\n      targetState: CR.State.RETURNED_FOR_CLARIFICATION,\n      canBeTransitionedBy: (stakeholder) => ['owner', 'control-body'].indexOf(stakeholder.role) >= 0,\n      Widget: ControlBodyNotesWidget,\n      func: applyControlBodyDecision,\n    },\n    [CR.State.ACCEPTED]: {\n      title: \"Accept\",\n      targetState: CR.State.ACCEPTED,\n      canBeTransitionedBy: (stakeholder) => ['owner', 'control-body'].indexOf(stakeholder.role) >= 0,\n      Widget: ControlBodyNotesWidget,\n      func: (cr, controlBodyInput) => ({\n        ...applyControlBodyDecision(cr, controlBodyInput),\n        timeDisposed: new Date(),\n      }),\n    },\n    [CR.State.REJECTED]: {\n      title: \"Reject\",\n      targetState: CR.State.REJECTED,\n      canBeTransitionedBy: (stakeholder) => ['owner', 'control-body'].indexOf(stakeholder.role) >= 0,\n      Widget: ControlBodyNotesWidget,\n      func: (cr, controlBodyInput) => ({\n        ...applyControlBodyDecision(cr, controlBodyInput),\n        timeDisposed: new Date(),\n      }),\n    },\n  },\n  [CR.State.RETURNED_FOR_CLARIFICATION]: {\n    [CR.State.PROPOSED]: PROPOSAL_TRANSITION,\n    [CR.State.WITHDRAWN]: WITHDRAWAL_TRANSITION,\n  },\n  [CR.State.REJECTED]: {\n    [CR.State.APPEALED]: {\n      title: \"Appeal\",\n      targetState: CR.State.APPEALED,\n      canBeTransitionedBy: CR.isSubmittedBy,\n      Widget: AppealRequestWidget,\n      func: applyAppeal,\n    },\n  },\n  [CR.State.APPEALED]: {\n    [CR.State.APPEAL_WITHDRAWN]: {\n      title: \"Withdraw appeal\",\n      targetState: CR.State.APPEAL_WITHDRAWN,\n      canBeTransitionedBy: CR.isSubmittedBy,\n      Widget: null,\n      func: (cr) => ({\n        ...cr,\n        timeDisposed: new Date(),\n      }),\n    },\n    [CR.State.ACCEPTED_ON_APPEAL]: {\n      title: \"Accept on appeal\",\n      targetState: CR.State.ACCEPTED_ON_APPEAL,\n      canBeTransitionedBy: (stakeholder) => stakeholder.role === 'owner',\n      Widget: RegisterOwnerNotesWidget,\n      func: applyRegisterOwnerDecision,\n    },\n    [CR.State.REJECTION_UPHELD_ON_APPEAL]: {\n      title: \"Uphold rejection\",\n      targetState: CR.State.REJECTION_UPHELD_ON_APPEAL,\n      canBeTransitionedBy: (stakeholder) => stakeholder.role === 'owner',\n      Widget: RegisterOwnerNotesWidget,\n      func: applyRegisterOwnerDecision,\n    },\n  },\n} as const;\n"]}