@riboseinc/paneron-registry-kit 2.2.2 → 2.2.5

package/views/sidebar/Browse/index.js

@@ -46,6 +46,22 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /** @jsx jsx */
 
 /** @jsxFrag React.Fragment */
+const initialState = {
+  selectedFolderID: null,
+  enteredFolderID: null,
+  selectedItemPath: null
+};
+
+function validateState(loadedValue) {
+  return _validateFolderID(loadedValue.enteredFolderID) && _validateFolderID(loadedValue.selectedFolderID) && loadedValue.selectedItemPath !== undefined;
+}
+
+;
+
+function _validateFolderID(foldID) {
+  return foldID !== undefined && (foldID === null || foldID.startsWith('by-item-class/') || foldID.startsWith('by-subregister/'));
+}
+
 const Browse = function ({
   stateName,
   onOpenItem,
@@ -73,13 +89,7 @@ const Browse = function ({
     changeRequest: activeCR,
     canEdit: activeCRIsEditable
   } = (0, _react.useContext)(_ChangeRequestContext.ChangeRequestContext);
-  const [state, dispatch] = usePersistentDatasetStateReducer(stateName !== null && stateName !== void 0 ? stateName : 'browse-sidebar', undefined, function valdateState(loadedValue) {
-    function validateFolderID(foldID) {
-      return foldID !== undefined && (foldID === null || foldID.startsWith('by-item-class/') || foldID.startsWith('by-subregister/'));
-    }
-
-    return validateFolderID(loadedValue.enteredFolderID) && validateFolderID(loadedValue.selectedFolderID) && loadedValue.selectedItemPath !== undefined;
-  }, (prevState, action) => {
+  const [state, dispatch] = usePersistentDatasetStateReducer(stateName !== null && stateName !== void 0 ? stateName : 'browse-sidebar', undefined, validateState, (prevState, action) => {
     switch (action.type) {
       case 'select-folder':
         if (prevState.enteredFolderID !== null) {
@@ -122,11 +132,7 @@ const Browse = function ({
       default:
         throw new Error("Unexpected browse state");
     }
-  }, {
-    selectedFolderID: null,
-    enteredFolderID: null,
-    selectedItemPath: null
-  }, null); // If currently focused tab changed, select corresponding item in view
+  }, initialState, null); // If currently focused tab changed, select corresponding item in view
 
   (0, _react.useEffect)(() => {
     if (focusedTabURI) {
@@ -141,9 +147,8 @@ const Browse = function ({
         });
       }
     }
-  }, [focusedTabURI]);
-
-  async function handleAdd(classID, subregisterID) {
+  }, [focusedTabURI, dispatch]);
+  const handleAdd = (0, _react.useCallback)(async function _handleAdd(classID, subregisterID) {
     var _a;
 
     if (!updateObjects || !makeRandomID || !activeCRIsEditable || !activeCR) {
@@ -186,7 +191,23 @@ const Browse = function ({
       _dangerouslySkipValidation: true
     });
     spawnTab(`${_protocolRegistry.Protocols.ITEM_DETAILS}:${(0, _itemPathUtils.itemRefToItemPath)(ref, activeCR.id)}`);
-  }
+  }, [activeCR, activeCRIsEditable, subregisters === undefined, spawnTab, updateObjects, makeRandomID]);
+  const handleSelectItem = (0, _react.useCallback)(itemPath => dispatch({
+    type: 'select-item',
+    payload: {
+      itemPath
+    }
+  }), [dispatch]);
+  const handleDeselectItem = (0, _react.useCallback)(() => dispatch({
+    type: 'select-item',
+    payload: {
+      itemPath: null
+    }
+  }), [dispatch]);
+  const handleOpenItem = (0, _react.useCallback)(itemPath => (onOpenItem !== null && onOpenItem !== void 0 ? onOpenItem : itemPath => spawnTab(`${_protocolRegistry.Protocols.ITEM_DETAILS}:${itemPath}`))(itemPath), [onOpenItem, spawnTab]);
+  const handleExitFolder = (0, _react.useCallback)(() => dispatch({
+    type: 'exit-folder'
+  }), [dispatch]);
 
   if (state.enteredFolderID !== null) {
     // If we are in a folder, show a tree with a single element
@@ -258,18 +279,10 @@ const Browse = function ({
       style: style
     }, (0, _react2.jsx)(_core.Tree, {
       css: (0, _react2.css)`flex: 0;`,
-      onNodeClick: () => dispatch({
-        type: 'select-item',
-        payload: {
-          itemPath: null
-        }
-      }),
-      onNodeCollapse: () => dispatch({
-        type: 'exit-folder'
-      }),
-      onNodeDoubleClick: () => dispatch({
-        type: 'exit-folder'
-      }),
+      // This click handler deselects any items in results, meaning.
+      onNodeClick: handleDeselectItem,
+      onNodeCollapse: handleExitFolder,
+      onNodeDoubleClick: handleExitFolder,
       contents: [{
         id: 'opened-class',
         isSelected: state.selectedItemPath === null,
@@ -285,13 +298,8 @@ const Browse = function ({
       queryExpression: (0, _itemQueryUtils.getRegisterItemQuery)(queryExpression, activeCR !== null && activeCR !== void 0 ? activeCR : undefined),
       keyExpression: keyExpression,
       selectedItemPath: state.selectedItemPath,
-      onSelectItem: itemPath => dispatch({
-        type: 'select-item',
-        payload: {
-          itemPath
-        }
-      }),
-      onOpenItem: onOpenItem !== null && onOpenItem !== void 0 ? onOpenItem : itemPath => spawnTab(`${_protocolRegistry.Protocols.ITEM_DETAILS}:${itemPath}`)
+      onSelectItem: handleSelectItem,
+      onOpenItem: handleOpenItem
     })));
   } else {
     // If we are *not* in a folder, show a list of available folders/views

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/sidebar/Browse/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 { Button, IconName, Menu, MenuItem, MenuDivider, Tree, TreeNodeInfo } from '@blueprintjs/core';\nimport { Popover2 } from '@blueprintjs/popover2';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport type { 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';\n\nimport type { CriteriaGroup } from '../../FilterCriteria/models';\nimport criteriaGroupToQueryExpression from '../../FilterCriteria/criteriaGroupToQueryExpression';\nimport CRITERIA_CONFIGURATION from '../../FilterCriteria/CRITERIA_CONFIGURATION';\nimport { itemRefToItemPath } from '../../itemPathUtils';\nimport { getRegisterItemQuery } from '../../itemQueryUtils';\nimport { ChangeRequestContext } from '../../change-request/ChangeRequestContext';\nimport { updateCRObjectChangeset } from '../../change-request/objectChangeset';\nimport type { RegisterItem, InternalItemReference } from '../../../types';\nimport { BrowserCtx } from '../../BrowserCtx';\nimport ListItem from '../ListItem';\nimport { Protocols } from '../../protocolRegistry';\n\n\ninterface BaseState {\n  selectedFolderID: string | null\n  selectedItemPath: string | null\n  enteredFolderID: string | null\n}\ninterface FolderListState extends BaseState {\n  enteredFolderID: null\n  selectedItemPath: null\n}\ninterface ItemListState extends BaseState {\n  enteredFolderID: string\n  selectedFolderID: string\n}\ntype State = FolderListState | ItemListState\n\ntype Action =\n  | { type: 'select-folder'; payload: { id: string | null; }; }\n  | { type: 'enter-folder'; payload: { id: string; }; }\n  | { type: 'exit-folder'; }\n  | { type: 'select-item'; payload: { itemPath: string | null; }; }\n\nconst Browse: React.FC<{\n  availableClassIDs?: string[]\n  onOpenItem?: (itemPath: string) => void\n  stateName?: string\n  className?: string\n  style?: React.CSSProperties\n}> =\nfunction ({ stateName, onOpenItem, className, style }) {\n  const { performOperation, updateObjects, makeRandomID, usePersistentDatasetStateReducer } = useContext(DatasetContext);\n  const { spawnTab, focusedTabURI } = useContext(TabbedWorkspaceContext);\n  const { keyExpression, itemClasses, subregisters } = useContext(BrowserCtx);\n  const { changeRequest: activeCR, canEdit: activeCRIsEditable } = useContext(ChangeRequestContext);\n\n  const [ state, dispatch, ] = (usePersistentDatasetStateReducer as PersistentStateReducerHook<State, Action>)(\n    stateName ?? 'browse-sidebar',\n    undefined,\n    function valdateState(loadedValue): loadedValue is State {\n      function validateFolderID(foldID: string) {\n        return foldID !== undefined &&\n        (\n          foldID === null || (\n            foldID.startsWith('by-item-class/') ||\n            foldID.startsWith('by-subregister/')\n          )\n        )\n\n      }\n      return (\n        validateFolderID(loadedValue.enteredFolderID) &&\n        validateFolderID(loadedValue.selectedFolderID) &&\n        loadedValue.selectedItemPath !== undefined\n      );\n    },\n    (prevState, action) => {\n      switch (action.type) {\n        case 'select-folder':\n          if (prevState.enteredFolderID !== null) {\n            return prevState;\n          } else {\n            return {\n              ...prevState,\n              selectedFolderID: action.payload.id,\n            };\n          }\n        case 'enter-folder':\n          if (prevState.enteredFolderID === null) {\n            return {\n              ...prevState,\n              selectedFolderID: action.payload.id,\n              enteredFolderID: action.payload.id,\n            };\n          } else {\n            return prevState;\n          }\n        case 'exit-folder':\n          if (prevState.enteredFolderID !== null) {\n            return {\n              ...prevState,\n              enteredFolderID: null,\n              selectedItemPath: null,\n            };\n          } else {\n            return prevState;\n          }\n        case 'select-item':\n          if (prevState.enteredFolderID && prevState.selectedFolderID) {\n            return {\n              ...prevState,\n              selectedItemPath: action.payload.itemPath,\n            };\n          } else {\n            return prevState;\n          }\n        default:\n          throw new Error(\"Unexpected browse state\");\n      }\n    },\n    {\n      selectedFolderID: null,\n      enteredFolderID: null,\n      selectedItemPath: null,\n    },\n    null);\n\n  // If currently focused tab changed, select corresponding item in view\n  useEffect(() => {\n    if (focusedTabURI) {\n      const [proto, itemPath] = focusedTabURI.split(':');\n      // TODO: also check entered folder?\n      if (proto === Protocols.ITEM_DETAILS) {\n        dispatch({ type: 'select-item', payload: { itemPath } });\n      }\n    }\n  }, [focusedTabURI]);\n\n  async function handleAdd(classID: string, subregisterID?: string) {\n    if (!updateObjects || !makeRandomID || !activeCRIsEditable || !activeCR) {\n      throw new Error(\"Unable to create item: likely current proposal is not editable or dataset is read-only\");\n    }\n    if (subregisters && !subregisterID) {\n      throw new Error(\"Unable to create item: register uses subregisters, but subregister ID was not provided\");\n    }\n    const clsConfig = itemClasses[classID];\n    if (!clsConfig) {\n      throw new Error(\"Unable to generate new item data: item class configuration is missing\");\n    }\n    const initialItemData = clsConfig?.defaults ?? {};\n    const itemID = await makeRandomID();\n    const ref: InternalItemReference = { classID, itemID, subregisterID };\n    const registerItem: RegisterItem<any> = {\n      id: itemID,\n      dateAccepted: new Date(),\n      status: 'valid',\n      data: initialItemData,\n    };\n    const itemPath = itemRefToItemPath(ref);\n    await updateObjects({\n      commitMessage: `propose to add new ${ref.classID}`,\n      objectChangeset: updateCRObjectChangeset(\n        activeCR as any,\n        { [itemPath]: { type: 'addition' } },\n        { [itemPath]: registerItem },\n      ),\n      _dangerouslySkipValidation: true,\n    });\n    spawnTab(`${Protocols.ITEM_DETAILS}:${itemRefToItemPath(ref, activeCR.id)}`);\n  }\n\n  if (state.enteredFolderID !== null) {\n    // If we are in a folder, show a tree with a single element\n    // indicating currently entered folder\n    // followed by windowed search result list\n    // with query according to the folder (item class, subregister)\n\n    let criteria: CriteriaGroup;\n    let folderInfo: { title: string; moreMenu?: JSX.Element };\n\n    if (state.enteredFolderID.startsWith('by-item-class/')) {\n      const classID = state.enteredFolderID.split('/')[1];\n      const clsConfig = itemClasses[classID];\n      folderInfo = {\n        title: clsConfig?.meta?.title ?? classID,\n        moreMenu: clsConfig\n          ? <ItemClassMenu\n              cfg={itemClasses[classID]}\n              onCreate={!subregisters && activeCRIsEditable && performOperation\n                ? () => performOperation('generating new item', handleAdd)(classID)\n                : undefined}\n            />\n          : undefined,\n      };\n      criteria = {\n        require: 'all',\n        criteria: [\n          {\n            key: 'item-class',\n            query: CRITERIA_CONFIGURATION['item-class'].toQuery(\n              { classID },\n              { itemClasses, subregisters }),\n          },\n        ],\n      };\n    } else if (subregisters && state.enteredFolderID.startsWith('by-subregister/')) {\n      const subregisterID = state.enteredFolderID.split('/')[1];\n      const subregConfig = subregisters[subregisterID];\n      folderInfo = {\n        title: subregConfig?.title ?? subregisterID,\n        moreMenu: subregConfig\n          ? <SubregisterMenu\n              cfg={subregConfig}\n              itemClasses={itemClasses}\n              onCreate={activeCRIsEditable && performOperation\n                ? (clsID) => performOperation('generating new item', handleAdd)(clsID, subregisterID)\n                : undefined}\n            />\n          : undefined,\n      };\n      criteria = {\n        require: 'all',\n        criteria: [\n          {\n            key: 'subregister',\n            query: CRITERIA_CONFIGURATION['subregister'].toQuery(\n              { subregisterID },\n              { itemClasses, subregisters }),\n          },\n        ],\n      };\n    } else {\n      folderInfo = { title: '' };\n      criteria = { require: 'all', criteria: [] };\n    }\n\n\n    const queryExpression = criteriaGroupToQueryExpression(criteria);\n\n    return (\n      <div css={css`display: flex; flex-flow: column nowrap;`} className={className} style={style}>\n        {/* */}\n        <Tree\n          css={css`flex: 0;`}\n          onNodeClick={() => dispatch({ type: 'select-item', payload: { itemPath: null }})}\n          onNodeCollapse={() => dispatch({ type: 'exit-folder' })}\n          onNodeDoubleClick={() => dispatch({ type: 'exit-folder' })}\n          contents={[{\n            id: 'opened-class',\n            isSelected: state.selectedItemPath === null,\n            isExpanded: true,\n            hasCaret: true,\n            icon: 'folder-open',\n            label: folderInfo.title,\n            secondaryLabel: folderInfo.moreMenu ? <MoreMenu>{folderInfo.moreMenu}</MoreMenu> : undefined,\n          }]}\n        />\n        <div css={css`flex: 1;`}>\n          <SearchResultList\n            queryExpression={getRegisterItemQuery(queryExpression, activeCR ?? undefined)}\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        </div>\n      </div>\n    );\n  } else {\n    // If we are *not* in a folder, show a list of available folders/views\n    // (item classes, subregisters)\n\n    const contents: TreeNodeInfo<{ folderID: string | null }>[] = [{\n      id: 'by-item-class',\n      isExpanded: true,\n      hasCaret: false,\n      icon: 'filter',\n      label: \"By item class\",\n      disabled: true,\n      nodeData: { folderID: null },\n    }, ...Object.entries(itemClasses).map(([classID, classConfig]) => ({\n      isSelected: state.selectedFolderID === `by-item-class/${classID}`,\n      id: classID,\n      isExpanded: false,\n      icon: 'folder-close' as IconName,\n      hasCaret: true,\n      label: classConfig.meta.title,\n      nodeData: { folderID: `by-item-class/${classID}` },\n      secondaryLabel:\n        <MoreMenu>\n          <ItemClassMenu\n            cfg={classConfig}\n            onCreate={!subregisters && activeCRIsEditable && performOperation\n              ? () => performOperation('generating new item', handleAdd)(classID)\n              : undefined}\n          />\n        </MoreMenu>,\n    })), ...(subregisters\n      ? [{\n          id: 'by-subregister',\n          isExpanded: true,\n          hasCaret: false,\n          disabled: true,\n          icon: 'filter' as IconName,\n          label: \"By subregister\",\n          nodeData: { folderID: null },\n        }, ...Object.entries(subregisters).map(([subregisterID, subregisterConfig]) => ({\n          isSelected: state.selectedFolderID === `by-subregister/${subregisterID}`,\n          id: subregisterID,\n          isExpanded: false,\n          icon: 'folder-close' as IconName,\n          hasCaret: true,\n          label: subregisterConfig.title,\n          nodeData: { folderID: `by-subregister/${subregisterID}` },\n          secondaryLabel:\n            <MoreMenu>\n              <SubregisterMenu\n                cfg={subregisterConfig}\n                itemClasses={itemClasses}\n                onCreate={activeCRIsEditable && performOperation\n                  ? (clsID) => performOperation('generating new item', handleAdd)(clsID, subregisterID)\n                  : undefined}\n              />\n            </MoreMenu>,\n        }))]\n      : [])\n    ];\n    if (subregisters) {\n      contents.push()\n    }\n    return (\n      <Tree\n        css={css`flex: 1;`}\n        className={className}\n        onNodeClick={node => node.nodeData?.folderID\n          ? dispatch({ type: 'select-folder', payload: { id: node.nodeData.folderID }})\n          : void 0}\n        onNodeExpand={node => node.nodeData?.folderID\n          ? dispatch({ type: 'enter-folder', payload: { id: node.nodeData.folderID }})\n          : void 0}\n        onNodeDoubleClick={node => node.nodeData?.folderID\n          ? dispatch({ type: 'enter-folder', payload: { id: node.nodeData.folderID }})\n          : void 0}\n        contents={contents}\n      />\n    );\n  }\n};\n\n\nconst MoreMenu: React.FC<Record<never, never>> = function ({ children }) {\n  return (\n    <Popover2 minimal content={<>{children}</>}>\n      <Button icon=\"more\" small minimal />\n    </Popover2>\n  );\n}\n\n\nconst SubregisterMenu: React.FC<{\n  cfg: { title: string, itemClasses: string[] };\n  itemClasses: BrowserCtx[\"itemClasses\"];\n  onCreate?: (classID: string) => void;\n}> = function ({ cfg, itemClasses, onCreate }) {\n  return (\n    <Menu>\n      <MenuDivider title={`Item classes in ${cfg.title}`} />\n        {cfg.itemClasses.map(classID =>\n          <MenuItem\n              text={itemClasses[classID]?.meta?.title ?? classID}\n              key={classID}>\n            <ItemClassMenu\n              cfg={itemClasses[classID]}\n              onCreate={onCreate ? () => onCreate(classID) : undefined}\n            />\n          </MenuItem>\n        )}\n    </Menu>\n  );\n}\n\n\nconst ItemClassMenu: React.FC<{\n  cfg: BrowserCtx[\"itemClasses\"][string];\n  onCreate?: () => void;\n}> = function ({ cfg, onCreate }) {\n  return (\n    <Menu>\n      <MenuDivider title=\"About this class\" />\n      <MenuItem multiline disabled css={css`max-width: 400px`} text={cfg.meta.description} />\n      {onCreate\n        ? <>\n            <MenuDivider title=\"Quick actions\" />\n            <MenuItem\n              text=\"Propose new\"\n              intent=\"primary\"\n              onClick={onCreate} icon=\"plus\"\n            />\n          </>\n        : null}\n    </Menu>\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 Browse;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/sidebar/Browse/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useCallback, useContext, useEffect } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { Button, IconName, Menu, MenuItem, MenuDivider, Tree, TreeNodeInfo } from '@blueprintjs/core';\nimport { Popover2 } from '@blueprintjs/popover2';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport type { 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';\n\nimport type { CriteriaGroup } from '../../FilterCriteria/models';\nimport criteriaGroupToQueryExpression from '../../FilterCriteria/criteriaGroupToQueryExpression';\nimport CRITERIA_CONFIGURATION from '../../FilterCriteria/CRITERIA_CONFIGURATION';\nimport { itemRefToItemPath } from '../../itemPathUtils';\nimport { getRegisterItemQuery } from '../../itemQueryUtils';\nimport { ChangeRequestContext } from '../../change-request/ChangeRequestContext';\nimport { updateCRObjectChangeset } from '../../change-request/objectChangeset';\nimport type { RegisterItem, InternalItemReference } from '../../../types';\nimport { BrowserCtx } from '../../BrowserCtx';\nimport ListItem from '../ListItem';\nimport { Protocols } from '../../protocolRegistry';\n\n\ninterface BaseState {\n  selectedFolderID: string | null\n  selectedItemPath: string | null\n  enteredFolderID: string | null\n}\ninterface FolderListState extends BaseState {\n  enteredFolderID: null\n  selectedItemPath: null\n}\ninterface ItemListState extends BaseState {\n  enteredFolderID: string\n  selectedFolderID: string\n}\ntype State = FolderListState | ItemListState\n\ntype Action =\n  | { type: 'select-folder'; payload: { id: string | null; }; }\n  | { type: 'enter-folder'; payload: { id: string; }; }\n  | { type: 'exit-folder'; }\n  | { type: 'select-item'; payload: { itemPath: string | null; }; }\n\nconst initialState: State = {\n  selectedFolderID: null,\n  enteredFolderID: null,\n  selectedItemPath: null,\n};\nfunction validateState(loadedValue: any): loadedValue is State {\n  return (\n    _validateFolderID(loadedValue.enteredFolderID) &&\n    _validateFolderID(loadedValue.selectedFolderID) &&\n    loadedValue.selectedItemPath !== undefined\n  );\n};\nfunction _validateFolderID(foldID: string) {\n  return foldID !== undefined &&\n  (\n    foldID === null || (\n      foldID.startsWith('by-item-class/') ||\n      foldID.startsWith('by-subregister/')\n    )\n  )\n}\n\nconst Browse: React.FC<{\n  availableClassIDs?: string[]\n  onOpenItem?: (itemPath: string) => void\n  stateName?: string\n  className?: string\n  style?: React.CSSProperties\n}> =\nfunction ({ stateName, onOpenItem, className, style }) {\n  const { performOperation, updateObjects, makeRandomID, usePersistentDatasetStateReducer } = useContext(DatasetContext);\n  const { spawnTab, focusedTabURI } = useContext(TabbedWorkspaceContext);\n  const { keyExpression, itemClasses, subregisters } = useContext(BrowserCtx);\n  const { changeRequest: activeCR, canEdit: activeCRIsEditable } = useContext(ChangeRequestContext);\n\n  const [ state, dispatch, ] = (usePersistentDatasetStateReducer as PersistentStateReducerHook<State, Action>)(\n    stateName ?? 'browse-sidebar',\n    undefined,\n    validateState,\n    (prevState, action) => {\n      switch (action.type) {\n        case 'select-folder':\n          if (prevState.enteredFolderID !== null) {\n            return prevState;\n          } else {\n            return {\n              ...prevState,\n              selectedFolderID: action.payload.id,\n            };\n          }\n        case 'enter-folder':\n          if (prevState.enteredFolderID === null) {\n            return {\n              ...prevState,\n              selectedFolderID: action.payload.id,\n              enteredFolderID: action.payload.id,\n            };\n          } else {\n            return prevState;\n          }\n        case 'exit-folder':\n          if (prevState.enteredFolderID !== null) {\n            return {\n              ...prevState,\n              enteredFolderID: null,\n              selectedItemPath: null,\n            };\n          } else {\n            return prevState;\n          }\n        case 'select-item':\n          if (prevState.enteredFolderID && prevState.selectedFolderID) {\n            return {\n              ...prevState,\n              selectedItemPath: action.payload.itemPath,\n            };\n          } else {\n            return prevState;\n          }\n        default:\n          throw new Error(\"Unexpected browse state\");\n      }\n    },\n    initialState,\n    null);\n\n  // If currently focused tab changed, select corresponding item in view\n  useEffect(() => {\n    if (focusedTabURI) {\n      const [proto, itemPath] = focusedTabURI.split(':');\n      // TODO: also check entered folder?\n      if (proto === Protocols.ITEM_DETAILS) {\n        dispatch({ type: 'select-item', payload: { itemPath } });\n      }\n    }\n  }, [focusedTabURI, dispatch]);\n\n  const handleAdd = useCallback(async function _handleAdd(classID: string, subregisterID?: string) {\n    if (!updateObjects || !makeRandomID || !activeCRIsEditable || !activeCR) {\n      throw new Error(\"Unable to create item: likely current proposal is not editable or dataset is read-only\");\n    }\n    if (subregisters && !subregisterID) {\n      throw new Error(\"Unable to create item: register uses subregisters, but subregister ID was not provided\");\n    }\n    const clsConfig = itemClasses[classID];\n    if (!clsConfig) {\n      throw new Error(\"Unable to generate new item data: item class configuration is missing\");\n    }\n    const initialItemData = clsConfig?.defaults ?? {};\n    const itemID = await makeRandomID();\n    const ref: InternalItemReference = { classID, itemID, subregisterID };\n    const registerItem: RegisterItem<any> = {\n      id: itemID,\n      dateAccepted: new Date(),\n      status: 'valid',\n      data: initialItemData,\n    };\n    const itemPath = itemRefToItemPath(ref);\n    await updateObjects({\n      commitMessage: `propose to add new ${ref.classID}`,\n      objectChangeset: updateCRObjectChangeset(\n        activeCR as any,\n        { [itemPath]: { type: 'addition' } },\n        { [itemPath]: registerItem },\n      ),\n      _dangerouslySkipValidation: true,\n    });\n    spawnTab(`${Protocols.ITEM_DETAILS}:${itemRefToItemPath(ref, activeCR.id)}`);\n  }, [activeCR, activeCRIsEditable, subregisters === undefined, spawnTab, updateObjects, makeRandomID]);\n\n  const handleSelectItem = useCallback(\n    (itemPath => dispatch({ type: 'select-item', payload: { itemPath }})),\n    [dispatch]);\n  const handleDeselectItem = useCallback(\n    (() => dispatch({ type: 'select-item', payload: { itemPath: null } })),\n    [dispatch]);\n  const handleOpenItem = useCallback(\n    ((itemPath) =>\n      (onOpenItem ?? (itemPath => spawnTab(`${Protocols.ITEM_DETAILS}:${itemPath}`)))\n      (itemPath)),\n    [onOpenItem, spawnTab]);\n  const handleExitFolder = useCallback(\n    (() => dispatch({ type: 'exit-folder' })),\n    [dispatch]);\n\n  if (state.enteredFolderID !== null) {\n    // If we are in a folder, show a tree with a single element\n    // indicating currently entered folder\n    // followed by windowed search result list\n    // with query according to the folder (item class, subregister)\n\n    let criteria: CriteriaGroup;\n    let folderInfo: { title: string; moreMenu?: JSX.Element };\n\n    if (state.enteredFolderID.startsWith('by-item-class/')) {\n      const classID = state.enteredFolderID.split('/')[1];\n      const clsConfig = itemClasses[classID];\n      folderInfo = {\n        title: clsConfig?.meta?.title ?? classID,\n        moreMenu: clsConfig\n          ? <ItemClassMenu\n              cfg={itemClasses[classID]}\n              onCreate={!subregisters && activeCRIsEditable && performOperation\n                ? () => performOperation('generating new item', handleAdd)(classID)\n                : undefined}\n            />\n          : undefined,\n      };\n      criteria = {\n        require: 'all',\n        criteria: [\n          {\n            key: 'item-class',\n            query: CRITERIA_CONFIGURATION['item-class'].toQuery(\n              { classID },\n              { itemClasses, subregisters }),\n          },\n        ],\n      };\n    } else if (subregisters && state.enteredFolderID.startsWith('by-subregister/')) {\n      const subregisterID = state.enteredFolderID.split('/')[1];\n      const subregConfig = subregisters[subregisterID];\n      folderInfo = {\n        title: subregConfig?.title ?? subregisterID,\n        moreMenu: subregConfig\n          ? <SubregisterMenu\n              cfg={subregConfig}\n              itemClasses={itemClasses}\n              onCreate={activeCRIsEditable && performOperation\n                ? (clsID) => performOperation('generating new item', handleAdd)(clsID, subregisterID)\n                : undefined}\n            />\n          : undefined,\n      };\n      criteria = {\n        require: 'all',\n        criteria: [\n          {\n            key: 'subregister',\n            query: CRITERIA_CONFIGURATION['subregister'].toQuery(\n              { subregisterID },\n              { itemClasses, subregisters }),\n          },\n        ],\n      };\n    } else {\n      folderInfo = { title: '' };\n      criteria = { require: 'all', criteria: [] };\n    }\n\n\n    const queryExpression = criteriaGroupToQueryExpression(criteria);\n\n    return (\n      <div css={css`display: flex; flex-flow: column nowrap;`} className={className} style={style}>\n        <Tree\n          css={css`flex: 0;`}\n          // This click handler deselects any items in results, meaning.\n          onNodeClick={handleDeselectItem}\n          onNodeCollapse={handleExitFolder}\n          onNodeDoubleClick={handleExitFolder}\n          contents={[{\n            id: 'opened-class',\n            isSelected: state.selectedItemPath === null,\n            isExpanded: true,\n            hasCaret: true,\n            icon: 'folder-open',\n            label: folderInfo.title,\n            secondaryLabel: folderInfo.moreMenu\n              ? <MoreMenu>{folderInfo.moreMenu}</MoreMenu>\n              : undefined,\n          }]}\n        />\n        <div css={css`flex: 1;`}>\n          <SearchResultList\n            queryExpression={getRegisterItemQuery(queryExpression, activeCR ?? undefined)}\n            keyExpression={keyExpression}\n            selectedItemPath={state.selectedItemPath}\n            onSelectItem={handleSelectItem}\n            onOpenItem={handleOpenItem}\n          />\n        </div>\n      </div>\n    );\n  } else {\n    // If we are *not* in a folder, show a list of available folders/views\n    // (item classes, subregisters)\n\n    const contents: TreeNodeInfo<{ folderID: string | null }>[] = [{\n      id: 'by-item-class',\n      isExpanded: true,\n      hasCaret: false,\n      icon: 'filter',\n      label: \"By item class\",\n      disabled: true,\n      nodeData: { folderID: null },\n    }, ...Object.entries(itemClasses).map(([classID, classConfig]) => ({\n      isSelected: state.selectedFolderID === `by-item-class/${classID}`,\n      id: classID,\n      isExpanded: false,\n      icon: 'folder-close' as IconName,\n      hasCaret: true,\n      label: classConfig.meta.title,\n      nodeData: { folderID: `by-item-class/${classID}` },\n      secondaryLabel:\n        <MoreMenu>\n          <ItemClassMenu\n            cfg={classConfig}\n            onCreate={!subregisters && activeCRIsEditable && performOperation\n              ? () => performOperation('generating new item', handleAdd)(classID)\n              : undefined}\n          />\n        </MoreMenu>,\n    })), ...(subregisters\n      ? [{\n          id: 'by-subregister',\n          isExpanded: true,\n          hasCaret: false,\n          disabled: true,\n          icon: 'filter' as IconName,\n          label: \"By subregister\",\n          nodeData: { folderID: null },\n        }, ...Object.entries(subregisters).map(([subregisterID, subregisterConfig]) => ({\n          isSelected: state.selectedFolderID === `by-subregister/${subregisterID}`,\n          id: subregisterID,\n          isExpanded: false,\n          icon: 'folder-close' as IconName,\n          hasCaret: true,\n          label: subregisterConfig.title,\n          nodeData: { folderID: `by-subregister/${subregisterID}` },\n          secondaryLabel:\n            <MoreMenu>\n              <SubregisterMenu\n                cfg={subregisterConfig}\n                itemClasses={itemClasses}\n                onCreate={activeCRIsEditable && performOperation\n                  ? (clsID) => performOperation('generating new item', handleAdd)(clsID, subregisterID)\n                  : undefined}\n              />\n            </MoreMenu>,\n        }))]\n      : [])\n    ];\n    if (subregisters) {\n      contents.push()\n    }\n    return (\n      <Tree\n        css={css`flex: 1;`}\n        className={className}\n        onNodeClick={node => node.nodeData?.folderID\n          ? dispatch({ type: 'select-folder', payload: { id: node.nodeData.folderID }})\n          : void 0}\n        onNodeExpand={node => node.nodeData?.folderID\n          ? dispatch({ type: 'enter-folder', payload: { id: node.nodeData.folderID }})\n          : void 0}\n        onNodeDoubleClick={node => node.nodeData?.folderID\n          ? dispatch({ type: 'enter-folder', payload: { id: node.nodeData.folderID }})\n          : void 0}\n        contents={contents}\n      />\n    );\n  }\n};\n\n\nconst MoreMenu: React.FC<Record<never, never>> = function ({ children }) {\n  return (\n    <Popover2 minimal content={<>{children}</>}>\n      <Button icon=\"more\" small minimal />\n    </Popover2>\n  );\n}\n\n\nconst SubregisterMenu: React.FC<{\n  cfg: { title: string, itemClasses: string[] };\n  itemClasses: BrowserCtx[\"itemClasses\"];\n  onCreate?: (classID: string) => void;\n}> = function ({ cfg, itemClasses, onCreate }) {\n  return (\n    <Menu>\n      <MenuDivider title={`Item classes in ${cfg.title}`} />\n        {cfg.itemClasses.map(classID =>\n          <MenuItem\n              text={itemClasses[classID]?.meta?.title ?? classID}\n              key={classID}>\n            <ItemClassMenu\n              cfg={itemClasses[classID]}\n              onCreate={onCreate ? () => onCreate(classID) : undefined}\n            />\n          </MenuItem>\n        )}\n    </Menu>\n  );\n}\n\n\nconst ItemClassMenu: React.FC<{\n  cfg: BrowserCtx[\"itemClasses\"][string];\n  onCreate?: () => void;\n}> = function ({ cfg, onCreate }) {\n  return (\n    <Menu>\n      <MenuDivider title=\"About this class\" />\n      <MenuItem multiline disabled css={css`max-width: 400px`} text={cfg.meta.description} />\n      {onCreate\n        ? <>\n            <MenuDivider title=\"Quick actions\" />\n            <MenuItem\n              text=\"Propose new\"\n              intent=\"primary\"\n              onClick={onCreate} icon=\"plus\"\n            />\n          </>\n        : null}\n    </Menu>\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 Browse;\n"]}

package/views/sidebar/Registration/index.js

@@ -61,6 +61,10 @@ const ChangeRequestHistoryBlock = function () {
 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 initialState = {
+  quickSubstringQuery: '',
+  selectedItemPath: null
+};
 
 const ChangeRequestListBlock = function ({
   impliedQuery
@@ -75,10 +79,6 @@ const ChangeRequestListBlock = function ({
   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) => {
@@ -97,11 +97,12 @@ const ChangeRequestListBlock = function ({
         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
+  const query = (0, _react.useMemo)(() => 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;
+  : `return false`, [impliedQuery, itemPath]);
   (0, _react.useEffect)(() => {
+    const selectedCRPath = focusedTabURI && focusedTabURI.startsWith(`${_protocolRegistry.Protocols.CHANGE_REQUEST}:`) ? focusedTabURI.split(':')[1] : null;
+
     if (itemPath !== undefined && selectedCRPath) {
       setTimeout(() => {
         dispatch({
@@ -112,17 +113,17 @@ const ChangeRequestListBlock = function ({
         });
       }, 500);
     }
-  }, [itemPath, selectedCRPath]);
+  }, [dispatch, itemPath, focusedTabURI]);
   return (0, _react2.jsx)(ChangeRequestSearchResultList, {
     queryExpression: query,
     selectedItemPath: state.selectedItemPath,
-    onSelectItem: itemPath => dispatch({
+    onSelectItem: (0, _react.useCallback)(itemPath => dispatch({
       type: 'select-item',
       payload: {
         itemPath
       }
-    }),
-    onOpenItem: itemPath => spawnTab(`${_protocolRegistry.Protocols.CHANGE_REQUEST}:${itemPath}`)
+    }), [dispatch]),
+    onOpenItem: (0, _react.useCallback)(itemPath => spawnTab(`${_protocolRegistry.Protocols.CHANGE_REQUEST}:${itemPath}`), [spawnTab])
   });
 };
 

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

@@ -1 +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"]}
+{"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, useMemo, useCallback, 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}\nconst initialState: ChangeRequestBlockState = {\n  quickSubstringQuery: '',\n  selectedItemPath: null,\n};\ntype ChangeRequestBlockAction =\n  | { type: 'update-quick-substring-query'; payload: { substring: string; }; }\n  | { type: 'select-item'; payload: { itemPath: string | null; }; }\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 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 = useMemo((() => 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  ), [impliedQuery, itemPath]);\n\n  useEffect(() => {\n    const selectedCRPath: string | null =\n      focusedTabURI && focusedTabURI.startsWith(`${Protocols.CHANGE_REQUEST}:`)\n        ? focusedTabURI.split(':')[1]\n        : null;\n    if (itemPath !== undefined && selectedCRPath) {\n      setTimeout(() => {\n        dispatch({ type: 'select-item', payload: { itemPath: selectedCRPath } });\n      }, 500);\n    }\n  }, [dispatch, itemPath, focusedTabURI]);\n\n  return (\n    <ChangeRequestSearchResultList\n      queryExpression={query}\n      selectedItemPath={state.selectedItemPath}\n      onSelectItem={useCallback((itemPath =>\n        dispatch({\n          type: 'select-item',\n          payload: { itemPath },\n        })\n      ), [dispatch])}\n      onOpenItem={useCallback((itemPath =>\n        spawnTab(`${Protocols.CHANGE_REQUEST}:${itemPath}`)\n      ), [spawnTab])}\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.js

@@ -42,6 +42,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /** @jsx jsx */
 
 /** @jsxFrag React.Fragment */
+const initialState = {
+  query: {
+    criteria: _models.BLANK_CRITERIA
+  },
+  quickSubstringQuery: '',
+  selectedItemPath: null
+};
+
 const Search = function ({
   implicitCriteria,
   availableClassIDs,
@@ -50,8 +58,6 @@ const Search = function ({
   className,
   style
 }) {
-  var _a;
-
   const {
     usePersistentDatasetStateReducer
   } = (0, _react.useContext)(_context.DatasetContext);
@@ -67,13 +73,6 @@ const Search = function ({
   const {
     changeRequest
   } = (0, _react.useContext)(_ChangeRequestContext.ChangeRequestContext);
-  const initialState = {
-    query: {
-      criteria: _models.BLANK_CRITERIA
-    },
-    quickSubstringQuery: '',
-    selectedItemPath: null
-  };
   const [state, dispatch, stateRecalled] = usePersistentDatasetStateReducer(stateName !== null && stateName !== void 0 ? stateName : 'search-sidebar', undefined, undefined, (prevState, action) => {
     switch (action.type) {
       case 'update-query':
@@ -105,29 +104,40 @@ const Search = function ({
         }
       });
     }
-  }, [selectedItemPath]);
-  const quickSearchString = ((_a = state.quickSubstringQuery) !== null && _a !== void 0 ? _a : '').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';
+  }, [selectedItemPath, dispatch]);
+  const effectiveQueryExpression = (0, _react.useMemo)(() => {
+    var _a;
+
+    const quickSearchString = ((_a = state.quickSubstringQuery) !== null && _a !== void 0 ? _a : '').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;
+    return withImplicit.criteria.length > 0 ? (0, _criteriaGroupToQueryExpression.default)(withImplicit) // If no criteria provided, don’t show anything by default.
+    : 'false';
+  }, [state.query.criteria, state.quickSubstringQuery, itemClasses, subregisters]);
   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 !== null && changeRequest !== void 0 ? changeRequest : undefined) : 'return false';
+  const datasetObjectSearchQueryExpression = (0, _react.useMemo)(() => queryExpressionDebounced != 'false' ? (0, _itemQueryUtils.getRegisterItemQuery)(queryExpressionDebounced, changeRequest !== null && changeRequest !== void 0 ? changeRequest : undefined) : 'return false', [queryExpressionDebounced, changeRequest]);
+  const handleSelectItem = (0, _react.useCallback)(itemPath => dispatch({
+    type: 'select-item',
+    payload: {
+      itemPath
+    }
+  }), [dispatch]);
+  const handleOpenItem = (0, _react.useCallback)(onOpenItem !== null && onOpenItem !== void 0 ? onOpenItem : itemPath => spawnTab(`${_protocolRegistry.Protocols.ITEM_DETAILS}:${itemPath}`), [onOpenItem, spawnTab]);
   return (0, _react2.jsx)("div", {
     css: (0, _react2.css)`display: flex; flex-flow: column nowrap;`,
     className: className,
@@ -136,35 +146,30 @@ const Search = function ({
     rootCriteria: state.query.criteria,
     quickSearchString: state.quickSubstringQuery,
     availableClassIDs: availableClassIDs,
-    onCriteriaChange: criteria => dispatch({
+    onCriteriaChange: (0, _react.useCallback)(criteria => dispatch({
       type: 'update-query',
       payload: {
         query: {
           criteria
         }
       }
-    }),
-    onQuickSearchStringChange: substring => dispatch({
+    }), [dispatch]),
+    onQuickSearchStringChange: (0, _react.useCallback)(substring => dispatch({
       type: 'update-quick-substring-query',
       payload: {
         substring
       }
-    }),
+    }), [dispatch]),
     css: (0, _react2.css)`padding: 5px;`
   }), (0, _react2.jsx)("div", {
     css: (0, _react2.css)`flex: 1;`
-  }, stateRecalledDebounced ? (0, _react2.jsx)(SearchResultList, {
+  }, (0, _react2.jsx)(SearchResultList, {
     queryExpression: datasetObjectSearchQueryExpression,
     keyExpression: keyExpression,
     selectedItemPath: state.selectedItemPath,
-    onSelectItem: itemPath => dispatch({
-      type: 'select-item',
-      payload: {
-        itemPath
-      }
-    }),
-    onOpenItem: onOpenItem !== null && onOpenItem !== void 0 ? onOpenItem : itemPath => spawnTab(`${_protocolRegistry.Protocols.ITEM_DETAILS}:${itemPath}`)
-  }) : null));
+    onSelectItem: handleSelectItem,
+    onOpenItem: handleOpenItem
+  })));
 };
 
 const SearchResultList = (0, _SearchResultList.default)(_ListItem.default, objPath => ({

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

@@ -1 +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"]}
+{"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, useCallback, useMemo, 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 initialState: State = {\n  query: { criteria: BLANK_CRITERIA },\n  quickSubstringQuery: '',\n  selectedItemPath: null,\n};\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 [ 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\n  useEffect(() => {\n    if (selectedItemPath) {\n      dispatch({ type: 'select-item', payload: { itemPath: selectedItemPath } });\n    }\n  }, [selectedItemPath, dispatch]);\n\n  const effectiveQueryExpression = useMemo(() => {\n    const quickSearchString = (state.quickSubstringQuery ?? '').trim();\n    const withSearchString: CriteriaGroup =\n      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    const withImplicit: CriteriaGroup = implicitCriteria\n      ? {\n          require: 'all',\n          criteria: [ implicitCriteria, withSearchString ],\n        }\n      : withSearchString;\n    return withImplicit.criteria.length > 0\n      ? criteriaGroupToQueryExpression(withImplicit)\n      // If no criteria provided, don’t show anything by default.\n      : 'false';\n  }, [state.query.criteria, state.quickSubstringQuery, itemClasses, subregisters]);\n\n  const stateRecalledDebounced = useDebounce(stateRecalled, 100);\n  const queryExpressionDebounced = useDebounce(\n    effectiveQueryExpression,\n    stateRecalledDebounced ? 500 : 0,\n  );\n\n  const datasetObjectSearchQueryExpression = useMemo((() =>\n    queryExpressionDebounced != 'false'\n      ? getRegisterItemQuery(queryExpressionDebounced, changeRequest ?? undefined)\n      : 'return false'\n  ), [queryExpressionDebounced, changeRequest]);\n\n  const handleSelectItem = useCallback(\n    (itemPath => dispatch({ type: 'select-item', payload: { itemPath }})),\n    [dispatch]);\n\n\n  const handleOpenItem = useCallback(\n    onOpenItem ?? (itemPath => spawnTab(`${Protocols.ITEM_DETAILS}:${itemPath}`)),\n    [onOpenItem, spawnTab]);\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={useCallback((\n          criteria => dispatch({ type: 'update-query', payload: { query: { criteria } } })\n        ), [dispatch])}\n        onQuickSearchStringChange={useCallback((\n          substring => dispatch({ type: 'update-quick-substring-query', payload: { substring } })\n        ), [dispatch])}\n        css={css`padding: 5px;`}\n      />\n      <div css={css`flex: 1;`}>\n        <SearchResultList\n            queryExpression={datasetObjectSearchQueryExpression}\n            keyExpression={keyExpression}\n            selectedItemPath={state.selectedItemPath}\n            onSelectItem={handleSelectItem}\n            onOpenItem={handleOpenItem}\n          />\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/util.d.ts

@@ -15,6 +15,7 @@ export declare const PropertyDetailView: React.FC<{
     title: FormGroupProps["label"];
     secondaryTitle?: FormGroupProps["labelInfo"];
     inline?: FormGroupProps["inline"];
+    className?: string;
 }>;
 /** Formats given date as a span with tooltip set to full ISO date & time. */
 export declare const Datestamp: React.FC<{

package/views/util.js

@@ -56,14 +56,16 @@ exports.RegisterHelmet = RegisterHelmet;
 
 const PropertyDetailView = function ({
   title,
+  secondaryTitle,
   inline,
   children,
-  secondaryTitle
+  className
 }) {
   return (0, _react2.jsx)(_core.FormGroup, {
     label: `${title}:`,
     labelInfo: secondaryTitle,
     css: (0, _react2.css)`&, &.bp4-inline { label.bp4-label { font-weight: bold; line-height: unset } }`,
+    className: className,
     inline: inline
   }, children);
 };