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

package/views/sidebar/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/views/sidebar/ListItem.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGrD,+BAA+B;AAC/B,MAAM,QAAQ,GACd,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE;IAClC,MAAM,EAAE,YAAY,EAAE,gCAAgC,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAClF,MAAM,OAAO,GAAG,iBAAiB,CAAC,YAAY,KAAK,SAAS,EAAE,UAAU,CAAC,CAAC;IAC1E,MAAM,SAAS,GAAG,gCAAgC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACpE,MAAM,YAAY,GAAG,SAAS,CAAC,QAAQ,CAAC;IACxC,MAAM,WAAW,GAAG,UAAU,EAAE,IAAI,CAAC;IAErC,MAAM,QAAQ,GAAG,WAAW;QAC1B,CAAC,CAAC,IAAC,YAAY,IACX,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,OAAO,GAChB;QACJ,CAAC,CAAC,cAAM,GAAG,EAAE,GAAG,CAAA,aAAa;;YACF,UAAU;gBAC5B,CAAC;IAEZ,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAA;AAGD,eAAe,QAAQ,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport type { RegisterItem } from '../../types';\nimport { BrowserCtx } from '../BrowserCtx';\nimport { itemPathToItemRef } from '../itemPathUtils';\n\n\n/** Register item list view. */\nconst ListItem: React.FC<{ objectData: RegisterItem<any>, objectPath: string }> =\nfunction ({ objectData, objectPath }) {\n  const { subregisters, getRelatedItemClassConfiguration } = useContext(BrowserCtx);\n  const itemRef = itemPathToItemRef(subregisters !== undefined, objectPath);\n  const clsConfig = getRelatedItemClassConfiguration(itemRef.classID);\n  const ListItemView = clsConfig.itemView;\n  const itemPayload = objectData?.data;\n\n  const itemView = itemPayload\n    ? <ListItemView\n        itemData={itemPayload}\n        itemRef={itemRef}\n      />\n    : <span css={css`opacity: .4`}>\n        (missing item data at {objectPath})\n      </span>;\n\n  return itemView;\n}\n\n\nexport default ListItem;\n"]}

package/views/sidebar/Registration/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+export declare const PendingChangeRequestsBlock: React.FC<Record<never, never>>;
+export declare const ChangeRequestHistoryBlock: React.FC<Record<never, never>>;

package/views/sidebar/Registration/index.js

@@ -0,0 +1,163 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChangeRequestHistoryBlock = exports.PendingChangeRequestsBlock = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _context = require("@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context");
+
+var _context2 = require("@riboseinc/paneron-extension-kit/context");
+
+var _SearchResultList = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/SearchResultList"));
+
+var _cr = require("../../../types/cr");
+
+var _BrowserCtx = require("../../BrowserCtx");
+
+var _itemPathUtils = require("../../itemPathUtils");
+
+var _util = require("../../../views/util");
+
+var _protocolRegistry = require("../../protocolRegistry");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+//import { DatasetContext } from '@riboseinc/paneron-extension-kit/context';
+const PendingChangeRequestsBlock = function () {
+  const {
+    stakeholder
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+  const stakeholderUsername = stakeholder === null || stakeholder === void 0 ? void 0 : stakeholder.gitServerUsername;
+  const stakeholderCondition = stakeholderUsername ? `obj.submittingStakeholderGitServerUsername === "${stakeholderUsername}"` : 'false'; // Don’t show drafts in the list of pending proposals, unless it’s user’s own drafts.
+
+  const query = `!obj.timeDisposed && (obj.state !== "draft" || ${stakeholderCondition})`;
+  return (0, _react2.jsx)(ChangeRequestListBlock, {
+    impliedQuery: query
+  });
+};
+
+exports.PendingChangeRequestsBlock = PendingChangeRequestsBlock;
+
+const ChangeRequestHistoryBlock = function () {
+  return (0, _react2.jsx)(ChangeRequestListBlock, {
+    impliedQuery: DISPOSED_CR_QUERY
+  });
+};
+
+exports.ChangeRequestHistoryBlock = ChangeRequestHistoryBlock;
+const CR_BASE_QUERY = 'objPath.indexOf("/proposals/") === 0 && objPath.endsWith("main.yaml")';
+const DISPOSED_CR_QUERY = 'obj.timeDisposed !== undefined && obj.timeDisposed !== null';
+
+const ChangeRequestListBlock = function ({
+  impliedQuery
+}) {
+  const {
+    usePersistentDatasetStateReducer
+  } = (0, _react.useContext)(_context2.DatasetContext);
+  const {
+    spawnTab,
+    focusedTabURI
+  } = (0, _react.useContext)(_context.TabbedWorkspaceContext);
+  const {
+    selectedRegisterItem
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+  const initialState = {
+    quickSubstringQuery: '',
+    selectedItemPath: null
+  };
+  const itemPath = selectedRegisterItem ? (0, _itemPathUtils.itemRefToItemPath)(selectedRegisterItem.ref) : selectedRegisterItem; // ^ Adopt undefined value if no data is available, null if item is not selected
+
+  const [state, dispatch] = usePersistentDatasetStateReducer(`change-request-list-block-${itemPath === null ? 'global' : itemPath}-${impliedQuery}`, undefined, undefined, (prevState, action) => {
+    switch (action.type) {
+      case 'update-quick-substring-query':
+        return { ...prevState,
+          quickSubstringQuery: action.payload.substring
+        };
+
+      case 'select-item':
+        return { ...prevState,
+          selectedItemPath: action.payload.itemPath
+        };
+
+      default:
+        throw new Error("Unexpected search state");
+    }
+  }, initialState, null);
+  const query = itemPath ? `return ${CR_BASE_QUERY} && ${impliedQuery} && obj.items["${itemPath}"] !== undefined` : itemPath === null ? `return ${CR_BASE_QUERY} && ${impliedQuery}` // If item data is loading or unavailable, don’t show any CRs
+  // to avoid flashing all CRs during item switching.
+  : `return false`;
+  const selectedCRPath = focusedTabURI && focusedTabURI.startsWith(`${_protocolRegistry.Protocols.CHANGE_REQUEST}:`) ? focusedTabURI.split(':')[1] : null;
+  (0, _react.useEffect)(() => {
+    if (itemPath !== undefined && selectedCRPath) {
+      setTimeout(() => {
+        dispatch({
+          type: 'select-item',
+          payload: {
+            itemPath: selectedCRPath
+          }
+        });
+      }, 500);
+    }
+  }, [itemPath, selectedCRPath]);
+  return (0, _react2.jsx)(ChangeRequestSearchResultList, {
+    queryExpression: query,
+    selectedItemPath: state.selectedItemPath,
+    onSelectItem: itemPath => dispatch({
+      type: 'select-item',
+      payload: {
+        itemPath
+      }
+    }),
+    onOpenItem: itemPath => spawnTab(`${_protocolRegistry.Protocols.CHANGE_REQUEST}:${itemPath}`)
+  });
+};
+
+const CRHistoryItem = function ({
+  objectData
+}) {
+  const {
+    activeChangeRequestID,
+    setActiveChangeRequestID
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+  const isActive = activeChangeRequestID === objectData.id;
+  const canToggle = activeChangeRequestID == null || isActive;
+  const justification = (0, _cr.hasSubmitterInput)(objectData) ? objectData.justification : 'N/A';
+  return (0, _react2.jsx)("span", {
+    title: `${justification} (proposal ID: ${objectData.id})`
+  }, (0, _react2.jsx)(_core.Icon, {
+    icon: isActive ? 'record' : 'dot',
+    css: (0, _react2.css)`vertical-align: top; ${canToggle ? 'cursor: pointer; transition: all .2s;' : 'opacity: .5;'}`,
+    title: canToggle ? isActive ? "Click to deactivate this proposal" : "Click to activate this proposal" : undefined,
+    onClick: canToggle ? () => setActiveChangeRequestID === null || setActiveChangeRequestID === void 0 ? void 0 : setActiveChangeRequestID(activeChangeRequestID === objectData.id ? null : objectData.id) : undefined,
+    intent: isActive ? 'danger' : canToggle ? 'primary' : undefined
+  }), "\u00A0", (0, _cr.isDisposed)(objectData) ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_util.Datestamp, {
+    date: objectData.timeDisposed,
+    title: "Disposed"
+  }), ": ") : (0, _cr.hadBeenProposed)(objectData) ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_util.Datestamp, {
+    date: objectData.timeProposed,
+    title: "Proposed"
+  }), ": ") : null, justification);
+};
+
+const ChangeRequestSearchResultList = (0, _SearchResultList.default)(CRHistoryItem, objPath => ({
+  name: 'Prp.',
+  iconProps: {
+    icon: 'lightbulb',
+    title: objPath,
+    htmlTitle: `icon for proposal at ${objPath}`
+  }
+}));

package/views/sidebar/Registration/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/sidebar/Registration/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useEffect, useContext } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { Icon } from '@blueprintjs/core';\nimport { TabbedWorkspaceContext } from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport type { PersistentStateReducerHook } from '@riboseinc/paneron-extension-kit/usePersistentStateReducer';\n//import { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport makeSearchResultList from '@riboseinc/paneron-extension-kit/widgets/SearchResultList';\nimport { type Base as BaseCR, hasSubmitterInput, isDisposed, hadBeenProposed } from '../../../types/cr';\nimport { BrowserCtx } from '../../BrowserCtx';\nimport { itemRefToItemPath } from '../../itemPathUtils';\nimport { Datestamp } from '../../../views/util';\nimport { Protocols } from '../../protocolRegistry';\n\n\nexport const PendingChangeRequestsBlock: React.FC<Record<never, never>> = function () {\n  const { stakeholder } = useContext(BrowserCtx);\n  const stakeholderUsername = stakeholder?.gitServerUsername;\n  const stakeholderCondition = stakeholderUsername\n    ? `obj.submittingStakeholderGitServerUsername === \"${stakeholderUsername}\"`\n    : 'false';\n  // Don’t show drafts in the list of pending proposals, unless it’s user’s own drafts.\n  const query = `!obj.timeDisposed && (obj.state !== \"draft\" || ${stakeholderCondition})`;\n\n  return <ChangeRequestListBlock impliedQuery={query} />;\n};\n\n\nexport const ChangeRequestHistoryBlock: React.FC<Record<never, never>> = function () {\n  return <ChangeRequestListBlock impliedQuery={DISPOSED_CR_QUERY} />;\n};\n\n\nconst CR_BASE_QUERY = 'objPath.indexOf(\"/proposals/\") === 0 && objPath.endsWith(\"main.yaml\")';\nconst DISPOSED_CR_QUERY = 'obj.timeDisposed !== undefined && obj.timeDisposed !== null';\n\n\ninterface ChangeRequestBlockState {\n  quickSubstringQuery: string;\n  selectedItemPath: string | null;\n}\ntype ChangeRequestBlockAction =\n  | { type: 'update-quick-substring-query'; payload: { substring: string; }; }\n  | { type: 'select-item'; payload: { itemPath: string | null; }; }\n\n\nconst ChangeRequestListBlock: React.FC<{ impliedQuery: string }> = function ({ impliedQuery }) {\n  const { usePersistentDatasetStateReducer } = useContext(DatasetContext);\n  const { spawnTab, focusedTabURI } = useContext(TabbedWorkspaceContext);\n  const { selectedRegisterItem } = useContext(BrowserCtx);\n\n  const initialState: ChangeRequestBlockState = {\n    quickSubstringQuery: '',\n    selectedItemPath: null,\n  };\n\n  const itemPath = selectedRegisterItem\n    ? itemRefToItemPath(selectedRegisterItem.ref)\n    : selectedRegisterItem;\n      // ^ Adopt undefined value if no data is available, null if item is not selected\n\n  const [ state, dispatch, ] = (usePersistentDatasetStateReducer as PersistentStateReducerHook<ChangeRequestBlockState, ChangeRequestBlockAction>)(\n    `change-request-list-block-${itemPath === null ? 'global' : itemPath}-${impliedQuery}`,\n    undefined,\n    undefined,\n    (prevState, action) => {\n      switch (action.type) {\n        case 'update-quick-substring-query':\n          return {\n            ...prevState,\n            quickSubstringQuery: action.payload.substring,\n          };\n        case 'select-item':\n          return {\n            ...prevState,\n            selectedItemPath: action.payload.itemPath,\n          };\n        default:\n          throw new Error(\"Unexpected search state\");\n      }\n    },\n    initialState,\n    null);\n\n  const query = itemPath\n    ? `return ${CR_BASE_QUERY} && ${impliedQuery} && obj.items[\"${itemPath}\"] !== undefined`\n    : itemPath === null\n      ? `return ${CR_BASE_QUERY} && ${impliedQuery}`\n      // If item data is loading or unavailable, don’t show any CRs\n      // to avoid flashing all CRs during item switching.\n      : `return false`;\n\n  const selectedCRPath: string | null =\n    focusedTabURI && focusedTabURI.startsWith(`${Protocols.CHANGE_REQUEST}:`)\n      ? focusedTabURI.split(':')[1]\n      : null;\n\n  useEffect(() => {\n    if (itemPath !== undefined && selectedCRPath) {\n      setTimeout(() => {\n        dispatch({ type: 'select-item', payload: { itemPath: selectedCRPath } });\n      }, 500);\n    }\n  }, [itemPath, selectedCRPath]);\n\n  return (\n    <ChangeRequestSearchResultList\n      queryExpression={query}\n      selectedItemPath={state.selectedItemPath}\n      onSelectItem={itemPath => dispatch({ type: 'select-item', payload: { itemPath }})}\n      onOpenItem={(itemPath) => spawnTab(`${Protocols.CHANGE_REQUEST}:${itemPath}`)}\n    />\n  )\n};\n\n\nconst CRHistoryItem: React.FC<{\n  objectData: BaseCR,\n  objectPath: string,\n}> = function ({ objectData }) {\n  const { activeChangeRequestID, setActiveChangeRequestID } = useContext(BrowserCtx);\n  const isActive = activeChangeRequestID === objectData.id;\n  const canToggle = activeChangeRequestID == null || isActive;\n\n  const justification = hasSubmitterInput(objectData) ? objectData.justification : 'N/A';\n\n  return <span title={`${justification} (proposal ID: ${objectData.id})`}>\n    <Icon\n      icon={isActive ? 'record' : 'dot'}\n      css={css`vertical-align: top; ${canToggle ? 'cursor: pointer; transition: all .2s;' : 'opacity: .5;'}`}\n      title={canToggle\n        ? isActive\n          ? \"Click to deactivate this proposal\"\n          : \"Click to activate this proposal\"\n        : undefined}\n      onClick={canToggle\n        ? () => setActiveChangeRequestID?.(activeChangeRequestID === objectData.id ? null : objectData.id)\n        : undefined}\n      intent={isActive\n        ? 'danger'\n        : canToggle\n          ? 'primary'\n          : undefined}\n    />\n    &nbsp;\n    {isDisposed(objectData)\n      ? <><Datestamp date={objectData.timeDisposed} title=\"Disposed\" />: </>\n      : hadBeenProposed(objectData)\n        ? <><Datestamp date={objectData.timeProposed} title=\"Proposed\" />: </>\n        : null}\n    {justification}\n  </span>;\n};\n\n\nconst ChangeRequestSearchResultList = makeSearchResultList<BaseCR>(CRHistoryItem, (objPath) => ({\n  name: 'Prp.',\n  iconProps: {\n    icon: 'lightbulb',\n    title: objPath,\n    htmlTitle: `icon for proposal at ${objPath}`,\n  },\n}));\n"]}

package/views/sidebar/Search/index.d.ts

@@ -0,0 +1,18 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { type CriteriaGroup } from '../../FilterCriteria/models';
+declare const Search: React.FC<{
+    /**
+     * Criteria that will always apply.
+     * Used e.g. in superseding item selection
+     * (to limit to the same item class).
+     */
+    implicitCriteria?: CriteriaGroup;
+    availableClassIDs?: string[];
+    onOpenItem?: (itemPath: string) => void;
+    stateName?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+export default Search;

package/views/sidebar/Search/index.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _react2 = require("@emotion/react");
+
+var _context = require("@riboseinc/paneron-extension-kit/context");
+
+var _context2 = require("@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context");
+
+var _SearchResultList = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/SearchResultList"));
+
+var _useDebounce = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/useDebounce"));
+
+var _models = require("../../FilterCriteria/models");
+
+var _criteriaGroupToQueryExpression = _interopRequireDefault(require("../../FilterCriteria/criteriaGroupToQueryExpression"));
+
+var _CRITERIA_CONFIGURATION = require("../../FilterCriteria/CRITERIA_CONFIGURATION");
+
+var _ChangeRequestContext = require("../../change-request/ChangeRequestContext");
+
+var _itemPathUtils = require("../../itemPathUtils");
+
+var _itemQueryUtils = require("../../itemQueryUtils");
+
+var _BrowserCtx = require("../../BrowserCtx");
+
+var _SearchQuery = _interopRequireDefault(require("../../SearchQuery"));
+
+var _ListItem = _interopRequireDefault(require("../ListItem"));
+
+var _protocolRegistry = require("../../protocolRegistry");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const Search = function ({
+  implicitCriteria,
+  availableClassIDs,
+  stateName,
+  onOpenItem,
+  className,
+  style
+}) {
+  const {
+    usePersistentDatasetStateReducer
+  } = (0, _react.useContext)(_context.DatasetContext);
+  const {
+    spawnTab
+  } = (0, _react.useContext)(_context2.TabbedWorkspaceContext);
+  const {
+    keyExpression,
+    itemClasses,
+    subregisters,
+    selectedRegisterItem
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+  const {
+    changeRequest
+  } = (0, _react.useContext)(_ChangeRequestContext.ChangeRequestContext);
+  const initialState = {
+    query: {
+      criteria: _models.BLANK_CRITERIA
+    },
+    quickSubstringQuery: '',
+    selectedItemPath: null
+  };
+  const [state, dispatch, stateRecalled] = usePersistentDatasetStateReducer(stateName ?? 'search-sidebar', undefined, undefined, (prevState, action) => {
+    switch (action.type) {
+      case 'update-query':
+        return { ...prevState,
+          query: action.payload.query
+        };
+
+      case 'update-quick-substring-query':
+        return { ...prevState,
+          quickSubstringQuery: action.payload.substring
+        };
+
+      case 'select-item':
+        return { ...prevState,
+          selectedItemPath: action.payload.itemPath
+        };
+
+      default:
+        throw new Error("Unexpected search state");
+    }
+  }, initialState, null);
+  const selectedItemPath = selectedRegisterItem !== null && selectedRegisterItem !== void 0 && selectedRegisterItem.ref ? (0, _itemPathUtils.itemRefToItemPath)(selectedRegisterItem.ref, changeRequest === null || changeRequest === void 0 ? void 0 : changeRequest.id) : null;
+  (0, _react.useEffect)(() => {
+    if (selectedItemPath) {
+      dispatch({
+        type: 'select-item',
+        payload: {
+          itemPath: selectedItemPath
+        }
+      });
+    }
+  }, [selectedItemPath]);
+  const quickSearchString = (state.quickSubstringQuery ?? '').trim();
+  const withSearchString = state.query.criteria.criteria.length < 1 && quickSearchString !== '' ? {
+    require: 'all',
+    criteria: [{
+      key: 'raw-substring',
+      query: _CRITERIA_CONFIGURATION.RAW_SUBSTRING.toQuery({
+        substring: quickSearchString
+      }, {
+        itemClasses,
+        subregisters
+      })
+    }]
+  } : state.query.criteria;
+  const withImplicit = implicitCriteria ? {
+    require: 'all',
+    criteria: [implicitCriteria, withSearchString]
+  } : withSearchString;
+  const effectiveQueryExpression = withImplicit.criteria.length > 0 ? (0, _criteriaGroupToQueryExpression.default)(withImplicit) // If no criteria provided, don’t show anything by default.
+  : 'false';
+  const stateRecalledDebounced = (0, _useDebounce.default)(stateRecalled, 100);
+  const queryExpressionDebounced = (0, _useDebounce.default)(effectiveQueryExpression, stateRecalledDebounced ? 500 : 0);
+  const datasetObjectSearchQueryExpression = queryExpressionDebounced != 'false' ? (0, _itemQueryUtils.getRegisterItemQuery)(queryExpressionDebounced, changeRequest ?? undefined) : 'return false';
+  return (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`display: flex; flex-flow: column nowrap;`,
+    className: className,
+    style: style
+  }, (0, _react2.jsx)(_SearchQuery.default, {
+    rootCriteria: state.query.criteria,
+    quickSearchString: state.quickSubstringQuery,
+    availableClassIDs: availableClassIDs,
+    onCriteriaChange: criteria => dispatch({
+      type: 'update-query',
+      payload: {
+        query: {
+          criteria
+        }
+      }
+    }),
+    onQuickSearchStringChange: substring => dispatch({
+      type: 'update-quick-substring-query',
+      payload: {
+        substring
+      }
+    }),
+    css: (0, _react2.css)`padding: 5px;`
+  }), (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`flex: 1;`
+  }, stateRecalledDebounced ? (0, _react2.jsx)(SearchResultList, {
+    queryExpression: datasetObjectSearchQueryExpression,
+    keyExpression: keyExpression,
+    selectedItemPath: state.selectedItemPath,
+    onSelectItem: itemPath => dispatch({
+      type: 'select-item',
+      payload: {
+        itemPath
+      }
+    }),
+    onOpenItem: onOpenItem ?? (itemPath => spawnTab(`${_protocolRegistry.Protocols.ITEM_DETAILS}:${itemPath}`))
+  }) : null));
+};
+
+const SearchResultList = (0, _SearchResultList.default)(_ListItem.default, objPath => ({
+  name: 'reg. item',
+  iconProps: {
+    icon: 'document',
+    title: objPath,
+    htmlTitle: `Icon for item at ${objPath}`
+  }
+}));
+var _default = Search;
+exports.default = _default;

package/views/sidebar/Search/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/sidebar/Search/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext, useEffect } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport { PersistentStateReducerHook } from '@riboseinc/paneron-extension-kit/usePersistentStateReducer';\nimport { TabbedWorkspaceContext } from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context';\nimport makeSearchResultList from '@riboseinc/paneron-extension-kit/widgets/SearchResultList';\nimport useDebounce from '@riboseinc/paneron-extension-kit/useDebounce';\nimport { type CriteriaGroup, BLANK_CRITERIA } from '../../FilterCriteria/models';\nimport criteriaGroupToQueryExpression from '../../FilterCriteria/criteriaGroupToQueryExpression';\nimport { RAW_SUBSTRING } from '../../FilterCriteria/CRITERIA_CONFIGURATION';\nimport { ChangeRequestContext } from '../../change-request/ChangeRequestContext';\nimport type { RegisterItem } from '../../../types';\nimport { itemRefToItemPath } from '../../itemPathUtils';\nimport { getRegisterItemQuery } from '../../itemQueryUtils';\nimport { BrowserCtx } from '../../BrowserCtx';\nimport SearchQuery from '../../SearchQuery';\nimport ListItem from '../ListItem';\nimport { Protocols } from '../../protocolRegistry';\n\n\n// TODO: Move Search widget core out of sidebar, as it’s used elsewhere too.\n\n\ninterface Query {\n  criteria: CriteriaGroup;\n}\ninterface State {\n  query: Query;\n  quickSubstringQuery: string;\n  selectedItemPath: string | null;\n}\ntype Action =\n  | { type: 'update-query'; payload: { query: Query; }; }\n  | { type: 'update-quick-substring-query'; payload: { substring: string; }; }\n  | { type: 'select-item'; payload: { itemPath: string | null; }; }\n\nconst Search: React.FC<{\n  /**\n   * Criteria that will always apply.\n   * Used e.g. in superseding item selection\n   * (to limit to the same item class).\n   */\n  implicitCriteria?: CriteriaGroup,\n\n  availableClassIDs?: string[]\n  onOpenItem?: (itemPath: string) => void\n\n  stateName?: string\n\n  className?: string\n  style?: React.CSSProperties\n}> =\nfunction ({ implicitCriteria, availableClassIDs, stateName, onOpenItem, className, style }) {\n  const { usePersistentDatasetStateReducer } = useContext(DatasetContext);\n  const { spawnTab } = useContext(TabbedWorkspaceContext);\n  const { keyExpression, itemClasses, subregisters, selectedRegisterItem } = useContext(BrowserCtx);\n  const { changeRequest } = useContext(ChangeRequestContext);\n\n  const initialState: State = {\n    query: { criteria: BLANK_CRITERIA },\n    quickSubstringQuery: '',\n    selectedItemPath: null,\n  };\n\n  const [ state, dispatch, stateRecalled ] = (usePersistentDatasetStateReducer as PersistentStateReducerHook<State, Action>)(\n    stateName ?? 'search-sidebar',\n    undefined,\n    undefined,\n    (prevState, action) => {\n      switch (action.type) {\n        case 'update-query':\n          return {\n            ...prevState,\n            query: action.payload.query,\n          };\n        case 'update-quick-substring-query':\n          return {\n            ...prevState,\n            quickSubstringQuery: action.payload.substring,\n          };\n        case 'select-item':\n          return {\n            ...prevState,\n            selectedItemPath: action.payload.itemPath,\n          };\n        default:\n          throw new Error(\"Unexpected search state\");\n      }\n    },\n    initialState,\n    null);\n\n  const selectedItemPath = selectedRegisterItem?.ref\n    ? itemRefToItemPath(selectedRegisterItem.ref, changeRequest?.id)\n    : null;\n  useEffect(() => {\n    if (selectedItemPath) {\n      dispatch({ type: 'select-item', payload: { itemPath: selectedItemPath } });\n    }\n  }, [selectedItemPath]);\n\n  const quickSearchString = (state.quickSubstringQuery ?? '').trim();\n  const withSearchString: CriteriaGroup = state.query.criteria.criteria.length < 1 && quickSearchString !== ''\n    ? {\n        require: 'all',\n        criteria: [\n          {\n            key: 'raw-substring',\n            query: RAW_SUBSTRING.toQuery(\n              { substring: quickSearchString },\n              { itemClasses, subregisters }),\n          },\n        ],\n      }\n    : state.query.criteria;\n\n  const withImplicit: CriteriaGroup = implicitCriteria\n    ? {\n        require: 'all',\n        criteria: [ implicitCriteria, withSearchString ],\n      }\n    : withSearchString;\n\n  const effectiveQueryExpression = withImplicit.criteria.length > 0\n    ? criteriaGroupToQueryExpression(withImplicit)\n    // If no criteria provided, don’t show anything by default.\n    : 'false';\n\n  const stateRecalledDebounced = useDebounce(stateRecalled, 100);\n  const queryExpressionDebounced = useDebounce(\n    effectiveQueryExpression,\n    stateRecalledDebounced ? 500 : 0,\n  );\n\n  const datasetObjectSearchQueryExpression = queryExpressionDebounced != 'false'\n    ? getRegisterItemQuery(queryExpressionDebounced, changeRequest ?? undefined)\n    : 'return false';\n\n  return (\n    <div css={css`display: flex; flex-flow: column nowrap;`} className={className} style={style}>\n      <SearchQuery\n        rootCriteria={state.query.criteria}\n        quickSearchString={state.quickSubstringQuery}\n        availableClassIDs={availableClassIDs}\n        onCriteriaChange={criteria => dispatch({ type: 'update-query', payload: { query: { criteria } } })}\n        onQuickSearchStringChange={substring => dispatch({ type: 'update-quick-substring-query', payload: { substring } })}\n        css={css`padding: 5px;`}\n      />\n      <div css={css`flex: 1;`}>\n        {stateRecalledDebounced\n          ? <SearchResultList\n              queryExpression={datasetObjectSearchQueryExpression}\n              keyExpression={keyExpression}\n              selectedItemPath={state.selectedItemPath}\n              onSelectItem={itemPath => dispatch({ type: 'select-item', payload: { itemPath }})}\n              onOpenItem={onOpenItem ?? (itemPath => spawnTab(`${Protocols.ITEM_DETAILS}:${itemPath}`))}\n            />\n          : null}\n      </div>\n    </div>\n  );\n};\n\n\nconst SearchResultList = makeSearchResultList<RegisterItem<any>>(ListItem, (objPath) => ({\n  name: 'reg. item',\n  iconProps: {\n    icon: 'document',\n    title: objPath,\n    htmlTitle: `Icon for item at ${objPath}`,\n  },\n}));\n\n\nexport default Search;\n"]}

package/views/sidebar/index.d.ts

@@ -0,0 +1,6 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import type { SuperSidebarConfig } from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/types';
+export declare const sidebarIDs: readonly ["Browse", "Registration", "Export"];
+export declare type SidebarID = typeof sidebarIDs[number];
+export declare const sidebarConfig: SuperSidebarConfig<SidebarID>;

package/views/sidebar/index.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sidebarConfig = exports.sidebarIDs = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _HelpTooltip = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/HelpTooltip"));
+
+var _Browse = _interopRequireDefault(require("./Browse"));
+
+var _Search = _interopRequireDefault(require("./Search"));
+
+var _Registration = require("./Registration");
+
+var _Export = _interopRequireDefault(require("./Export"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const sidebarIDs = ['Browse', 'Registration', 'Export'];
+exports.sidebarIDs = sidebarIDs;
+const sidebarConfig = {
+  Browse: {
+    icon: () => (0, _react2.jsx)(_core.Icon, {
+      icon: "list"
+    }),
+    title: "Register items",
+    blocks: [{
+      key: 'browse',
+      title: (0, _react2.jsx)("div", {
+        css: (0, _react2.css)`display: flex; justify-content: space-between`
+      }, "Preset searches", (0, _react2.jsx)(_HelpTooltip.default, {
+        content: "Browse register items by pre-made categories"
+      })),
+      content: (0, _react2.jsx)(_Browse.default, {
+        css: (0, _react2.css)`position: absolute; inset: 0;`
+      }),
+      nonCollapsible: false,
+      // These have to have height specified due to absolute positioning.
+      height: 400
+    }, {
+      key: 'search',
+      title: "New search",
+      content: (0, _react2.jsx)(_Search.default, {
+        css: (0, _react2.css)`position: absolute; inset: 0;`
+      }),
+      nonCollapsible: false,
+      height: 400
+    }]
+  },
+  Registration: {
+    icon: () => (0, _react2.jsx)(_core.Icon, {
+      icon: "lightbulb"
+    }),
+    title: "Proposals",
+    blocks: [{
+      key: 'pending-crs',
+      title: (0, _react2.jsx)("div", {
+        css: (0, _react2.css)`display: flex; justify-content: space-between`
+      }, "Pending proposals", (0, _react2.jsx)(_HelpTooltip.default, {
+        content: "Proposals pending decision. If a register item is selected, only proposals affecting that item are shown."
+      })),
+      content: (0, _react2.jsx)(_Registration.PendingChangeRequestsBlock, null),
+      height: 300
+    }, {
+      key: 'cr-history',
+      title: (0, _react2.jsx)("div", {
+        css: (0, _react2.css)`display: flex; justify-content: space-between`
+      }, "History", (0, _react2.jsx)(_HelpTooltip.default, {
+        content: "Resolved proposals. If a register item is selected, only proposals affecting that item are shown."
+      })),
+      content: (0, _react2.jsx)(_Registration.ChangeRequestHistoryBlock, null),
+      height: 300
+    }]
+  },
+  Export: {
+    icon: () => (0, _react2.jsx)(_core.Icon, {
+      icon: "changes"
+    }),
+    title: "Import and export",
+    blocks: [{
+      key: 'export',
+      title: "Export",
+      content: (0, _react2.jsx)(_Export.default, null),
+      nonCollapsible: true
+    }, {
+      key: 'import',
+      title: "Import",
+      content: (0, _react2.jsx)(_react.default.Fragment, null, "Import TBD"),
+      nonCollapsible: false,
+      collapsedByDefault: true
+    }]
+  }
+};
+exports.sidebarConfig = sidebarConfig;

package/views/sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/views/sidebar/index.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAE/E,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AACvF,OAAO,MAAM,MAAM,UAAU,CAAC;AAG9B,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,QAAQ;IACR,cAAc;IACd,QAAQ;CACA,CAAC;AAIX,MAAM,CAAC,MAAM,aAAa,GAAkC;IAC1D,MAAM,EAAE;QACN,IAAI,EAAE,GAAG,EAAE,CAAC,IAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG;QAChC,KAAK,EAAE,gBAAgB;QACvB,MAAM,EAAE,CAAC;gBACP,GAAG,EAAE,QAAQ;gBACb,KAAK,EAAE,aAAK,GAAG,EAAE,GAAG,CAAA,+CAA+C;;oBAEjE,IAAC,WAAW,IAAC,OAAO,EAAC,8CAA8C,GAAG,CAClE;gBACN,OAAO,EAAE,IAAC,MAAM,IAAC,GAAG,EAAE,GAAG,CAAA,+BAA+B,GAAI;gBAC5D,cAAc,EAAE,KAAK;gBACrB,mEAAmE;gBACnE,MAAM,EAAE,GAAG;aACZ,EAAE;gBACD,GAAG,EAAE,QAAQ;gBACb,KAAK,EAAE,YAAY;gBACnB,OAAO,EAAE,IAAC,MAAM,IAAC,GAAG,EAAE,GAAG,CAAA,+BAA+B,GAAI;gBAC5D,cAAc,EAAE,KAAK;gBACrB,MAAM,EAAE,GAAG;aACZ,CAAC;KACH;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,GAAG,EAAE,CAAC,IAAC,IAAI,IAAC,IAAI,EAAC,WAAW,GAAG;QACrC,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,CAAC;gBACP,GAAG,EAAE,aAAa;gBAClB,KAAK,EAAE,aAAK,GAAG,EAAE,GAAG,CAAA,+CAA+C;;oBAEjE,IAAC,WAAW,IAAC,OAAO,EAAC,2GAA2G,GAAG,CAC/H;gBACN,OAAO,EAAE,IAAC,0BAA0B,OAAG;gBACvC,MAAM,EAAE,GAAG;aACZ,EAAE;gBACD,GAAG,EAAE,YAAY;gBACjB,KAAK,EAAE,aAAK,GAAG,EAAE,GAAG,CAAA,+CAA+C;;oBAEjE,IAAC,WAAW,IAAC,OAAO,EAAC,mGAAmG,GAAG,CACvH;gBACN,OAAO,EAAE,IAAC,yBAAyB,OAAG;gBACtC,MAAM,EAAE,GAAG;aACZ,CAAC;KACH;IACD,MAAM,EAAE;QACN,IAAI,EAAE,GAAG,EAAE,CAAC,IAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG;QACnC,KAAK,EAAE,mBAAmB;QAC1B,MAAM,EAAE,CAAC;gBACP,GAAG,EAAE,QAAQ;gBACb,KAAK,EAAE,QAAQ;gBACf,OAAO,EAAE,IAAC,MAAM,OAAG;gBACnB,cAAc,EAAE,IAAI;aACrB,EAAE;gBACD,GAAG,EAAE,QAAQ;gBACb,KAAK,EAAE,QAAQ;gBACf,OAAO,EAAE,uCAAe;gBACxB,cAAc,EAAE,KAAK;gBACrB,kBAAkB,EAAE,IAAI;aACzB,CAAC;KACH;CACF,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { Icon } from '@blueprintjs/core';\n\nimport type { SuperSidebarConfig } from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/types';\nimport HelpTooltip from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';\n\nimport Browse from './Browse';\nimport Search from './Search';\nimport { PendingChangeRequestsBlock, ChangeRequestHistoryBlock } from './Registration';\nimport Export from './Export';\n\n\nexport const sidebarIDs = [\n  'Browse',\n  'Registration',\n  'Export',\n] as const;\n\nexport type SidebarID = typeof sidebarIDs[number];\n\nexport const sidebarConfig: SuperSidebarConfig<SidebarID> = {\n  Browse: {\n    icon: () => <Icon icon=\"list\" />,\n    title: \"Register items\",\n    blocks: [{\n      key: 'browse',\n      title: <div css={css`display: flex; justify-content: space-between`}>\n        Preset searches\n        <HelpTooltip content=\"Browse register items by pre-made categories\" />\n      </div>,\n      content: <Browse css={css`position: absolute; inset: 0;`} />,\n      nonCollapsible: false,\n      // These have to have height specified due to absolute positioning.\n      height: 400,\n    }, {\n      key: 'search',\n      title: \"New search\",\n      content: <Search css={css`position: absolute; inset: 0;`} />,\n      nonCollapsible: false,\n      height: 400,\n    }],\n  },\n  Registration: {\n    icon: () => <Icon icon=\"lightbulb\" />,\n    title: \"Proposals\",\n    blocks: [{\n      key: 'pending-crs',\n      title: <div css={css`display: flex; justify-content: space-between`}>\n        Pending proposals\n        <HelpTooltip content=\"Proposals pending decision. If a register item is selected, only proposals affecting that item are shown.\" />\n      </div>,\n      content: <PendingChangeRequestsBlock />,\n      height: 300,\n    }, {\n      key: 'cr-history',\n      title: <div css={css`display: flex; justify-content: space-between`}>\n        History\n        <HelpTooltip content=\"Resolved proposals. If a register item is selected, only proposals affecting that item are shown.\" />\n      </div>,\n      content: <ChangeRequestHistoryBlock />,\n      height: 300,\n    }],\n  },\n  Export: {\n    icon: () => <Icon icon=\"changes\" />,\n    title: \"Import and export\",\n    blocks: [{\n      key: 'export',\n      title: \"Export\",\n      content: <Export />,\n      nonCollapsible: true,\n    }, {\n      key: 'import',\n      title: \"Import\",\n      content: <>Import TBD</>,\n      nonCollapsible: false,\n      collapsedByDefault: true,\n    }],\n  },\n};\n"]}

package/views/util.d.ts

@@ -1,12 +1,36 @@
 /** @jsx jsx */
 /** @jsxFrag React.Fragment */
 import React from 'react';
-import { ItemClassConfiguration, RelatedItemClassConfiguration } from '../types';
-import { IFormGroupProps } from '@blueprintjs/core';
+import { HelmetProps } from 'react-helmet';
+import { FormGroupProps } from '@blueprintjs/core';
+import type { ItemClassConfiguration, RelatedItemClassConfiguration } from '../types';
 export { GenericRelatedItemView } from './GenericRelatedItemView';
+/**
+ * Get give string truncated & with ellipsis appended
+ * if its length exceeds given number of characters.
+ */
+export declare function maybeEllipsizeString(str: string, maxLength?: number): string;
+export declare const RegisterHelmet: React.FC<HelmetProps>;
 export declare const PropertyDetailView: React.FC<{
-    title: IFormGroupProps["label"];
-    secondaryTitle?: IFormGroupProps["labelInfo"];
-    inline?: IFormGroupProps["inline"];
+    title: FormGroupProps["label"];
+    secondaryTitle?: FormGroupProps["labelInfo"];
+    inline?: FormGroupProps["inline"];
 }>;
+/** Formats given date as a span with tooltip set to full ISO date & time. */
+export declare const Datestamp: React.FC<{
+    date: Date;
+    title?: string;
+    className?: string;
+}>;
+/** Foramts given date as plain text. */
+export declare function formatDate(date: Date): string;
 export declare const _getRelatedClass: (classes: Record<string, ItemClassConfiguration<any>>) => (clsID: string) => RelatedItemClassConfiguration;
+/**
+ * Suitable for use as tab contents for TabbedWorkspace.
+ * Provides top bar with actions and main content.
+ */
+export declare const TabContentsWithActions: React.FC<{
+    actions: JSX.Element;
+    main: JSX.Element;
+    className?: string;
+}>;