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

package/views/ItemBrowser.js

@@ -1,258 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.RegisterItemBrowser = void 0;
-
-var _react = require("react");
-
-var _core = require("@emotion/core");
-
-var _core2 = require("@blueprintjs/core");
-
-var _context = require("@riboseinc/paneron-extension-kit/context");
-
-var _util = require("./util");
-
-var _BrowserCtx = require("./BrowserCtx");
-
-var _ItemDetails = _interopRequireDefault(require("./ItemDetails"));
-
-var _RegisterItemGrid = _interopRequireWildcard(require("./RegisterItemGrid"));
-
-var _itemPathUtils = require("./itemPathUtils");
-
-var _criteriaGroupToQueryExpression = _interopRequireDefault(require("./FilterCriteria/criteriaGroupToQueryExpression"));
-
-var _models = require("./FilterCriteria/models");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/** @jsx jsx */
-
-/** @jsxFrag React.Fragment */
-//import { debounce } from 'throttle-debounce';
-//import log from 'electron-log';
-//import { FixedSizeList as List } from 'react-window';
-const RegisterItemBrowser = function ({
-  availableClassIDs,
-  subregisters,
-  itemClassConfiguration,
-  useRegisterItemData,
-  itemActions,
-  className,
-  style
-}) {
-  var _a;
-
-  const ctx = (0, _react.useContext)(_context.DatasetContext); //const { useObjectPaths } = useContext(DatasetContext);
-
-  const {
-    usePersistentDatasetStateReducer
-  } = ctx;
-  const [state, dispatch] = usePersistentDatasetStateReducer((prevState, action) => {
-    switch (action.type) {
-      case 'select-item':
-        const selectedItemPath = action.payload.itemPath;
-
-        if (selectedItemPath) {
-          return Object.assign(Object.assign({}, prevState), {
-            selectedItemPath
-          });
-        } else {
-          return Object.assign(Object.assign({}, prevState), {
-            view: 'grid',
-            selectedItemPath
-          });
-        }
-
-      case 'open-item':
-        return Object.assign(Object.assign({}, prevState), {
-          view: 'item',
-          selectedItemPath: action.payload.itemPath
-        });
-
-      case 'update-query':
-        return Object.assign(Object.assign({}, prevState), {
-          view: 'grid',
-          query: action.payload.query
-        });
-
-      case 'exit-item':
-        return Object.assign(Object.assign({}, prevState), {
-          view: 'grid'
-        });
-
-      default:
-        throw new Error("Unexpected register item browser state");
-    }
-  }, {
-    view: 'grid',
-    selectedItemPath: undefined,
-    query: {
-      criteria: (0, _models.makeBlankCriteria)()
-    }
-  }, null, 'item-browser'); //const subregisterIsSelected = subregisters !== undefined && selectedItemPathComponents.length === 3;
-
-  const {
-    subregisterID,
-    classID,
-    itemID
-  } = (0, _itemPathUtils.itemPathToItemRefLike)(subregisters !== undefined, (_a = state.selectedItemPath) !== null && _a !== void 0 ? _a : '');
-  const itemClasses = availableClassIDs !== null && availableClassIDs !== void 0 ? availableClassIDs : Object.keys(itemClassConfiguration); //const classConfiguration: ItemClassConfigurationSet =
-  //  itemClasses.reduce((o: typeof itemClassConfiguration, k: keyof typeof itemClassConfiguration) =>
-  //  { o[k] = itemClassConfiguration[k]; return o; }, {});
-
-  const jumpToItem = (classID, itemID, subregisterID) => {
-    if (subregisters === undefined && subregisterID !== undefined) {
-      console.error("Unable to jump to register item: indicates subregister, but register does not have any", subregisterID);
-      throw new Error("Unable to jump to register item: indicates subregister, but register does not have any");
-    } else if (subregisters !== undefined && subregisterID === undefined) {
-      console.error("Unable to jump to register item: subregister is required");
-      throw new Error("Unable to jump to register item: subregister is required");
-    }
-
-    if (subregisterID) {
-      if (subregisters[subregisterID] === undefined) {
-        console.error("Unable to jump to register item: requested subregister does not exist", subregisterID);
-        throw new Error("Unable to jump to register item: requested subregister does not exist");
-      } else if (itemClasses.indexOf(classID) < 0) {
-        console.error("Unable to jump to register item: requested item class is not allowed", classID);
-        throw new Error("Unable to jump to register item: requested item class is not allowed");
-      }
-    }
-
-    const itemPath = subregisterID ? `/${subregisterID}/${classID}/${itemID}.yaml` : `/${classID}/${itemID}.yaml`;
-    dispatch({
-      type: 'select-item',
-      payload: {
-        itemPath
-      }
-    });
-  };
-
-  const getRelatedClass = (0, _util._getRelatedClass)(itemClassConfiguration); // useEffect(() => {
-  //   if ((selectedClass === undefined && itemClasses.length > 0) ||
-  //       (selectedClass && itemClasses.indexOf(selectedClass) < 0)) {
-  //     selectClass(itemClasses[0]);
-  //   }
-  // }, [JSON.stringify(itemClasses)]);
-  // XXX: QUERY EXPRESSION HANDLING IS HERE
-  // const itemClassPath: string = selectedSubregisterID
-  //   ? `/subregisters/${selectedSubregisterID}/${selectedClass ?? 'NONEXISTENT_CLASS'}/`
-  //   : `/${selectedClass ?? 'NONEXISTENT_CLASS'}/`;
-  // const queryExpression: string = `return objPath.indexOf("${itemClassPath}") === 0`;
-  // const normalizedQueryExp = state.queryExpression.trim() || 'return objPath.';
-  // const indexReq = useFilteredIndex({ queryExpression: state.queryExpression });
-  // const indexID: string = indexReq.value.indexID ?? '';
-  // END XXX
-  //const objectPathsQuery = useObjectPaths({ pathPrefix });
-  //const registerItemQuery = objectPathsQuery.value.
-  //  filter(path => path !== '.DS_Store').
-  //  map(path => ({ [path.replace('.yaml', '')]: 'utf-8' as const })).
-  //  reduce((prev, curr) => ({ ...prev, ...curr }), {})
-  //const items = useRegisterItemData(registerItemQuery);
-  // if (selectedClass === undefined) {
-  //   return <NonIdealState title="Please select item class" />;
-  // }
-  //class ErrorBoundary extends React.Component<Record<never, never>, { error?: string }> {
-  //  constructor(props: any) {
-  //    super(props);
-  //    this.state = { error: undefined };
-  //  }
-  //  componentDidCatch(error: Error, info: any) {
-  //    log.error("Error rendering item details", error, info);
-  //    this.setState({ error: `${error.name}: ${error.message}` });
-  //  }
-  //  render() {
-  //    if (this.state.error !== undefined) {
-  //      return <NonIdealState
-  //        icon="heart-broken"
-  //        title="Error rendering view"
-  //        description={
-  //          <>
-  //            <p>
-  //              This could be caused by invalid register&nbsp;item&nbsp;data&nbsp;format.
-  //            </p>
-  //            <Callout style={{ textAlign: 'left', transform: 'scale(0.9)' }} title="Technical details">
-  //              <pre style={{ overflow: 'auto', paddingBottom: '1em' }}>
-  //                {this.state.error}
-  //              </pre>
-  //            </Callout>
-  //          </>
-  //        }
-  //      />;
-  //    }
-  //    return this.props.children;
-  //  }
-  //}
-
-  const queryExpression = `return (objPath.startsWith("/subregisters/") || objPath.split("/").length >= 3) && ${(0, _criteriaGroupToQueryExpression.default)(state.query.criteria)}`;
-  let view;
-
-  if (state.view === 'grid') {
-    view = (0, _core.jsx)(_RegisterItemGrid.default, {
-      selectedItem: state.selectedItemPath ? (0, _itemPathUtils.itemPathToItemRef)(subregisters !== undefined, state.selectedItemPath) : undefined,
-      onSelectItem: itemRef => dispatch({
-        type: 'select-item',
-        payload: {
-          itemPath: (0, _itemPathUtils.itemRefToItemPath)(itemRef)
-        }
-      }),
-      queryExpression: queryExpression,
-      toolbar: (0, _core.jsx)(_RegisterItemGrid.SearchQuery, {
-        rootCriteria: state.query.criteria,
-        itemClasses: itemClassConfiguration,
-        availableClassIDs: availableClassIDs,
-        subregisters: subregisters,
-        onChange: criteria => dispatch({
-          type: 'update-query',
-          payload: {
-            query: {
-              criteria
-            }
-          }
-        })
-      }),
-      getRelatedClassConfig: getRelatedClass,
-      useRegisterItemData: useRegisterItemData
-    });
-  } else if (state.view === 'item' && classID && itemID) {
-    view = (0, _core.jsx)(_ItemDetails.default, {
-      useRegisterItemData: useRegisterItemData,
-      getRelatedClass: (0, _util._getRelatedClass)(itemClassConfiguration),
-      // TODO: convert class, subregister and ID combo into a single string item path?
-      itemClass: itemClassConfiguration[classID],
-      subregisterID: subregisterID,
-      itemID: itemID,
-      itemActions: itemActions
-    });
-  } else {
-    // If item view is requested, but item or class ID is missing,
-    // we can’t show any details because the only details view we have for now
-    // is regsiter item details view, which requires those.
-    view = (0, _core.jsx)(_core2.NonIdealState, {
-      icon: "heart-broken",
-      title: "Not sure what to show",
-      description: "Sorry! (Error code: 724A)"
-    });
-  }
-
-  return (0, _core.jsx)(_BrowserCtx.BrowserCtx.Provider, {
-    value: {
-      jumpToItem,
-      itemClasses: itemClassConfiguration,
-      subregisters,
-      useRegisterItemData
-    }
-  }, view);
-};
-
-exports.RegisterItemBrowser = RegisterItemBrowser;
-var _default = RegisterItemBrowser;
-exports.default = _default;

package/views/ItemBrowser.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemBrowser.js","sourceRoot":"","sources":["../../src/views/ItemBrowser.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\n//import { debounce } from 'throttle-debounce';\n//import log from 'electron-log';\n\nimport React, { useContext } from 'react';\nimport { jsx } from '@emotion/core';\n//import { FixedSizeList as List } from 'react-window';\nimport {\n  NonIdealState,\n} from '@blueprintjs/core';\n\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport {\n  ItemAction,\n  RegisterItemDataHook,\n  RegistryViewProps,\n} from '../types';\nimport { _getRelatedClass } from './util';\nimport { BrowserCtx } from './BrowserCtx';\nimport ItemDetails from './ItemDetails';\nimport RegisterItemGrid, { SearchQuery } from './RegisterItemGrid';\nimport { PersistentStateReducerHook } from '@riboseinc/paneron-extension-kit/usePersistentStateReducer';\nimport { itemPathToItemRefLike, itemPathToItemRef, itemRefToItemPath } from './itemPathUtils';\nimport criteriaGroupToQueryExpression from './FilterCriteria/criteriaGroupToQueryExpression';\nimport { CriteriaGroup, makeBlankCriteria } from './FilterCriteria/models';\n\n\ninterface Query {\n  criteria: CriteriaGroup;\n}\ntype Action =\n  | { type: 'select-item'; payload: { itemPath: string | undefined; }; }\n  | { type: 'open-item'; payload: { itemPath: string; }; }\n  //| { type: 'select-class', payload: { classID: string | undefined } }\n  //| { type: 'open-class', payload: { classID: string } }\n  //| { type: 'select-subregister', payload: { subregisterID: string | undefined } }\n  //| { type: 'open-subregister', payload: { subregisterID: string } }\n  | { type: 'update-query'; payload: { query: Query; }; }\n  | { type: 'exit-item'; };\n\ninterface BaseState {\n  view: 'item' | 'grid';\n  selectedItemPath: string | undefined;\n  query: Query;\n}\ninterface ItemState extends BaseState {\n  view: 'item';\n  selectedItemPath: string;\n  query: Query;\n}\ninterface GridState extends BaseState {\n  view: 'grid';\n  selectedItemPath: string | undefined;\n  query: Query;\n}\ntype State = ItemState |\n  GridState;\n\n\nexport const RegisterItemBrowser: React.FC<\n  Pick<RegistryViewProps, 'itemClassConfiguration' | 'subregisters'> & {\n  availableClassIDs?: string[]\n  useRegisterItemData: RegisterItemDataHook\n  itemActions?: ItemAction[]\n  className?: string\n  style?: React.CSSProperties\n}> = function ({\n  availableClassIDs,\n  subregisters,\n  itemClassConfiguration,\n  useRegisterItemData,\n  itemActions,\n  className,\n  style,\n}) {\n\n  const ctx = useContext(DatasetContext);\n  //const { useObjectPaths } = useContext(DatasetContext);\n  const { usePersistentDatasetStateReducer } = ctx;\n  const [ state, dispatch ] = (usePersistentDatasetStateReducer as PersistentStateReducerHook<State, Action>)(\n    (prevState, action) => {\n      switch (action.type) {\n        case 'select-item':\n          const selectedItemPath = action.payload.itemPath;\n          if (selectedItemPath) {\n            return {\n              ...prevState,\n              selectedItemPath,\n            };\n          } else {\n            return {\n              ...prevState,\n              view: 'grid',\n              selectedItemPath,\n            };\n          }\n        case 'open-item':\n          return {\n            ...prevState,\n            view: 'item',\n            selectedItemPath: action.payload.itemPath,\n          };\n        case 'update-query':\n          return {\n            ...prevState,\n            view: 'grid',\n            query: action.payload.query,\n          };\n        case 'exit-item':\n          return {\n            ...prevState,\n            view: 'grid',\n          };\n        default:\n          throw new Error(\"Unexpected register item browser state\");\n      }\n    }, {\n      view: 'grid',\n      selectedItemPath: undefined,\n      query: { criteria: makeBlankCriteria() },\n    }, null, 'item-browser');\n\n  //const subregisterIsSelected = subregisters !== undefined && selectedItemPathComponents.length === 3;\n\n  const { subregisterID, classID, itemID } = itemPathToItemRefLike(subregisters !== undefined, state.selectedItemPath ?? '');\n\n  const itemClasses = availableClassIDs ?? Object.keys(itemClassConfiguration);\n  //const classConfiguration: ItemClassConfigurationSet =\n  //  itemClasses.reduce((o: typeof itemClassConfiguration, k: keyof typeof itemClassConfiguration) =>\n  //  { o[k] = itemClassConfiguration[k]; return o; }, {});\n\n  const jumpToItem = (classID: string, itemID: string, subregisterID?: string) => {\n    if (subregisters === undefined && subregisterID !== undefined) {\n      console.error(\"Unable to jump to register item: indicates subregister, but register does not have any\", subregisterID);\n      throw new Error(\"Unable to jump to register item: indicates subregister, but register does not have any\");\n    } else if (subregisters !== undefined && subregisterID === undefined) {\n      console.error(\"Unable to jump to register item: subregister is required\");\n      throw new Error(\"Unable to jump to register item: subregister is required\");\n    }\n    if (subregisterID) {\n      if (subregisters![subregisterID] === undefined) {\n        console.error(\"Unable to jump to register item: requested subregister does not exist\", subregisterID);\n        throw new Error(\"Unable to jump to register item: requested subregister does not exist\");\n      } else if (itemClasses.indexOf(classID) < 0) {\n        console.error(\"Unable to jump to register item: requested item class is not allowed\", classID);\n        throw new Error(\"Unable to jump to register item: requested item class is not allowed\");\n      }\n    }\n\n    const itemPath: string = subregisterID\n      ? `/${subregisterID}/${classID}/${itemID}.yaml`\n      : `/${classID}/${itemID}.yaml`;\n\n    dispatch({ type: 'select-item', payload: { itemPath } });\n  }\n\n  const getRelatedClass = _getRelatedClass(itemClassConfiguration);\n\n  // useEffect(() => {\n  //   if ((selectedClass === undefined && itemClasses.length > 0) ||\n  //       (selectedClass && itemClasses.indexOf(selectedClass) < 0)) {\n  //     selectClass(itemClasses[0]);\n  //   }\n  // }, [JSON.stringify(itemClasses)]);\n\n\n  // XXX: QUERY EXPRESSION HANDLING IS HERE\n  // const itemClassPath: string = selectedSubregisterID\n  //   ? `/subregisters/${selectedSubregisterID}/${selectedClass ?? 'NONEXISTENT_CLASS'}/`\n  //   : `/${selectedClass ?? 'NONEXISTENT_CLASS'}/`;\n\n  // const queryExpression: string = `return objPath.indexOf(\"${itemClassPath}\") === 0`;\n\n  // const normalizedQueryExp = state.queryExpression.trim() || 'return objPath.';\n  // const indexReq = useFilteredIndex({ queryExpression: state.queryExpression });\n  // const indexID: string = indexReq.value.indexID ?? '';\n  // END XXX\n\n\n  //const objectPathsQuery = useObjectPaths({ pathPrefix });\n\n  //const registerItemQuery = objectPathsQuery.value.\n  //  filter(path => path !== '.DS_Store').\n  //  map(path => ({ [path.replace('.yaml', '')]: 'utf-8' as const })).\n  //  reduce((prev, curr) => ({ ...prev, ...curr }), {})\n\n  //const items = useRegisterItemData(registerItemQuery);\n\n  // if (selectedClass === undefined) {\n  //   return <NonIdealState title=\"Please select item class\" />;\n  // }\n\n  //class ErrorBoundary extends React.Component<Record<never, never>, { error?: string }> {\n  //  constructor(props: any) {\n  //    super(props);\n  //    this.state = { error: undefined };\n  //  }\n  //  componentDidCatch(error: Error, info: any) {\n  //    log.error(\"Error rendering item details\", error, info);\n  //    this.setState({ error: `${error.name}: ${error.message}` });\n  //  }\n  //  render() {\n  //    if (this.state.error !== undefined) {\n  //      return <NonIdealState\n  //        icon=\"heart-broken\"\n  //        title=\"Error rendering view\"\n  //        description={\n  //          <>\n  //            <p>\n  //              This could be caused by invalid register&nbsp;item&nbsp;data&nbsp;format.\n  //            </p>\n  //            <Callout style={{ textAlign: 'left', transform: 'scale(0.9)' }} title=\"Technical details\">\n  //              <pre style={{ overflow: 'auto', paddingBottom: '1em' }}>\n  //                {this.state.error}\n  //              </pre>\n  //            </Callout>\n  //          </>\n  //        }\n  //      />;\n  //    }\n  //    return this.props.children;\n  //  }\n  //}\n\n  const queryExpression =\n    `return (objPath.startsWith(\"/subregisters/\") || objPath.split(\"/\").length >= 3) && ${criteriaGroupToQueryExpression(state.query.criteria)}`;\n\n  let view: JSX.Element;\n  if (state.view === 'grid') {\n    view = <RegisterItemGrid\n      selectedItem={state.selectedItemPath\n        ? itemPathToItemRef(subregisters !== undefined, state.selectedItemPath)\n        : undefined}\n      onSelectItem={(itemRef) => dispatch({\n        type: 'select-item',\n        payload: { itemPath: itemRefToItemPath(itemRef) },\n      })}\n      queryExpression={queryExpression}\n      toolbar={<SearchQuery\n        rootCriteria={state.query.criteria}\n        itemClasses={itemClassConfiguration}\n        availableClassIDs={availableClassIDs}\n        subregisters={subregisters}\n        onChange={(criteria) => dispatch({ type: 'update-query', payload: { query: { criteria } } })}\n      />}\n      getRelatedClassConfig={getRelatedClass}\n      useRegisterItemData={useRegisterItemData}\n    />;\n  } else if (state.view === 'item' && classID && itemID) {\n    view = <ItemDetails\n      useRegisterItemData={useRegisterItemData}\n      getRelatedClass={_getRelatedClass(itemClassConfiguration)}\n      // TODO: convert class, subregister and ID combo into a single string item path?\n      itemClass={itemClassConfiguration[classID]}\n      subregisterID={subregisterID}\n      itemID={itemID}\n      itemActions={itemActions}\n    />\n  } else {\n    // If item view is requested, but item or class ID is missing,\n    // we can’t show any details because the only details view we have for now\n    // is regsiter item details view, which requires those.\n    view = <NonIdealState icon=\"heart-broken\" title=\"Not sure what to show\" description=\"Sorry! (Error code: 724A)\" />;\n  }\n\n  return (\n    <BrowserCtx.Provider\n        value={{\n          jumpToItem,\n          itemClasses: itemClassConfiguration,\n          subregisters,\n          useRegisterItemData,\n        }}>\n      {view}\n    </BrowserCtx.Provider>\n  );\n};\n\n\nexport default RegisterItemBrowser;\n"]}

package/views/ItemDetails.d.ts

@@ -1,14 +0,0 @@
-/** @jsx jsx */
-/** @jsxFrag React.Fragment */
-import React from 'react';
-import { ItemAction, ItemClassConfiguration, RegisterItemDataHook, RelatedItemClassConfiguration } from '../types';
-export declare const ItemDetails: React.FC<{
-    itemID?: string;
-    itemClass: ItemClassConfiguration<any>;
-    subregisterID?: string;
-    useRegisterItemData: RegisterItemDataHook;
-    getRelatedClass: (clsID: string) => RelatedItemClassConfiguration;
-    itemActions?: ItemAction[];
-}>;
-export declare const ItemDetailsWrapperDiv: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, object>;
-export default ItemDetails;

package/views/ItemDetails.js

@@ -1,128 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ItemDetailsWrapperDiv = exports.ItemDetails = void 0;
-
-var _core = require("@emotion/core");
-
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-
-var _core2 = require("@blueprintjs/core");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/** @jsx jsx */
-
-/** @jsxFrag React.Fragment */
-const ItemDetails = function ({
-  itemID,
-  itemClass,
-  subregisterID,
-  getRelatedClass,
-  useRegisterItemData,
-  itemActions
-}) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-
-  let details; //const itemPath = `${itemClass.meta.id}/${itemID}`;
-
-  const _itemPath = `/${(_b = (_a = itemClass === null || itemClass === void 0 ? void 0 : itemClass.meta) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : 'NONEXISTENT_CLASS'}/${itemID}.yaml`;
-  const itemPath = subregisterID ? `/subregisters/${subregisterID}/${_itemPath}` : _itemPath;
-  const itemResponse = useRegisterItemData({
-    itemPaths: [itemPath]
-  });
-  const item = itemResponse.value[itemPath];
-  const ItemTitle = (_c = itemClass === null || itemClass === void 0 ? void 0 : itemClass.views) === null || _c === void 0 ? void 0 : _c.listItemView;
-
-  if (itemID === undefined) {
-    return (0, _core.jsx)(_core2.NonIdealState, {
-      title: "No item is selected"
-    });
-  } else if (!itemClass) {
-    return (0, _core.jsx)(_core2.NonIdealState, {
-      icon: "heart-broken",
-      title: "Item class not found",
-      description: "This may be an issue with registry extension configuration"
-    });
-  } else if (itemResponse.isUpdating) {
-    details = (0, _core.jsx)("div", {
-      className: _core2.Classes.SKELETON
-    }, "Loading\u2026");
-  } else if (item) {
-    const DetailView = (_d = itemClass.views.detailView) !== null && _d !== void 0 ? _d : itemClass.views.editView;
-    details = (0, _core.jsx)(DetailView, {
-      getRelatedItemClassConfiguration: getRelatedClass,
-      subregisterID: subregisterID,
-      useRegisterItemData: useRegisterItemData,
-      itemData: item.data
-    });
-  } else {
-    details = (0, _core.jsx)("div", {
-      className: _core2.Classes.SKELETON
-    }, "Loading\u2026");
-  }
-
-  function StyledTitle(props) {
-    const Component = itemResponse.isUpdating || !itemID ? props => (0, _core.jsx)("span", {
-      className: props.className
-    }, (0, _core.jsx)("span", {
-      className: _core2.Classes.SKELETON
-    }, "Loading\u2026"), "\u2003") : ItemTitle;
-    return (0, _core.jsx)(Component, Object.assign({
-      css: (0, _core.css)`
-          margin-top: 1em; font-weight: bold; font-size: 110%;
-          line-height: 1;
-          white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
-        `,
-      itemID: itemID
-    }, props));
-  }
-
-  return (0, _core.jsx)("div", {
-    css: (0, _core.css)`flex: 1; display: flex; flex-flow: column nowrap; padding: 1rem; overflow: hidden;`
-  }, itemID ? (0, _core.jsx)("div", {
-    css: (0, _core.css)`flex-shrink: 0; margin-bottom: 1rem; display: flex; flex-flow: column nowrap;`
-  }, (0, _core.jsx)(_core2.ControlGroup, null, (0, _core.jsx)(_core2.Tooltip, {
-    content: "Internal unique item ID"
-  }, (0, _core.jsx)(_core2.InputGroup, {
-    disabled: true,
-    value: (item === null || item === void 0 ? void 0 : item.id) || itemID || '',
-    fill: true
-  })), (0, _core.jsx)(_core2.Button, {
-    disabled: true,
-    intent: (item === null || item === void 0 ? void 0 : item.status) === 'valid' ? 'success' : undefined,
-    title: "Item status",
-    icon: (item === null || item === void 0 ? void 0 : item.status) === 'valid' ? 'tick-circle' : 'blank'
-  }, item === null || item === void 0 ? void 0 : item.status), (0, _core.jsx)(_core2.InputGroup, {
-    disabled: true,
-    leftIcon: "calendar",
-    value: `accepted ${(_g = (_f = (_e = item === null || item === void 0 ? void 0 : item.dateAccepted) === null || _e === void 0 ? void 0 : _e.toLocaleDateString) === null || _f === void 0 ? void 0 : _f.call(_e)) !== null && _g !== void 0 ? _g : '—'}`
-  })), (0, _core.jsx)(StyledTitle, {
-    itemData: (_h = item === null || item === void 0 ? void 0 : item.data) !== null && _h !== void 0 ? _h : {},
-    useRegisterItemData: useRegisterItemData,
-    getRelatedItemClassConfiguration: getRelatedClass
-  })) : null, (0, _core.jsx)(ItemDetailsWrapperDiv, {
-    className: _core2.Classes.ELEVATION_3
-  }, details), item && (itemActions !== null && itemActions !== void 0 ? itemActions : []).length > 0 ? (0, _core.jsx)("div", {
-    css: (0, _core.css)`flex-shrink: 0; margin-top: 1rem; display: flex; flex-flow: row nowrap; align-items: center;`
-  }, (0, _core.jsx)(_core2.FormGroup, {
-    css: (0, _core.css)`margin-bottom: 0;`
-  }, itemActions.map((action, idx) => (0, _core.jsx)(_core2.Button, Object.assign({
-    css: (0, _core.css)`${idx !== itemActions.length - 1 ? 'margin-right: .5rem;' : ''}`
-  }, action.getButtonProps(item, itemClass)))))) : null);
-};
-
-exports.ItemDetails = ItemDetails;
-const ItemDetailsWrapperDiv = _styled.default.div`
-  flex: 1;
-  overflow-y: auto;
-  padding: 1rem;
-  border-radius: .5rem;
-  background: ${_core2.Colors.WHITE};
-  position: relative;
-`;
-exports.ItemDetailsWrapperDiv = ItemDetailsWrapperDiv;
-var _default = ItemDetails;
-exports.default = _default;

package/views/ItemDetails.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemDetails.js","sourceRoot":"","sources":["../../src/views/ItemDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React from 'react';\nimport { jsx, css } from '@emotion/core';\nimport styled from '@emotion/styled';\n\nimport {\n  Button, /*Callout,*/ Classes, Colors, ControlGroup,\n  FormGroup,\n  InputGroup, NonIdealState, Tooltip\n} from '@blueprintjs/core';\n\nimport {\n  ItemAction,\n  ItemClassConfiguration, RegisterItemDataHook,\n  RegistryItemViewProps,\n  RelatedItemClassConfiguration\n} from '../types';\n\n\nexport const ItemDetails: React.FC<{\n  itemID?: string;\n  itemClass: ItemClassConfiguration<any>;\n  subregisterID?: string;\n  useRegisterItemData: RegisterItemDataHook;\n  getRelatedClass: (clsID: string) => RelatedItemClassConfiguration;\n  itemActions?: ItemAction[];\n}> = function ({ itemID, itemClass, subregisterID, getRelatedClass, useRegisterItemData, itemActions }) {\n  let details: JSX.Element;\n\n  //const itemPath = `${itemClass.meta.id}/${itemID}`;\n  const _itemPath = `/${itemClass?.meta?.id ?? 'NONEXISTENT_CLASS'}/${itemID}.yaml`;\n  const itemPath = subregisterID ? `/subregisters/${subregisterID}/${_itemPath}` : _itemPath;\n\n  const itemResponse = useRegisterItemData({ itemPaths: [itemPath] });\n  const item = itemResponse.value[itemPath];\n\n  const ItemTitle = itemClass?.views?.listItemView;\n\n  if (itemID === undefined) {\n    return <NonIdealState title=\"No item is selected\" />;\n\n  } else if (!itemClass) {\n    return <NonIdealState\n      icon=\"heart-broken\"\n      title=\"Item class not found\"\n      description=\"This may be an issue with registry extension configuration\" />\n\n  } else if (itemResponse.isUpdating) {\n    details = <div className={Classes.SKELETON}>Loading…</div>;\n\n  } else if (item) {\n    const DetailView = itemClass.views.detailView ?? itemClass.views.editView;\n\n    details = (\n      <DetailView\n        getRelatedItemClassConfiguration={getRelatedClass}\n        subregisterID={subregisterID}\n        useRegisterItemData={useRegisterItemData}\n        itemData={item.data} />\n    );\n\n  } else {\n    details = <div className={Classes.SKELETON}>Loading…</div>;\n  }\n\n  function StyledTitle(props: RegistryItemViewProps<any>) {\n    const Component = itemResponse.isUpdating || !itemID\n      ? (props: { className?: string; }) => (\n          <span className={props.className}>\n            <span className={Classes.SKELETON}>Loading…</span>\n            &emsp;\n          </span>\n        )\n      : ItemTitle;\n\n    return (\n      <Component\n        css={css`\n          margin-top: 1em; font-weight: bold; font-size: 110%;\n          line-height: 1;\n          white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n        `}\n        itemID={itemID!}\n        {...props} />\n    );\n  }\n\n  return (\n    <div css={css`flex: 1; display: flex; flex-flow: column nowrap; padding: 1rem; overflow: hidden;`}>\n      {itemID\n        ? <div css={css`flex-shrink: 0; margin-bottom: 1rem; display: flex; flex-flow: column nowrap;`}>\n          <ControlGroup>\n            <Tooltip content=\"Internal unique item ID\">\n              <InputGroup disabled value={item?.id || itemID || ''} fill />\n            </Tooltip>\n            <Button\n                disabled\n                intent={item?.status === 'valid' ? 'success' : undefined}\n                title=\"Item status\"\n                icon={item?.status === 'valid' ? 'tick-circle' : 'blank'}>\n              {item?.status}\n            </Button>\n            <InputGroup\n              disabled\n              leftIcon=\"calendar\"\n              value={`accepted ${item?.dateAccepted?.toLocaleDateString?.() ?? '—'}`} />\n          </ControlGroup>\n          <StyledTitle\n            itemData={item?.data ?? {}}\n            useRegisterItemData={useRegisterItemData}\n            getRelatedItemClassConfiguration={getRelatedClass} />\n        </div>\n        : null}\n\n      <ItemDetailsWrapperDiv className={Classes.ELEVATION_3}>\n        {details}\n      </ItemDetailsWrapperDiv>\n\n      {item && ((itemActions ?? []).length > 0)\n        ? <div css={css`flex-shrink: 0; margin-top: 1rem; display: flex; flex-flow: row nowrap; align-items: center;`}>\n            <FormGroup css={css`margin-bottom: 0;`}>\n              {itemActions!.map((action, idx) =>\n                <Button\n                    css={css`${idx !== itemActions!.length - 1 ? 'margin-right: .5rem;' : ''}`}\n                    {...action.getButtonProps(item, itemClass)} />\n              )}\n            </FormGroup>\n          </div>\n        : null}\n    </div>\n  );\n};\n\n\nexport const ItemDetailsWrapperDiv = styled.div`\n  flex: 1;\n  overflow-y: auto;\n  padding: 1rem;\n  border-radius: .5rem;\n  background: ${Colors.WHITE};\n  position: relative;\n`;\n\n\nexport default ItemDetails;\n"]}

package/views/MainView.d.ts

@@ -1,8 +0,0 @@
-/** @jsx jsx */
-/** @jsxFrag React.Fragment */
-/// <reference types="react" />
-export declare const MainView: React.FC<{
-    actions?: JSX.Element;
-    wrapperClassName?: string;
-    style?: React.CSSProperties;
-}>;

package/views/MainView.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MainView = void 0;
-
-var _core = require("@blueprintjs/core");
-
-var _core2 = require("@emotion/core");
-
-/** @jsx jsx */
-
-/** @jsxFrag React.Fragment */
-const MainView = function ({
-  actions,
-  children,
-  wrapperClassName,
-  style
-}) {
-  return (0, _core2.jsx)("div", {
-    css: (0, _core2.css)`flex: 1; display: flex; flex-flow: column nowrap; overflow: hidden;`,
-    className: wrapperClassName,
-    style: style
-  }, (0, _core2.jsx)("main", {
-    css: (0, _core2.css)`flex: 1; display: flex; flex-flow: row nowrap; align-items: stretch; overflow: hidden;`
-  }, children), actions ? (0, _core2.jsx)(_core.Navbar, null, (0, _core2.jsx)(_core.Navbar.Group, {
-    style: {
-      float: 'unset'
-    }
-  }, actions)) : null);
-};
-
-exports.MainView = MainView;

package/views/MainView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MainView.js","sourceRoot":"","sources":["../../src/views/MainView.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAGzC,MAAM,CAAC,MAAM,QAAQ,GAIhB,UAAU,EACb,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,KAAK,GACN;IACC,OAAO,CACL,aAAK,GAAG,EAAE,GAAG,CAAA,qEAAqE,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK;QAC3H,cAAM,GAAG,EAAE,GAAG,CAAA,wFAAwF,IACnG,QAAQ,CACJ;QACN,OAAO;YACN,CAAC,CAAC,IAAC,MAAM;gBACL,IAAC,MAAM,CAAC,KAAK,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IACpC,OAAO,CACK,CACR;YACX,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { Navbar } from '@blueprintjs/core';\n\nimport { css, jsx } from '@emotion/core';\n\n\nexport const MainView: React.FC<{\n  actions?: JSX.Element\n  wrapperClassName?: string\n  style?: React.CSSProperties\n}> = function ({\n  actions,\n  children,\n  wrapperClassName,\n  style,\n}) {\n  return (\n    <div css={css`flex: 1; display: flex; flex-flow: column nowrap; overflow: hidden;`} className={wrapperClassName} style={style}>\n      <main css={css`flex: 1; display: flex; flex-flow: row nowrap; align-items: stretch; overflow: hidden;`}>\n        {children}\n      </main>\n      {actions\n        ? <Navbar>\n            <Navbar.Group style={{ float: 'unset' }}>\n              {actions}\n            </Navbar.Group>\n          </Navbar>\n        : null}\n    </div>\n  );\n};\n"]}

package/views/RegisterInformation.d.ts

@@ -1,7 +0,0 @@
-/** @jsx jsx */
-/// <reference types="react" />
-import { Register } from '../types';
-export declare const RegisterInformation: React.FC<{
-    register: Partial<Register> | null;
-    onSave?: (value: Partial<Register>, oldValue: Partial<Register> | null) => void;
-}>;