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

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

@@ -0,0 +1,114 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React, { useEffect, useContext } from 'react';
+import { jsx, css } from '@emotion/react';
+import { Icon } from '@blueprintjs/core';
+import { TabbedWorkspaceContext } from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context';
+import { DatasetContext } from '@riboseinc/paneron-extension-kit/context';
+//import { DatasetContext } from '@riboseinc/paneron-extension-kit/context';
+import makeSearchResultList from '@riboseinc/paneron-extension-kit/widgets/SearchResultList';
+import { hasSubmitterInput, isDisposed, hadBeenProposed } from '../../../types/cr';
+import { BrowserCtx } from '../../BrowserCtx';
+import { itemRefToItemPath } from '../../itemPathUtils';
+import { Datestamp } from '../../../views/util';
+import { Protocols } from '../../protocolRegistry';
+export const PendingChangeRequestsBlock = function () {
+    const { stakeholder } = useContext(BrowserCtx);
+    const stakeholderUsername = 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 jsx(ChangeRequestListBlock, { impliedQuery: query });
+};
+export const ChangeRequestHistoryBlock = function () {
+    return jsx(ChangeRequestListBlock, { impliedQuery: DISPOSED_CR_QUERY });
+};
+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 } = useContext(DatasetContext);
+    const { spawnTab, focusedTabURI } = useContext(TabbedWorkspaceContext);
+    const { selectedRegisterItem } = useContext(BrowserCtx);
+    const initialState = {
+        quickSubstringQuery: '',
+        selectedItemPath: null,
+    };
+    const itemPath = selectedRegisterItem
+        ? 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(`${Protocols.CHANGE_REQUEST}:`)
+        ? focusedTabURI.split(':')[1]
+        : null;
+    useEffect(() => {
+        if (itemPath !== undefined && selectedCRPath) {
+            setTimeout(() => {
+                dispatch({ type: 'select-item', payload: { itemPath: selectedCRPath } });
+            }, 500);
+        }
+    }, [itemPath, selectedCRPath]);
+    return (jsx(ChangeRequestSearchResultList, { queryExpression: query, selectedItemPath: state.selectedItemPath, onSelectItem: itemPath => dispatch({ type: 'select-item', payload: { itemPath } }), onOpenItem: (itemPath) => spawnTab(`${Protocols.CHANGE_REQUEST}:${itemPath}`) }));
+};
+const CRHistoryItem = function ({ objectData }) {
+    const { activeChangeRequestID, setActiveChangeRequestID } = useContext(BrowserCtx);
+    const isActive = activeChangeRequestID === objectData.id;
+    const canToggle = activeChangeRequestID == null || isActive;
+    const justification = hasSubmitterInput(objectData) ? objectData.justification : 'N/A';
+    return jsx("span", { title: `${justification} (proposal ID: ${objectData.id})` },
+        jsx(Icon, { icon: isActive ? 'record' : 'dot', css: 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?.(activeChangeRequestID === objectData.id ? null : objectData.id)
+                : undefined, intent: isActive
+                ? 'danger'
+                : canToggle
+                    ? 'primary'
+                    : undefined }),
+        "\u00A0",
+        isDisposed(objectData)
+            ? jsx(React.Fragment, null,
+                jsx(Datestamp, { date: objectData.timeDisposed, title: "Disposed" }),
+                ": ")
+            : hadBeenProposed(objectData)
+                ? jsx(React.Fragment, null,
+                    jsx(Datestamp, { date: objectData.timeProposed, title: "Proposed" }),
+                    ": ")
+                : null,
+        justification);
+};
+const ChangeRequestSearchResultList = makeSearchResultList(CRHistoryItem, (objPath) => ({
+    name: 'Prp.',
+    iconProps: {
+        icon: 'lightbulb',
+        title: objPath,
+        htmlTitle: `icon for proposal at ${objPath}`,
+    },
+}));
+//# sourceMappingURL=index.js.map

package/compiled/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/compiled/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/compiled/views/sidebar/Search/index.js

@@ -0,0 +1,100 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { useContext, useEffect } from 'react';
+import { jsx, css } from '@emotion/react';
+import { DatasetContext } from '@riboseinc/paneron-extension-kit/context';
+import { TabbedWorkspaceContext } from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context';
+import makeSearchResultList from '@riboseinc/paneron-extension-kit/widgets/SearchResultList';
+import useDebounce from '@riboseinc/paneron-extension-kit/useDebounce';
+import { BLANK_CRITERIA } from '../../FilterCriteria/models';
+import criteriaGroupToQueryExpression from '../../FilterCriteria/criteriaGroupToQueryExpression';
+import { RAW_SUBSTRING } from '../../FilterCriteria/CRITERIA_CONFIGURATION';
+import { ChangeRequestContext } from '../../change-request/ChangeRequestContext';
+import { itemRefToItemPath } from '../../itemPathUtils';
+import { getRegisterItemQuery } from '../../itemQueryUtils';
+import { BrowserCtx } from '../../BrowserCtx';
+import SearchQuery from '../../SearchQuery';
+import ListItem from '../ListItem';
+import { Protocols } from '../../protocolRegistry';
+const Search = function ({ implicitCriteria, availableClassIDs, stateName, onOpenItem, className, style }) {
+    const { usePersistentDatasetStateReducer } = useContext(DatasetContext);
+    const { spawnTab } = useContext(TabbedWorkspaceContext);
+    const { keyExpression, itemClasses, subregisters, selectedRegisterItem } = useContext(BrowserCtx);
+    const { changeRequest } = useContext(ChangeRequestContext);
+    const initialState = {
+        query: { criteria: 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?.ref
+        ? itemRefToItemPath(selectedRegisterItem.ref, changeRequest?.id)
+        : null;
+    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: 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
+        ? criteriaGroupToQueryExpression(withImplicit)
+        // If no criteria provided, don’t show anything by default.
+        : 'false';
+    const stateRecalledDebounced = useDebounce(stateRecalled, 100);
+    const queryExpressionDebounced = useDebounce(effectiveQueryExpression, stateRecalledDebounced ? 500 : 0);
+    const datasetObjectSearchQueryExpression = queryExpressionDebounced != 'false'
+        ? getRegisterItemQuery(queryExpressionDebounced, changeRequest ?? undefined)
+        : 'return false';
+    return (jsx("div", { css: css `display: flex; flex-flow: column nowrap;`, className: className, style: style },
+        jsx(SearchQuery, { 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: css `padding: 5px;` }),
+        jsx("div", { css: css `flex: 1;` }, stateRecalledDebounced
+            ? jsx(SearchResultList, { queryExpression: datasetObjectSearchQueryExpression, keyExpression: keyExpression, selectedItemPath: state.selectedItemPath, onSelectItem: itemPath => dispatch({ type: 'select-item', payload: { itemPath } }), onOpenItem: onOpenItem ?? (itemPath => spawnTab(`${Protocols.ITEM_DETAILS}:${itemPath}`)) })
+            : null)));
+};
+const SearchResultList = makeSearchResultList(ListItem, (objPath) => ({
+    name: 'reg. item',
+    iconProps: {
+        icon: 'document',
+        title: objPath,
+        htmlTitle: `Icon for item at ${objPath}`,
+    },
+}));
+export default Search;
+//# sourceMappingURL=index.js.map

package/compiled/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/compiled/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/compiled/views/sidebar/index.js

@@ -0,0 +1,73 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { jsx, css } from '@emotion/react';
+import { Icon } from '@blueprintjs/core';
+import HelpTooltip from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';
+import Browse from './Browse';
+import Search from './Search';
+import { PendingChangeRequestsBlock, ChangeRequestHistoryBlock } from './Registration';
+import Export from './Export';
+export const sidebarIDs = [
+    'Browse',
+    'Registration',
+    'Export',
+];
+export const sidebarConfig = {
+    Browse: {
+        icon: () => jsx(Icon, { icon: "list" }),
+        title: "Register items",
+        blocks: [{
+                key: 'browse',
+                title: jsx("div", { css: css `display: flex; justify-content: space-between` },
+                    "Preset searches",
+                    jsx(HelpTooltip, { content: "Browse register items by pre-made categories" })),
+                content: jsx(Browse, { css: 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: jsx(Search, { css: css `position: absolute; inset: 0;` }),
+                nonCollapsible: false,
+                height: 400,
+            }],
+    },
+    Registration: {
+        icon: () => jsx(Icon, { icon: "lightbulb" }),
+        title: "Proposals",
+        blocks: [{
+                key: 'pending-crs',
+                title: jsx("div", { css: css `display: flex; justify-content: space-between` },
+                    "Pending proposals",
+                    jsx(HelpTooltip, { content: "Proposals pending decision. If a register item is selected, only proposals affecting that item are shown." })),
+                content: jsx(PendingChangeRequestsBlock, null),
+                height: 300,
+            }, {
+                key: 'cr-history',
+                title: jsx("div", { css: css `display: flex; justify-content: space-between` },
+                    "History",
+                    jsx(HelpTooltip, { content: "Resolved proposals. If a register item is selected, only proposals affecting that item are shown." })),
+                content: jsx(ChangeRequestHistoryBlock, null),
+                height: 300,
+            }],
+    },
+    Export: {
+        icon: () => jsx(Icon, { icon: "changes" }),
+        title: "Import and export",
+        blocks: [{
+                key: 'export',
+                title: "Export",
+                content: jsx(Export, null),
+                nonCollapsible: true,
+            }, {
+                key: 'import',
+                title: "Import",
+                content: jsx(React.Fragment, null, "Import TBD"),
+                nonCollapsible: false,
+                collapsedByDefault: true,
+            }],
+    },
+};
+//# sourceMappingURL=index.js.map

package/compiled/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/compiled/views/util.d.ts

@@ -0,0 +1,36 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+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: 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;
+}>;

package/compiled/views/util.js

@@ -0,0 +1,63 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+//import log from 'electron-log';
+import format from 'date-fns/format';
+import { useContext } from 'react';
+import { Helmet } from 'react-helmet';
+import { css, jsx } from '@emotion/react';
+import { FormGroup, Colors } from '@blueprintjs/core';
+import { DatasetContext } from '@riboseinc/paneron-extension-kit/context';
+export { GenericRelatedItemView } from './GenericRelatedItemView';
+/**
+ * Get give string truncated & with ellipsis appended
+ * if its length exceeds given number of characters.
+ */
+export function maybeEllipsizeString(str, maxLength = 20) {
+    return str.length > maxLength
+        ? `${str.slice(0, maxLength)}…`
+        : str;
+}
+export const RegisterHelmet = function (props) {
+    const { title: datasetTitle } = useContext(DatasetContext);
+    return (jsx(Helmet, { titleTemplate: `%s in ${datasetTitle} register`, defaultTitle: `${datasetTitle} register` }, props.children));
+};
+export const PropertyDetailView = function ({ title, inline, children, secondaryTitle }) {
+    return jsx(FormGroup, { label: `${title}:`, labelInfo: secondaryTitle, css: css `&, &.bp4-inline { label.bp4-label { font-weight: bold; line-height: unset } }`, inline: inline }, children);
+};
+/** Formats given date as a span with tooltip set to full ISO date & time. */
+export const Datestamp = function ({ date, title, className }) {
+    const asString = formatDate(date);
+    return jsx("span", { className: className, title: `${title ? `${title}: ` : ''}${date?.toString() ?? 'N/A'}` }, asString);
+};
+/** Foramts given date as plain text. */
+export function formatDate(date) {
+    try {
+        return format(date, 'yyyy-MM-dd');
+    }
+    catch (e) {
+        return `Invalid date (${e})`;
+    }
+}
+export const _getRelatedClass = (classes) => {
+    return (clsID) => {
+        const cfg = classes[clsID];
+        return {
+            title: cfg.meta.title,
+            // TODO: The itemView/listItemView inconsistency is annoying
+            itemView: cfg.views.listItemView,
+        };
+    };
+};
+/**
+ * Suitable for use as tab contents for TabbedWorkspace.
+ * Provides top bar with actions and main content.
+ */
+export const TabContentsWithActions = function ({ actions, main, className }) {
+    return (jsx("div", { css: css `
+      position: absolute; inset: 0;
+      display: flex; flex-flow: column nowrap;
+    `, className: className },
+        jsx("div", { css: css `flex: 0; padding: 10px; display: flex; flex-flow: row wrap; gap: 10px;` }, actions),
+        jsx("div", { css: css `position: relative; flex: 1; padding: 10px; overflow-y: auto; background: ${Colors.GRAY5};` }, main)));
+};
+//# sourceMappingURL=util.js.map

package/compiled/views/util.js.map

@@ -0,0 +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, { 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> = 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}> = function ({ title, inline, children, secondaryTitle }) {\n  return <FormGroup\n      label={`${title}:`}\n      labelInfo={secondaryTitle}\n      css={css`&, &.bp4-inline { label.bp4-label { font-weight: bold; line-height: unset } }`}\n      inline={inline}>\n    {children}\n  </FormGroup>;\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`position: relative; flex: 1; padding: 10px; overflow-y: auto; background: ${Colors.GRAY5};`}>\n        {main}\n      </div>\n    </div>\n  )\n}\n"]}

package/dependencies-local/extension-kit/SettingsContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { GlobalSettings } from './settings';
+interface ContextSpec {
+    settings: GlobalSettings;
+    refresh: () => void;
+}
+export declare const GlobalSettingsContext: React.Context<ContextSpec>;
+export {};

package/dependencies-local/extension-kit/SettingsContext.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GlobalSettingsContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _settings = require("./settings");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const GlobalSettingsContext = _react.default.createContext({
+  settings: _settings.INITIAL_GLOBAL_SETTINGS,
+  refresh: () => void 0
+});
+
+exports.GlobalSettingsContext = GlobalSettingsContext;

package/dependencies-local/extension-kit/SettingsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsContext.js","sourceRoot":"","sources":["../src/SettingsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAQrE,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAc;IACpE,QAAQ,EAAE,uBAAuB;IACjC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;CACtB,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { GlobalSettings, INITIAL_GLOBAL_SETTINGS } from './settings';\n\n\ninterface ContextSpec {\n  settings: GlobalSettings\n  refresh: () => void\n}\n\nexport const GlobalSettingsContext = React.createContext<ContextSpec>({\n  settings: INITIAL_GLOBAL_SETTINGS,\n  refresh: () => void 0,\n});\n"]}

package/dependencies-local/extension-kit/context.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { DatasetContext as DatasetContextSpec } from './types';
+export declare function withDatasetContext(Component: React.FC<any>): React.FC<DatasetContextSpec>;
+/**
+ * Provides functions for interacting with dataset data,
+ * and by extension the underlying repositories.
+ *
+ * NOTE: If your IDE does not expose TSDoc docstrings for DatasetContext
+ * members, consult DatasetContextSpec type definition.
+ */
+export declare const DatasetContext: React.Context<DatasetContextSpec>;