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

package/views/sidebar/Browse/index.js

@@ -0,0 +1,453 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _popover = require("@blueprintjs/popover2");
+
+var _context = require("@riboseinc/paneron-extension-kit/context");
+
+var _context2 = require("@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context");
+
+var _SearchResultList = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/SearchResultList"));
+
+var _criteriaGroupToQueryExpression = _interopRequireDefault(require("../../FilterCriteria/criteriaGroupToQueryExpression"));
+
+var _CRITERIA_CONFIGURATION = _interopRequireDefault(require("../../FilterCriteria/CRITERIA_CONFIGURATION"));
+
+var _itemPathUtils = require("../../itemPathUtils");
+
+var _itemQueryUtils = require("../../itemQueryUtils");
+
+var _ChangeRequestContext = require("../../change-request/ChangeRequestContext");
+
+var _objectChangeset = require("../../change-request/objectChangeset");
+
+var _BrowserCtx = require("../../BrowserCtx");
+
+var _ListItem = _interopRequireDefault(require("../ListItem"));
+
+var _protocolRegistry = require("../../protocolRegistry");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const Browse = function ({
+  stateName,
+  onOpenItem,
+  className,
+  style
+}) {
+  const {
+    performOperation,
+    updateObjects,
+    makeRandomID,
+    usePersistentDatasetStateReducer
+  } = (0, _react.useContext)(_context.DatasetContext);
+  const {
+    spawnTab,
+    focusedTabURI
+  } = (0, _react.useContext)(_context2.TabbedWorkspaceContext);
+  const {
+    keyExpression,
+    itemClasses,
+    subregisters
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+  const {
+    changeRequest: activeCR,
+    canEdit: activeCRIsEditable
+  } = (0, _react.useContext)(_ChangeRequestContext.ChangeRequestContext);
+  const [state, dispatch] = usePersistentDatasetStateReducer(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) => {
+    switch (action.type) {
+      case 'select-folder':
+        if (prevState.enteredFolderID !== null) {
+          return prevState;
+        } else {
+          return { ...prevState,
+            selectedFolderID: action.payload.id
+          };
+        }
+
+      case 'enter-folder':
+        if (prevState.enteredFolderID === null) {
+          return { ...prevState,
+            selectedFolderID: action.payload.id,
+            enteredFolderID: action.payload.id
+          };
+        } else {
+          return prevState;
+        }
+
+      case 'exit-folder':
+        if (prevState.enteredFolderID !== null) {
+          return { ...prevState,
+            enteredFolderID: null,
+            selectedItemPath: null
+          };
+        } else {
+          return prevState;
+        }
+
+      case 'select-item':
+        if (prevState.enteredFolderID && prevState.selectedFolderID) {
+          return { ...prevState,
+            selectedItemPath: action.payload.itemPath
+          };
+        } else {
+          return prevState;
+        }
+
+      default:
+        throw new Error("Unexpected browse state");
+    }
+  }, {
+    selectedFolderID: null,
+    enteredFolderID: null,
+    selectedItemPath: null
+  }, null); // If currently focused tab changed, select corresponding item in view
+
+  (0, _react.useEffect)(() => {
+    if (focusedTabURI) {
+      const [proto, itemPath] = focusedTabURI.split(':'); // TODO: also check entered folder?
+
+      if (proto === _protocolRegistry.Protocols.ITEM_DETAILS) {
+        dispatch({
+          type: 'select-item',
+          payload: {
+            itemPath
+          }
+        });
+      }
+    }
+  }, [focusedTabURI]);
+
+  async function handleAdd(classID, subregisterID) {
+    if (!updateObjects || !makeRandomID || !activeCRIsEditable || !activeCR) {
+      throw new Error("Unable to create item: likely current proposal is not editable or dataset is read-only");
+    }
+
+    if (subregisters && !subregisterID) {
+      throw new Error("Unable to create item: register uses subregisters, but subregister ID was not provided");
+    }
+
+    const clsConfig = itemClasses[classID];
+
+    if (!clsConfig) {
+      throw new Error("Unable to generate new item data: item class configuration is missing");
+    }
+
+    const initialItemData = (clsConfig === null || clsConfig === void 0 ? void 0 : clsConfig.defaults) ?? {};
+    const itemID = await makeRandomID();
+    const ref = {
+      classID,
+      itemID,
+      subregisterID
+    };
+    const registerItem = {
+      id: itemID,
+      dateAccepted: new Date(),
+      status: 'valid',
+      data: initialItemData
+    };
+    const itemPath = (0, _itemPathUtils.itemRefToItemPath)(ref);
+    await updateObjects({
+      commitMessage: `propose to add new ${ref.classID}`,
+      objectChangeset: (0, _objectChangeset.updateCRObjectChangeset)(activeCR, {
+        [itemPath]: {
+          type: 'addition'
+        }
+      }, {
+        [itemPath]: registerItem
+      }),
+      _dangerouslySkipValidation: true
+    });
+    spawnTab(`${_protocolRegistry.Protocols.ITEM_DETAILS}:${(0, _itemPathUtils.itemRefToItemPath)(ref, activeCR.id)}`);
+  }
+
+  if (state.enteredFolderID !== null) {
+    // If we are in a folder, show a tree with a single element
+    // indicating currently entered folder
+    // followed by windowed search result list
+    // with query according to the folder (item class, subregister)
+    let criteria;
+    let folderInfo;
+
+    if (state.enteredFolderID.startsWith('by-item-class/')) {
+      var _clsConfig$meta;
+
+      const classID = state.enteredFolderID.split('/')[1];
+      const clsConfig = itemClasses[classID];
+      folderInfo = {
+        title: (clsConfig === null || clsConfig === void 0 ? void 0 : (_clsConfig$meta = clsConfig.meta) === null || _clsConfig$meta === void 0 ? void 0 : _clsConfig$meta.title) ?? classID,
+        moreMenu: clsConfig ? (0, _react2.jsx)(ItemClassMenu, {
+          cfg: itemClasses[classID],
+          onCreate: !subregisters && activeCRIsEditable && performOperation ? () => performOperation('generating new item', handleAdd)(classID) : undefined
+        }) : undefined
+      };
+      criteria = {
+        require: 'all',
+        criteria: [{
+          key: 'item-class',
+          query: _CRITERIA_CONFIGURATION.default['item-class'].toQuery({
+            classID
+          }, {
+            itemClasses,
+            subregisters
+          })
+        }]
+      };
+    } else if (subregisters && state.enteredFolderID.startsWith('by-subregister/')) {
+      const subregisterID = state.enteredFolderID.split('/')[1];
+      const subregConfig = subregisters[subregisterID];
+      folderInfo = {
+        title: (subregConfig === null || subregConfig === void 0 ? void 0 : subregConfig.title) ?? subregisterID,
+        moreMenu: subregConfig ? (0, _react2.jsx)(SubregisterMenu, {
+          cfg: subregConfig,
+          itemClasses: itemClasses,
+          onCreate: activeCRIsEditable && performOperation ? clsID => performOperation('generating new item', handleAdd)(clsID, subregisterID) : undefined
+        }) : undefined
+      };
+      criteria = {
+        require: 'all',
+        criteria: [{
+          key: 'subregister',
+          query: _CRITERIA_CONFIGURATION.default['subregister'].toQuery({
+            subregisterID
+          }, {
+            itemClasses,
+            subregisters
+          })
+        }]
+      };
+    } else {
+      folderInfo = {
+        title: ''
+      };
+      criteria = {
+        require: 'all',
+        criteria: []
+      };
+    }
+
+    const queryExpression = (0, _criteriaGroupToQueryExpression.default)(criteria);
+    return (0, _react2.jsx)("div", {
+      css: (0, _react2.css)`display: flex; flex-flow: column nowrap;`,
+      className: className,
+      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'
+      }),
+      contents: [{
+        id: 'opened-class',
+        isSelected: state.selectedItemPath === null,
+        isExpanded: true,
+        hasCaret: true,
+        icon: 'folder-open',
+        label: folderInfo.title,
+        secondaryLabel: folderInfo.moreMenu ? (0, _react2.jsx)(MoreMenu, null, folderInfo.moreMenu) : undefined
+      }]
+    }), (0, _react2.jsx)("div", {
+      css: (0, _react2.css)`flex: 1;`
+    }, (0, _react2.jsx)(SearchResultList, {
+      queryExpression: (0, _itemQueryUtils.getRegisterItemQuery)(queryExpression, activeCR ?? undefined),
+      keyExpression: keyExpression,
+      selectedItemPath: state.selectedItemPath,
+      onSelectItem: itemPath => dispatch({
+        type: 'select-item',
+        payload: {
+          itemPath
+        }
+      }),
+      onOpenItem: onOpenItem ?? (itemPath => spawnTab(`${_protocolRegistry.Protocols.ITEM_DETAILS}:${itemPath}`))
+    })));
+  } else {
+    // If we are *not* in a folder, show a list of available folders/views
+    // (item classes, subregisters)
+    const contents = [{
+      id: 'by-item-class',
+      isExpanded: true,
+      hasCaret: false,
+      icon: 'filter',
+      label: "By item class",
+      disabled: true,
+      nodeData: {
+        folderID: null
+      }
+    }, ...Object.entries(itemClasses).map(([classID, classConfig]) => ({
+      isSelected: state.selectedFolderID === `by-item-class/${classID}`,
+      id: classID,
+      isExpanded: false,
+      icon: 'folder-close',
+      hasCaret: true,
+      label: classConfig.meta.title,
+      nodeData: {
+        folderID: `by-item-class/${classID}`
+      },
+      secondaryLabel: (0, _react2.jsx)(MoreMenu, null, (0, _react2.jsx)(ItemClassMenu, {
+        cfg: classConfig,
+        onCreate: !subregisters && activeCRIsEditable && performOperation ? () => performOperation('generating new item', handleAdd)(classID) : undefined
+      }))
+    })), ...(subregisters ? [{
+      id: 'by-subregister',
+      isExpanded: true,
+      hasCaret: false,
+      disabled: true,
+      icon: 'filter',
+      label: "By subregister",
+      nodeData: {
+        folderID: null
+      }
+    }, ...Object.entries(subregisters).map(([subregisterID, subregisterConfig]) => ({
+      isSelected: state.selectedFolderID === `by-subregister/${subregisterID}`,
+      id: subregisterID,
+      isExpanded: false,
+      icon: 'folder-close',
+      hasCaret: true,
+      label: subregisterConfig.title,
+      nodeData: {
+        folderID: `by-subregister/${subregisterID}`
+      },
+      secondaryLabel: (0, _react2.jsx)(MoreMenu, null, (0, _react2.jsx)(SubregisterMenu, {
+        cfg: subregisterConfig,
+        itemClasses: itemClasses,
+        onCreate: activeCRIsEditable && performOperation ? clsID => performOperation('generating new item', handleAdd)(clsID, subregisterID) : undefined
+      }))
+    }))] : [])];
+
+    if (subregisters) {
+      contents.push();
+    }
+
+    return (0, _react2.jsx)(_core.Tree, {
+      css: (0, _react2.css)`flex: 1;`,
+      className: className,
+      onNodeClick: node => {
+        var _node$nodeData;
+
+        return (_node$nodeData = node.nodeData) !== null && _node$nodeData !== void 0 && _node$nodeData.folderID ? dispatch({
+          type: 'select-folder',
+          payload: {
+            id: node.nodeData.folderID
+          }
+        }) : void 0;
+      },
+      onNodeExpand: node => {
+        var _node$nodeData2;
+
+        return (_node$nodeData2 = node.nodeData) !== null && _node$nodeData2 !== void 0 && _node$nodeData2.folderID ? dispatch({
+          type: 'enter-folder',
+          payload: {
+            id: node.nodeData.folderID
+          }
+        }) : void 0;
+      },
+      onNodeDoubleClick: node => {
+        var _node$nodeData3;
+
+        return (_node$nodeData3 = node.nodeData) !== null && _node$nodeData3 !== void 0 && _node$nodeData3.folderID ? dispatch({
+          type: 'enter-folder',
+          payload: {
+            id: node.nodeData.folderID
+          }
+        }) : void 0;
+      },
+      contents: contents
+    });
+  }
+};
+
+const MoreMenu = function ({
+  children
+}) {
+  return (0, _react2.jsx)(_popover.Popover2, {
+    minimal: true,
+    content: (0, _react2.jsx)(_react.default.Fragment, null, children)
+  }, (0, _react2.jsx)(_core.Button, {
+    icon: "more",
+    small: true,
+    minimal: true
+  }));
+};
+
+const SubregisterMenu = function ({
+  cfg,
+  itemClasses,
+  onCreate
+}) {
+  return (0, _react2.jsx)(_core.Menu, null, (0, _react2.jsx)(_core.MenuDivider, {
+    title: `Item classes in ${cfg.title}`
+  }), cfg.itemClasses.map(classID => {
+    var _itemClasses$classID, _itemClasses$classID$;
+
+    return (0, _react2.jsx)(_core.MenuItem, {
+      text: ((_itemClasses$classID = itemClasses[classID]) === null || _itemClasses$classID === void 0 ? void 0 : (_itemClasses$classID$ = _itemClasses$classID.meta) === null || _itemClasses$classID$ === void 0 ? void 0 : _itemClasses$classID$.title) ?? classID,
+      key: classID
+    }, (0, _react2.jsx)(ItemClassMenu, {
+      cfg: itemClasses[classID],
+      onCreate: onCreate ? () => onCreate(classID) : undefined
+    }));
+  }));
+};
+
+const ItemClassMenu = function ({
+  cfg,
+  onCreate
+}) {
+  return (0, _react2.jsx)(_core.Menu, null, (0, _react2.jsx)(_core.MenuDivider, {
+    title: "About this class"
+  }), (0, _react2.jsx)(_core.MenuItem, {
+    multiline: true,
+    disabled: true,
+    css: (0, _react2.css)`max-width: 400px`,
+    text: cfg.meta.description
+  }), onCreate ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_core.MenuDivider, {
+    title: "Quick actions"
+  }), (0, _react2.jsx)(_core.MenuItem, {
+    text: "Propose new",
+    intent: "primary",
+    onClick: onCreate,
+    icon: "plus"
+  })) : null);
+};
+
+const SearchResultList = (0, _SearchResultList.default)(_ListItem.default, objPath => ({
+  name: 'reg. item',
+  iconProps: {
+    icon: 'document',
+    title: objPath,
+    htmlTitle: `Icon for item at ${objPath}`
+  }
+}));
+var _default = Browse;
+exports.default = _default;

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

@@ -0,0 +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"]}

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

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

package/views/sidebar/Export/index.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ExportSidebarBlock = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _context = require("@riboseinc/paneron-extension-kit/context");
+
+var _BrowserCtx = require("../../BrowserCtx");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const ExportSidebarBlock = function () {
+  const {
+    writeFileToFilesystem,
+    getObjectData,
+    getBlob
+  } = (0, _react.useContext)(_context.DatasetContext);
+  const {
+    selectedRegisterItem
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+
+  async function handleExport(bufferData) {
+    if (!writeFileToFilesystem) {
+      throw new Error("Unable to export: filesystem write function unavailable");
+    }
+
+    await writeFileToFilesystem({
+      dialogOpts: {
+        prompt: "Choose location to export to",
+        filters: [{
+          name: 'All files',
+          extensions: ['*']
+        }]
+      },
+      bufferData
+    });
+  }
+
+  async function getExportedData(formatConfig) {
+    if (!selectedRegisterItem) {
+      throw new Error("Unable to export item: current item data not available");
+    }
+
+    if (!getBlob) {
+      throw new Error("Unable to export item: no blob helper");
+    }
+
+    if (formatConfig) {
+      return await formatConfig.exportItem(selectedRegisterItem.item, {
+        getObjectData,
+        getBlob
+      });
+    } else {
+      return await getBlob(JSON.stringify(selectedRegisterItem.item));
+    }
+  }
+
+  if (!selectedRegisterItem) {
+    return (0, _react2.jsx)(_react.default.Fragment, null);
+  } else {
+    var _selectedRegisterItem;
+
+    return (0, _react2.jsx)(_core.ButtonGroup, {
+      vertical: true,
+      fill: true
+    }, ((selectedRegisterItem === null || selectedRegisterItem === void 0 ? void 0 : (_selectedRegisterItem = selectedRegisterItem.itemClass) === null || _selectedRegisterItem === void 0 ? void 0 : _selectedRegisterItem.exportFormats) ?? []).map((exportFormat, idx) => (0, _react2.jsx)(_core.Button, {
+      fill: true,
+      key: idx,
+      alignText: "left",
+      onClick: async () => await handleExport(await getExportedData(exportFormat))
+    }, exportFormat.label)), (0, _react2.jsx)(_core.Button, {
+      fill: true,
+      alignText: "left",
+      onClick: async () => await handleExport(await getExportedData())
+    }, "JSON"));
+  }
+};
+
+exports.ExportSidebarBlock = ExportSidebarBlock;
+var _default = ExportSidebarBlock;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/sidebar/Export/index.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAE1E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,MAAM,CAAC,MAAM,kBAAkB,GAAmC;IAChE,MAAM,EAAE,qBAAqB,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IACrF,MAAM,EAAE,oBAAoB,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAExD,KAAK,UAAU,YAAY,CAAC,UAAsB;QAChD,IAAI,CAAC,qBAAqB,EAAE;YAC1B,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;SAC5E;QAED,MAAM,qBAAqB,CAAC;YAC1B,UAAU,EAAE;gBACV,MAAM,EAAE,8BAA8B;gBACtC,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;aACpD;YACD,UAAU;SACX,CAAC,CAAC;IACL,CAAC;IAED,KAAK,UAAU,eAAe,CAAC,YAA6C;QAC1E,IAAI,CAAC,oBAAoB,EAAE;YACzB,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;SAC3E;QACD,IAAI,CAAC,OAAO,EAAE;YACZ,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;SAC1D;QACD,IAAI,YAAY,EAAE;YAChB,OAAO,MAAM,YAAY,CAAC,UAAU,CAAC,oBAAoB,CAAC,IAAI,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC;SAC7F;aAAM;YACL,OAAO,MAAM,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC;SACjE;IACH,CAAC;IAED,IAAI,CAAC,oBAAoB,EAAE;QACzB,OAAO,yBAAK,CAAC;KACd;SAAM;QACL,OAAO,CACN,IAAC,WAAW,IAAC,QAAQ,QAAC,IAAI;YACvB,CAAC,oBAAoB,EAAE,SAAS,EAAE,aAAa,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,GAAG,EAAE,EAAE,CAChF,IAAC,MAAM,IAAC,IAAI,QAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,MAAM,YAAY,CAAC,MAAM,eAAe,CAAC,YAAY,CAAC,CAAC,IACjH,YAAY,CAAC,KAAK,CACZ,CACV;YACD,IAAC,MAAM,IAAC,IAAI,QAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,MAAM,YAAY,CAAC,MAAM,eAAe,EAAE,CAAC,WAErF,CACG,CACd,CAAC;KACH;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext } from 'react';\nimport { jsx } from '@emotion/react';\nimport { Button, ButtonGroup } from '@blueprintjs/core';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport { ExportFormatConfiguration } from '../../../types';\nimport { BrowserCtx } from '../../BrowserCtx';\n\n\nexport const ExportSidebarBlock: React.FC<Record<never, never>> = function () {\n  const { writeFileToFilesystem, getObjectData, getBlob } = useContext(DatasetContext);\n  const { selectedRegisterItem } = useContext(BrowserCtx);\n\n  async function handleExport(bufferData: Uint8Array) {\n    if (!writeFileToFilesystem) {\n      throw new Error(\"Unable to export: filesystem write function unavailable\");\n    }\n\n    await writeFileToFilesystem({\n      dialogOpts: {\n        prompt: \"Choose location to export to\",\n        filters: [{ name: 'All files', extensions: ['*'] }],\n      },\n      bufferData,\n    });\n  }\n\n  async function getExportedData(formatConfig?: ExportFormatConfiguration<any>): Promise<Uint8Array> {\n    if (!selectedRegisterItem) {\n      throw new Error(\"Unable to export item: current item data not available\");\n    }\n    if (!getBlob) {\n      throw new Error(\"Unable to export item: no blob helper\");\n    }\n    if (formatConfig) {\n      return await formatConfig.exportItem(selectedRegisterItem.item, { getObjectData, getBlob });\n    } else {\n      return await getBlob(JSON.stringify(selectedRegisterItem.item));\n    }\n  }\n\n  if (!selectedRegisterItem) {\n    return <></>;\n  } else {\n    return (\n     <ButtonGroup vertical fill>\n       {(selectedRegisterItem?.itemClass?.exportFormats ?? []).map((exportFormat, idx) =>\n         <Button fill key={idx} alignText=\"left\" onClick={async () => await handleExport(await getExportedData(exportFormat))}>\n           {exportFormat.label}\n         </Button>\n       )}\n       <Button fill alignText=\"left\" onClick={async () => await handleExport(await getExportedData())}>\n         JSON\n       </Button>\n     </ButtonGroup>\n    );\n  }\n}\n\nexport default ExportSidebarBlock;\n"]}

package/views/sidebar/ListItem.d.ts

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import type { RegisterItem } from '../../types';
+/** Register item list view. */
+declare const ListItem: React.FC<{
+    objectData: RegisterItem<any>;
+    objectPath: string;
+}>;
+export default ListItem;

package/views/sidebar/ListItem.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _react2 = require("@emotion/react");
+
+var _BrowserCtx = require("../BrowserCtx");
+
+var _itemPathUtils = require("../itemPathUtils");
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+
+/** Register item list view. */
+const ListItem = function ({
+  objectData,
+  objectPath
+}) {
+  const {
+    subregisters,
+    getRelatedItemClassConfiguration
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+  const itemRef = (0, _itemPathUtils.itemPathToItemRef)(subregisters !== undefined, objectPath);
+  const clsConfig = getRelatedItemClassConfiguration(itemRef.classID);
+  const ListItemView = clsConfig.itemView;
+  const itemPayload = objectData === null || objectData === void 0 ? void 0 : objectData.data;
+  const itemView = itemPayload ? (0, _react2.jsx)(ListItemView, {
+    itemData: itemPayload,
+    itemRef: itemRef
+  }) : (0, _react2.jsx)("span", {
+    css: (0, _react2.css)`opacity: .4`
+  }, "(missing item data at ", objectPath, ")");
+  return itemView;
+};
+
+var _default = ListItem;
+exports.default = _default;