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

package/views/RegisterInformation.js

@@ -1,264 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RegisterInformation = void 0;
-
-var _core = require("@emotion/core");
-
-var _immutabilityHelper = _interopRequireDefault(require("immutability-helper"));
-
-var _react = require("react");
-
-var _core2 = require("@blueprintjs/core");
-
-var _types = require("../types");
-
-var _MainView = require("./MainView");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/** @jsx jsx */
-const RegisterInformation = function ({
-  register,
-  onSave
-}) {
-  const [editedValue, setEditedValue] = (0, _react.useState)(null);
-
-  const _r = editedValue || register;
-
-  function handleSave() {
-    if (!onSave) {
-      return;
-    }
-
-    if (editedValue === null) {
-      return;
-    }
-
-    onSave(editedValue, register);
-  }
-
-  const saveAction = onSave ? (0, _core.jsx)(_core2.Button, {
-    intent: "success",
-    onClick: handleSave
-  }, "Save") : undefined;
-  return (0, _core.jsx)(_MainView.MainView, {
-    actions: saveAction
-  }, (0, _core.jsx)(RegisterForm, {
-    value: _r || {},
-    onChange: onSave ? setEditedValue : undefined
-  }));
-};
-
-exports.RegisterInformation = RegisterInformation;
-
-const RegisterForm = function ({
-  value,
-  onChange
-}) {
-  var _a, _b, _c;
-
-  function handleNameChange(evt) {
-    onChange(Object.assign(Object.assign({}, value), {
-      name: evt.currentTarget.value
-    }));
-  }
-
-  function handleURIChange(evt) {
-    onChange(Object.assign(Object.assign({}, value), {
-      uniformResourceIdentifier: evt.currentTarget.value
-    }));
-  }
-
-  function handleOperatingLanguageChange(fieldName) {
-    return evt => {
-      const newValue = (0, _immutabilityHelper.default)(value, {
-        operatingLanguage: {
-          [fieldName]: {
-            $set: evt.currentTarget.value
-          }
-        }
-      });
-      onChange(newValue);
-    };
-  }
-
-  function handleSummaryChange(evt) {
-    onChange(Object.assign(Object.assign({}, value), {
-      contentSummary: evt.currentTarget.value
-    }));
-  }
-
-  const stakeholders = value.stakeholders || [];
-
-  function updateStakeholder(idx, spec) {
-    const newStakeholders = (0, _immutabilityHelper.default)(stakeholders, {
-      [idx]: spec
-    });
-    onChange(Object.assign(Object.assign({}, value), {
-      stakeholders: newStakeholders
-    }));
-  }
-
-  function handleStakeholderRoleChange(idx) {
-    return evt => {
-      updateStakeholder(idx, {
-        role: {
-          $set: evt.currentTarget.value
-        }
-      });
-    };
-  }
-
-  function handleStakeholderNameChange(idx) {
-    return evt => {
-      updateStakeholder(idx, {
-        name: {
-          $set: evt.currentTarget.value
-        }
-      });
-    };
-  }
-
-  function handleStakeholderPartyNameChange(idx) {
-    return evt => {
-      updateStakeholder(idx, {
-        parties: {
-          0: {
-            name: {
-              $set: evt.currentTarget.value
-            }
-          }
-        }
-      });
-    };
-  }
-
-  function handleStakeholderGitUsernameChange(idx) {
-    return evt => {
-      updateStakeholder(idx, {
-        gitServerUsername: {
-          $set: evt.currentTarget.value || undefined
-        }
-      });
-    };
-  }
-
-  function handleStakeholderEmailChange(idx) {
-    return evt => {
-      updateStakeholder(idx, {
-        parties: {
-          0: {
-            contacts: {
-              0: {
-                value: {
-                  $set: evt.currentTarget.value
-                }
-              }
-            }
-          }
-        }
-      });
-    };
-  }
-
-  function handleStakeholderAdd() {
-    onChange(Object.assign(Object.assign({}, value), {
-      stakeholders: [...stakeholders, {
-        role: 'submitter',
-        name: '',
-        gitServerUsername: undefined,
-        parties: [{
-          name: '',
-          contacts: [{
-            label: 'email',
-            value: ''
-          }]
-        }]
-      }]
-    }));
-  }
-
-  return (0, _core.jsx)("div", {
-    css: (0, _core.css)`flex: 1; padding: 1rem; display: flex; flex-flow: column nowrap; overflow-y: auto;`
-  }, (0, _core.jsx)(_core2.FormGroup, {
-    label: "Name:"
-  }, (0, _core.jsx)(_core2.InputGroup, {
-    fill: true,
-    value: value.name || '',
-    readOnly: !onChange,
-    onChange: handleNameChange
-  })), (0, _core.jsx)(_core2.FormGroup, {
-    label: "Uniform resource identifier:"
-  }, (0, _core.jsx)(_core2.InputGroup, {
-    fill: true,
-    type: "url",
-    value: value.uniformResourceIdentifier || '',
-    readOnly: !onChange,
-    onChange: handleURIChange
-  })), (0, _core.jsx)(_core2.FormGroup, {
-    label: "Content summary:"
-  }, (0, _core.jsx)(_core2.TextArea, {
-    fill: true,
-    value: value.contentSummary || '',
-    readOnly: !onChange,
-    onChange: handleSummaryChange
-  })), (0, _core.jsx)(_core2.FormGroup, {
-    label: "Operating language (locale):",
-    helperText: "Name, country and ISO 639-2 language code."
-  }, (0, _core.jsx)(_core2.ControlGroup, {
-    fill: true
-  }, (0, _core.jsx)(_core2.InputGroup, {
-    readOnly: !onChange,
-    placeholder: "E.g., Welsh",
-    value: (_a = value.operatingLanguage) === null || _a === void 0 ? void 0 : _a.name,
-    onChange: handleOperatingLanguageChange('name')
-  }), (0, _core.jsx)(_core2.InputGroup, {
-    readOnly: !onChange,
-    placeholder: "3-character numerical country code from ISO 3166-1",
-    value: (_b = value.operatingLanguage) === null || _b === void 0 ? void 0 : _b.country,
-    onChange: handleOperatingLanguageChange('country')
-  }), (0, _core.jsx)(_core2.InputGroup, {
-    readOnly: !onChange,
-    placeholder: "3-character language code from ISO 639-2",
-    value: (_c = value.operatingLanguage) === null || _c === void 0 ? void 0 : _c.languageCode,
-    onChange: handleOperatingLanguageChange('languageCode')
-  }))), (0, _core.jsx)(_core2.FormGroup, {
-    label: "Stakeholders:",
-    helperText: onChange ? (0, _core.jsx)(_core2.Button, {
-      small: true,
-      minimal: true,
-      onClick: handleStakeholderAdd,
-      icon: "add"
-    }, "Add") : undefined
-  }, stakeholders.length > 0 ? (0, _core.jsx)(_core2.HTMLTable, null, (0, _core.jsx)("thead", null, (0, _core.jsx)("tr", {
-    css: (0, _core.css)`& > * { white-space: nowrap }`
-  }, (0, _core.jsx)("th", null, "Role"), (0, _core.jsx)("th", null, "Name"), (0, _core.jsx)("th", null, "Party (individual) name"), (0, _core.jsx)("th", null, "Git server username"), (0, _core.jsx)("th", null, "Email"))), (0, _core.jsx)("tbody", null, [...stakeholders.entries()].map(([idx, s]) => (0, _core.jsx)("tr", null, (0, _core.jsx)("td", null, (0, _core.jsx)(_core2.HTMLSelect, {
-    options: _types.STAKEHOLDER_ROLES.map(r => ({
-      value: r,
-      label: r
-    })),
-    disabled: !onChange,
-    onChange: handleStakeholderRoleChange(idx),
-    value: s.role
-  })), (0, _core.jsx)("td", null, (0, _core.jsx)(_core2.InputGroup, {
-    readOnly: !onChange,
-    onChange: handleStakeholderNameChange(idx),
-    value: s.name
-  })), (0, _core.jsx)("td", null, (0, _core.jsx)(_core2.InputGroup, {
-    readOnly: !onChange,
-    onChange: handleStakeholderPartyNameChange(idx),
-    value: s.parties[0].name
-  })), (0, _core.jsx)("td", null, (0, _core.jsx)(_core2.InputGroup, {
-    readOnly: !onChange,
-    onChange: handleStakeholderGitUsernameChange(idx),
-    value: s.gitServerUsername || ''
-  })), (0, _core.jsx)("td", null, (0, _core.jsx)(_core2.InputGroup, {
-    type: "email",
-    readOnly: !onChange,
-    onChange: handleStakeholderEmailChange(idx),
-    value: s.parties[0].contacts[0].value || ''
-  })))))) : null));
-};

package/views/RegisterInformation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RegisterInformation.js","sourceRoot":"","sources":["../../src/views/RegisterInformation.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n\nimport { jsx, css } from '@emotion/core';\nimport update, { Spec } from 'immutability-helper';\n\nimport { useState } from 'react';\n\nimport { Button, ControlGroup, FormGroup, HTMLSelect, HTMLTable, InputGroup, TextArea } from '@blueprintjs/core';\n\nimport { Locale, Register, RegisterStakeholder, STAKEHOLDER_ROLES } from '../types';\nimport { MainView } from './MainView';\n\n\nexport const RegisterInformation: React.FC<{\n  register: Partial<Register> | null\n  onSave?: (value: Partial<Register>, oldValue: Partial<Register> | null) => void\n}> = function ({ register, onSave }) {\n\n  const [editedValue, setEditedValue] = useState<Partial<Register> | null>(null);\n\n  const _r = editedValue || register;\n\n  function handleSave() {\n    if (!onSave) { return; }\n    if (editedValue === null) { return; }\n    onSave(editedValue, register);\n  }\n\n  const saveAction = onSave\n    ? <Button intent=\"success\" onClick={handleSave}>Save</Button>\n    : undefined;\n\n  return (\n    <MainView actions={saveAction}>\n      <RegisterForm value={_r || {}} onChange={onSave ? setEditedValue : undefined} />\n    </MainView>\n  );\n};\n\n\nconst RegisterForm: React.FC<{\n  value: Partial<Register>\n  onChange?: (newValue: Partial<Register>) => void\n}> = function ({ value, onChange }) {\n\n  function handleNameChange(evt: React.FormEvent<HTMLInputElement>) {\n    onChange!({ ...value, name: evt.currentTarget.value });\n  }\n\n  function handleURIChange(evt: React.FormEvent<HTMLInputElement>) {\n    onChange!({ ...value, uniformResourceIdentifier: evt.currentTarget.value });\n  }\n\n  function handleOperatingLanguageChange(fieldName: keyof Omit<Locale, 'characterEncoding'>) {\n    return (evt: React.FormEvent<HTMLInputElement>) => {\n      const newValue = update(value, { operatingLanguage: { [fieldName]: { $set: evt.currentTarget.value }}});\n      onChange!(newValue);\n    }\n  }\n\n  function handleSummaryChange(evt: React.FormEvent<HTMLTextAreaElement>) {\n    onChange!({ ...value, contentSummary: evt.currentTarget.value });\n  }\n\n  const stakeholders = value.stakeholders || [];\n\n  function updateStakeholder(idx: number, spec: Spec<RegisterStakeholder>) {\n    const newStakeholders = update(stakeholders, { [idx]: spec });\n    onChange!({ ...value, stakeholders: newStakeholders });\n  }\n  function handleStakeholderRoleChange(idx: number ,) {\n    return (evt: React.FormEvent<HTMLSelectElement>) => {\n      updateStakeholder(idx, { role: { $set: evt.currentTarget.value as 'manager' | 'owner' | 'submitter' } } as Spec<RegisterStakeholder>);\n    }\n  }\n  function handleStakeholderNameChange(idx: number) {\n    return (evt: React.FormEvent<HTMLInputElement>) => {\n      updateStakeholder(idx, { name: { $set: evt.currentTarget.value } });\n    }\n  }\n  function handleStakeholderPartyNameChange(idx: number) {\n    return (evt: React.FormEvent<HTMLInputElement>) => {\n      updateStakeholder(idx, { parties: { 0: { name: { $set: evt.currentTarget.value } } } });\n    }\n  }\n  function handleStakeholderGitUsernameChange(idx: number) {\n    return (evt: React.FormEvent<HTMLInputElement>) => {\n      updateStakeholder(idx, { gitServerUsername: { $set: evt.currentTarget.value || undefined } });\n    }\n  }\n  function handleStakeholderEmailChange(idx: number) {\n    return (evt: React.FormEvent<HTMLInputElement>) => {\n      updateStakeholder(idx, { parties: { 0: { contacts: { 0: { value: { $set: evt.currentTarget.value } } } } } });\n    }\n  }\n  function handleStakeholderAdd() {\n    onChange!({ ...value, stakeholders: [ ...stakeholders, {\n      role: 'submitter',\n      name: '',\n      gitServerUsername: undefined,\n      parties: [ { name: '', contacts: [ { label: 'email', value: '' } ] } ],\n    } ] });\n  }\n\n  return (\n    <div css={css`flex: 1; padding: 1rem; display: flex; flex-flow: column nowrap; overflow-y: auto;`}>\n\n      <FormGroup label=\"Name:\">\n        <InputGroup\n          fill\n          value={value.name || ''} readOnly={!onChange}\n          onChange={handleNameChange} />\n      </FormGroup>\n\n      <FormGroup label=\"Uniform resource identifier:\">\n        <InputGroup\n          fill\n          type=\"url\"\n          value={value.uniformResourceIdentifier || ''} readOnly={!onChange}\n          onChange={handleURIChange} />\n      </FormGroup>\n\n      <FormGroup label=\"Content summary:\">\n        <TextArea\n          fill\n          value={value.contentSummary || ''} readOnly={!onChange}\n          onChange={handleSummaryChange} />\n      </FormGroup>\n\n      <FormGroup label=\"Operating language (locale):\" helperText=\"Name, country and ISO 639-2 language code.\">\n        <ControlGroup fill>\n          <InputGroup\n            readOnly={!onChange}\n            placeholder=\"E.g., Welsh\"\n            value={value.operatingLanguage?.name}\n            onChange={handleOperatingLanguageChange('name')} />\n          <InputGroup\n            readOnly={!onChange}\n            placeholder=\"3-character numerical country code from ISO 3166-1\"\n            value={value.operatingLanguage?.country}\n            onChange={handleOperatingLanguageChange('country')} />\n          <InputGroup\n            readOnly={!onChange}\n            placeholder=\"3-character language code from ISO 639-2\"\n            value={value.operatingLanguage?.languageCode}\n            onChange={handleOperatingLanguageChange('languageCode')} />\n        </ControlGroup>\n      </FormGroup>\n\n      <FormGroup\n          label=\"Stakeholders:\"\n          helperText={onChange\n            ? <Button small minimal onClick={handleStakeholderAdd} icon=\"add\">Add</Button>\n            : undefined}>\n        {stakeholders.length > 0\n          ? <HTMLTable>\n              <thead>\n                <tr css={css`& > * { white-space: nowrap }`}>\n                  <th>Role</th>\n                  <th>Name</th>\n                  <th>Party (individual) name</th>\n                  <th>Git server username</th>\n                  <th>Email</th>\n                </tr>\n              </thead>\n              <tbody>\n                {[ ...stakeholders.entries() ].map(([idx, s]) =>\n                  <tr>\n                    <td>\n                      <HTMLSelect\n                        options={STAKEHOLDER_ROLES.map(r => ({ value: r, label: r }))}\n                        disabled={!onChange}\n                        onChange={handleStakeholderRoleChange(idx)}\n                        value={s.role} />\n                    </td>\n                    <td>\n                      <InputGroup\n                        readOnly={!onChange}\n                        onChange={handleStakeholderNameChange(idx)}\n                        value={s.name} />\n                    </td>\n                    <td>\n                      <InputGroup\n                        readOnly={!onChange}\n                        onChange={handleStakeholderPartyNameChange(idx)}\n                        value={(s.parties[0] as { name: string }).name} />\n                    </td>\n                    <td>\n                      <InputGroup\n                        readOnly={!onChange}\n                        onChange={handleStakeholderGitUsernameChange(idx)}\n                        value={s.gitServerUsername || ''} />\n                    </td>\n                    <td>\n                      <InputGroup\n                        type=\"email\"\n                        readOnly={!onChange}\n                        onChange={handleStakeholderEmailChange(idx)}\n                        value={s.parties[0].contacts[0].value || ''} />\n                    </td>\n                  </tr>)}\n              </tbody>\n            </HTMLTable>\n          : null}\n      </FormGroup>\n\n    </div>\n  );\n};\n"]}

package/views/RegisterItemGrid.d.ts

@@ -1,25 +0,0 @@
-/** @jsx jsx */
-/** @jsxFrag React.Fragment */
-import React from 'react';
-import { InternalItemReference, RegisterItemDataHook, RegistryViewProps, RelatedItemClassConfiguration } from '../types';
-import { CriteriaGroup } from './FilterCriteria/models';
-export declare const SearchQuery: React.FC<{
-    rootCriteria: CriteriaGroup;
-    onChange?: (rootCriteria: CriteriaGroup) => void;
-    itemClasses: RegistryViewProps["itemClassConfiguration"];
-    availableClassIDs?: string[];
-    subregisters: RegistryViewProps["subregisters"];
-    className?: string;
-}>;
-export declare const RegisterItemGrid: React.FC<{
-    selectedItem?: InternalItemReference;
-    onSelectItem: (itemRef: InternalItemReference) => void;
-    queryExpression: string;
-    selectedSubregisterID?: string;
-    toolbar: JSX.Element;
-    useRegisterItemData: RegisterItemDataHook;
-    getRelatedClassConfig: (classID: string) => RelatedItemClassConfiguration;
-    style?: React.CSSProperties;
-    className?: string;
-}>;
-export default RegisterItemGrid;

package/views/RegisterItemGrid.js

@@ -1,276 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.RegisterItemGrid = exports.SearchQuery = void 0;
-
-var _ramda = require("ramda");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _core = require("@emotion/core");
-
-var _core2 = require("@blueprintjs/core");
-
-var _context = require("@riboseinc/paneron-extension-kit/context");
-
-var _Grid = _interopRequireWildcard(require("@riboseinc/paneron-extension-kit/widgets/Grid"));
-
-var _itemPathUtils = require("./itemPathUtils");
-
-var _FilterCriteria = _interopRequireDefault(require("./FilterCriteria"));
-
-var _Workspace = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/Workspace"));
-
-var _popover = require("@blueprintjs/popover2");
-
-var _criteriaGroupToQueryExpression = _interopRequireDefault(require("./FilterCriteria/criteriaGroupToQueryExpression"));
-
-var _criteriaGroupToSummary = _interopRequireDefault(require("./FilterCriteria/criteriaGroupToSummary"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-/** @jsx jsx */
-
-/** @jsxFrag React.Fragment */
-const SearchQuery = function ({
-  rootCriteria,
-  onChange,
-  itemClasses,
-  availableClassIDs,
-  subregisters,
-  className
-}) {
-  const [isExpanded, expand] = (0, _react.useState)(false);
-  const classIDs = availableClassIDs !== null && availableClassIDs !== void 0 ? availableClassIDs : Object.keys(itemClasses);
-  return (0, _core.jsx)(_core2.ControlGroup, null, (0, _core.jsx)(_core2.Button, {
-    icon: "search"
-  }, "Criteria: ", (0, _criteriaGroupToSummary.default)(rootCriteria, {
-    itemClasses,
-    subregisters
-  })), (0, _core.jsx)(_popover.Popover2, {
-    isOpen: isExpanded,
-    minimal: true,
-    fill: true,
-    lazy: true,
-    css: (0, _core.css)`.bp3-popover2 .bp3-popover2-content { border-radius: 0 !important; }`,
-    content: (0, _core.jsx)("div", {
-      css: (0, _core.css)`padding: 1rem`
-    }, (0, _core.jsx)(_core2.H4, null, "Filter criteria"), (0, _core.jsx)(_FilterCriteria.default, {
-      criteria: rootCriteria,
-      onChange: onChange,
-      itemClasses: itemClasses,
-      availableClassIDs: classIDs,
-      subregisters: subregisters,
-      css: (0, _core.css)`margin: 0 -1rem;`
-    }), (0, _core.jsx)("div", {
-      css: (0, _core.css)`padding: 1rem 1rem 0 1rem; color: ${_core2.Colors.GRAY3}; font-size: 90%;`
-    }, (0, _core.jsx)("code", null, (0, _criteriaGroupToQueryExpression.default)(rootCriteria))))
-  }, (0, _core.jsx)(_core2.Button, {
-    disabled: true,
-    className: className,
-    active: isExpanded,
-    onClick: () => expand(!isExpanded)
-  }, "Edit\u2026")));
-};
-
-exports.SearchQuery = SearchQuery;
-
-const RegisterItemGrid = function ({
-  selectedItem,
-  onSelectItem,
-  queryExpression,
-  selectedSubregisterID,
-  toolbar,
-  useRegisterItemData,
-  getRelatedClassConfig,
-  style,
-  className
-}) {
-  var _a;
-
-  const ctx = (0, _react.useContext)(_context.DatasetContext); //const { useObjectPaths } = useContext(DatasetContext);
-
-  const {
-    useFilteredIndex,
-    useIndexDescription,
-    useObjectPathFromFilteredIndex,
-    useFilteredIndexPosition,
-    useObjectData
-  } = ctx;
-  const [selectedIndexPos, selectIndexPos] = (0, _react.useState)(null);
-  const normalizedQueryExp = queryExpression.trim();
-  const indexReq = useFilteredIndex({
-    queryExpression: normalizedQueryExp
-  });
-  const indexID = (_a = indexReq.value.indexID) !== null && _a !== void 0 ? _a : '';
-  const indexDescReq = useIndexDescription({
-    indexID
-  });
-  const itemCount = indexDescReq.value.status.objectCount;
-  const indexProgress = indexDescReq.value.status.progress;
-  const objPathResp = useObjectPathFromFilteredIndex({
-    indexID,
-    position: selectedIndexPos ? parseInt(selectedIndexPos, 10) : 0
-  });
-  const idxPosResp = useFilteredIndexPosition({
-    indexID,
-    objectPath: objPathResp.value.objectPath
-  });
-  (0, _react.useEffect)(() => {
-    if (selectedItem !== undefined && !idxPosResp.isUpdating) {
-      const pos = idxPosResp.value.position !== null ? `${idxPosResp.value.position}` : null;
-
-      if (selectedIndexPos !== pos) {
-        selectIndexPos(pos);
-      }
-    }
-  }, [selectedItem, idxPosResp.isUpdating]);
-  (0, _react.useEffect)(() => {
-    if (selectedIndexPos !== null && !objPathResp.isUpdating) {
-      try {
-        const itemRef = (0, _itemPathUtils.itemPathToItemRef)(selectedSubregisterID !== undefined, objPathResp.value.objectPath);
-
-        if (itemRef && (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.itemID) !== itemRef.itemID) {
-          onSelectItem(itemRef);
-        }
-      } catch (e) {
-        console.error("Unable to construct item ref from item path", objPathResp.value.objectPath);
-      }
-    }
-  }, [selectedIndexPos, objPathResp.isUpdating]);
-
-  function getGridData(viewportWidth) {
-    if (indexID) {
-      const stubs = [...new Array(itemCount)].map((_, idx) => `${idx}`); //console.debug(`Getting grid data for ${itemCount} items…`, stubs);
-      //console.debug(`Getting grid data: index status for ${indexID}`, indexProgress);
-
-      return {
-        items: (0, _ramda.splitEvery)(Math.floor(viewportWidth / CELL_W_PX), stubs),
-        extraData: {
-          useObjectData,
-          useObjectPathFromFilteredIndex,
-          selectedItemID: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.itemID,
-          indexID,
-          hasSubregisters: selectedSubregisterID !== undefined,
-          useRegisterItemData,
-          getRelatedClassConfig
-        },
-        selectedItem: selectedIndexPos,
-        selectItem: selectIndexPos,
-        cellWidth: CELL_W_PX,
-        cellHeight: CELL_H_PX,
-        padding: CELL_PADDING
-      };
-    }
-
-    return null;
-  }
-
-  return (0, _core.jsx)(_Workspace.default, {
-    css: (0, _core.css)`
-          flex: 1 1 auto;
-        `,
-    style: style,
-    className: className,
-    statusBarProps: {
-      descriptiveName: {
-        plural: 'register items',
-        singular: 'register item'
-      },
-      totalCount: itemCount,
-      progress: indexProgress
-    },
-    toolbar: toolbar
-  }, (0, _core.jsx)(Grid, {
-    getGridData: getGridData
-  }));
-};
-
-exports.RegisterItemGrid = RegisterItemGrid;
-
-const RegisterItem = function ({
-  isSelected,
-  onSelect,
-  onOpen,
-  extraData,
-  itemRef,
-  width,
-  height,
-  padding
-}) {
-  var _a;
-
-  const filteredObjectResp = extraData.useObjectPathFromFilteredIndex({
-    indexID: extraData.indexID,
-    position: parseInt(itemRef, 10)
-  });
-  const objPath = filteredObjectResp.value.objectPath;
-  const objectDataResp = extraData.useObjectData({
-    objectPaths: objPath ? [objPath] : []
-  });
-  const objData = objectDataResp.value.data[objPath];
-  const registerItemData = objData;
-  const itemPayload = registerItemData === null || registerItemData === void 0 ? void 0 : registerItemData.data;
-  const isUpdating = filteredObjectResp.isUpdating || objectDataResp.isUpdating;
-  const stringItemDescription = objPath ? `item at ${objPath}` : `item #${itemRef}`;
-
-  let _itemID;
-
-  let itemView;
-
-  if (objPath.trim() !== '') {
-    try {
-      const {
-        itemID,
-        classID,
-        subregisterID
-      } = (0, _itemPathUtils.itemPathToItemRef)(extraData.hasSubregisters, objPath);
-      _itemID = itemID;
-      const ListItemView = extraData.getRelatedClassConfig(classID).itemView;
-      itemView = itemPayload ? (0, _core.jsx)(ListItemView, {
-        getRelatedItemClassConfiguration: extraData.getRelatedClassConfig,
-        useRegisterItemData: extraData.useRegisterItemData,
-        subregisterID: subregisterID,
-        itemData: itemPayload,
-        itemID: (_a = registerItemData === null || registerItemData === void 0 ? void 0 : registerItemData.id) !== null && _a !== void 0 ? _a : 'N/A'
-      }) : (0, _core.jsx)(_react.default.Fragment, null, stringItemDescription);
-    } catch (e) {
-      itemView = (0, _core.jsx)(_react.default.Fragment, null, stringItemDescription);
-      _itemID = undefined;
-    }
-  } else {
-    itemView = (0, _core.jsx)(_react.default.Fragment, null, stringItemDescription);
-    _itemID = undefined;
-  }
-
-  return (0, _core.jsx)(_Grid.LabelledGridIcon, {
-    isSelected: extraData.selectedItemID === _itemID && _itemID !== undefined,
-    onSelect: onSelect,
-    onOpen: onOpen,
-    width: width,
-    height: height,
-    padding: padding,
-    contentClassName: isUpdating ? _core2.Classes.SKELETON : undefined,
-    entityType: {
-      name: 'reg. item',
-      iconProps: {
-        icon: 'document',
-        title: stringItemDescription,
-        htmlTitle: `Icon for ${stringItemDescription}`
-      }
-    }
-  }, itemView);
-};
-
-const Grid = (0, _Grid.default)(RegisterItem);
-const CELL_W_PX = 150;
-const CELL_H_PX = 80;
-const CELL_PADDING = 10;
-var _default = RegisterItemGrid;
-exports.default = _default;

package/views/RegisterItemGrid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RegisterItemGrid.js","sourceRoot":"","sources":["../../src/views/RegisterItemGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { splitEvery } from 'ramda';\nimport React, { useState, useEffect, useContext } from 'react';\nimport { jsx, css } from '@emotion/core';\nimport { Button, Classes, Colors, ControlGroup, H4 } from '@blueprintjs/core';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport makeGrid, { GridData, CellProps, LabelledGridIcon } from '@riboseinc/paneron-extension-kit/widgets/Grid';\nimport {\n  InternalItemReference,\n  RegisterItem, RegisterItemDataHook,\n  RegistryViewProps,\n  RelatedItemClassConfiguration\n} from '../types';\nimport { Hooks } from '@riboseinc/paneron-extension-kit/types';\nimport { itemPathToItemRef } from './itemPathUtils';\nimport CriteriaTree from './FilterCriteria';\nimport { CriteriaGroup } from './FilterCriteria/models';\nimport Workspace from '@riboseinc/paneron-extension-kit/widgets/Workspace';\nimport { Popover2 } from '@blueprintjs/popover2';\nimport criteriaGroupToQueryExpression from './FilterCriteria/criteriaGroupToQueryExpression';\nimport criteriaGroupToSummary from './FilterCriteria/criteriaGroupToSummary';\n\n\nexport const SearchQuery: React.FC<{\n  rootCriteria: CriteriaGroup\n  onChange?: (rootCriteria: CriteriaGroup) => void\n  itemClasses: RegistryViewProps[\"itemClassConfiguration\"]\n  availableClassIDs?: string[]\n  subregisters: RegistryViewProps[\"subregisters\"]\n  className?: string\n}> = function ({\n  rootCriteria,\n  onChange,\n  itemClasses,\n  availableClassIDs,\n  subregisters,\n  className,\n}) {\n  const [isExpanded, expand] = useState(false);\n  const classIDs = availableClassIDs ?? Object.keys(itemClasses);\n  return (\n    <ControlGroup>\n      <Button icon=\"search\">\n        Criteria: {criteriaGroupToSummary(rootCriteria, { itemClasses, subregisters })}\n      </Button>\n      <Popover2\n          isOpen={isExpanded}\n          minimal\n          fill\n          lazy\n          css={css`.bp3-popover2 .bp3-popover2-content { border-radius: 0 !important; }`}\n          content={\n            <div css={css`padding: 1rem`}>\n              <H4>Filter criteria</H4>\n              <CriteriaTree\n                criteria={rootCriteria}\n                onChange={onChange}\n                itemClasses={itemClasses}\n                availableClassIDs={classIDs}\n                subregisters={subregisters}\n                css={css`margin: 0 -1rem;`}\n              />\n              <div css={css`padding: 1rem 1rem 0 1rem; color: ${Colors.GRAY3}; font-size: 90%;`}>\n                <code>{criteriaGroupToQueryExpression(rootCriteria)}</code>\n              </div>\n            </div>}>\n        <Button\n            disabled\n            className={className}\n            active={isExpanded}\n            onClick={() => expand(!isExpanded)}>\n          Edit…\n        </Button>\n      </Popover2>\n    </ControlGroup>\n  );\n};\n\n\nexport const RegisterItemGrid: React.FC<{\n  selectedItem?: InternalItemReference;\n  onSelectItem: (itemRef: InternalItemReference) => void;\n  queryExpression: string;\n  selectedSubregisterID?: string;\n  toolbar: JSX.Element;\n\n  useRegisterItemData: RegisterItemDataHook;\n  getRelatedClassConfig: (classID: string) => RelatedItemClassConfiguration;\n\n  style?: React.CSSProperties;\n  className?: string;\n}> = function ({\n  selectedItem,\n  onSelectItem,\n  queryExpression,\n  selectedSubregisterID,\n  toolbar,\n  useRegisterItemData,\n  getRelatedClassConfig,\n  style,\n  className,\n}) {\n  const ctx = useContext(DatasetContext);\n  //const { useObjectPaths } = useContext(DatasetContext);\n  const { useFilteredIndex, useIndexDescription, useObjectPathFromFilteredIndex, useFilteredIndexPosition, useObjectData } = ctx;\n  const [selectedIndexPos, selectIndexPos] = useState<string | null>(null);\n\n  const normalizedQueryExp = queryExpression.trim();\n  const indexReq = useFilteredIndex({ queryExpression: normalizedQueryExp });\n  const indexID: string = indexReq.value.indexID ?? '';\n\n  const indexDescReq = useIndexDescription({ indexID });\n  const itemCount = indexDescReq.value.status.objectCount;\n  const indexProgress = indexDescReq.value.status.progress;\n\n  const objPathResp = useObjectPathFromFilteredIndex({\n    indexID,\n    position: selectedIndexPos ? parseInt(selectedIndexPos, 10) : 0,\n  });\n\n  const idxPosResp = useFilteredIndexPosition({\n    indexID,\n    objectPath: objPathResp.value.objectPath,\n  });\n\n  useEffect(() => {\n    if (selectedItem !== undefined && !idxPosResp.isUpdating) {\n      const pos = idxPosResp.value.position !== null\n        ? `${idxPosResp.value.position}`\n        : null;\n      if (selectedIndexPos !== pos) {\n        selectIndexPos(pos);\n      }\n    }\n  }, [selectedItem, idxPosResp.isUpdating]);\n\n  useEffect(() => {\n    if (selectedIndexPos !== null && !objPathResp.isUpdating) {\n      try {\n        const itemRef = itemPathToItemRef(selectedSubregisterID !== undefined, objPathResp.value.objectPath);\n        if (itemRef && selectedItem?.itemID !== itemRef.itemID) {\n          onSelectItem(itemRef);\n        }\n      } catch (e) {\n        console.error(\"Unable to construct item ref from item path\", objPathResp.value.objectPath);\n      }\n    }\n  }, [selectedIndexPos, objPathResp.isUpdating]);\n\n  function getGridData(viewportWidth: number): GridData<RegisterItemGridData> | null {\n    if (indexID) {\n      const stubs = [...new Array(itemCount)].map((_, idx) => `${idx}`);\n      //console.debug(`Getting grid data for ${itemCount} items…`, stubs);\n      //console.debug(`Getting grid data: index status for ${indexID}`, indexProgress);\n      return {\n        items: splitEvery(\n          Math.floor(viewportWidth / CELL_W_PX),\n          stubs),\n        extraData: {\n          useObjectData,\n          useObjectPathFromFilteredIndex,\n          selectedItemID: selectedItem?.itemID,\n          indexID,\n          hasSubregisters: selectedSubregisterID !== undefined,\n          useRegisterItemData,\n          getRelatedClassConfig,\n        },\n        selectedItem: selectedIndexPos,\n        selectItem: selectIndexPos,\n        cellWidth: CELL_W_PX,\n        cellHeight: CELL_H_PX,\n        padding: CELL_PADDING,\n      };\n    }\n    return null;\n  }\n\n  return (\n    <Workspace\n        css={css`\n          flex: 1 1 auto;\n        `}\n        style={style}\n        className={className}\n        statusBarProps={{\n          descriptiveName: { plural: 'register items', singular: 'register item' },\n          totalCount: itemCount,\n          progress: indexProgress,\n        }}\n        toolbar={toolbar}>\n      <Grid getGridData={getGridData} />\n    </Workspace>\n  );\n};\n\n\ninterface RegisterItemGridData {\n  indexID: string;\n  useObjectPathFromFilteredIndex: Hooks.Indexes.GetFilteredObject;\n  useObjectData: Hooks.Data.GetObjectDataset;\n\n  hasSubregisters: boolean;\n  selectedItemID?: string;\n  //classID: string\n  //subregisterID?: string\n  useRegisterItemData: RegisterItemDataHook;\n  getRelatedClassConfig: (classID: string) => RelatedItemClassConfiguration;\n}\n\n\nconst RegisterItem: React.FC<CellProps<RegisterItemGridData>> =\nfunction ({ isSelected, onSelect, onOpen, extraData, itemRef, width, height, padding }) {\n  const filteredObjectResp = extraData.useObjectPathFromFilteredIndex({\n    indexID: extraData.indexID,\n    position: parseInt(itemRef, 10),\n  });\n  const objPath = filteredObjectResp.value.objectPath;\n  const objectDataResp = extraData.useObjectData({\n    objectPaths: objPath ? [objPath] : [],\n  });\n\n  const objData = objectDataResp.value.data[objPath];\n  const registerItemData = objData as RegisterItem<any> | null;\n  const itemPayload = registerItemData?.data;\n\n  const isUpdating = filteredObjectResp.isUpdating || objectDataResp.isUpdating;\n\n  const stringItemDescription = objPath ? `item at ${objPath}` : `item #${itemRef}`;\n\n  let _itemID: string | undefined;\n  let itemView: JSX.Element;\n\n  if (objPath.trim() !== '') {\n    try {\n      const { itemID, classID, subregisterID } = itemPathToItemRef(extraData.hasSubregisters, objPath);\n      _itemID = itemID;\n      const ListItemView = extraData.getRelatedClassConfig(classID).itemView;\n      itemView = itemPayload\n        ? <ListItemView\n            getRelatedItemClassConfiguration={extraData.getRelatedClassConfig}\n            useRegisterItemData={extraData.useRegisterItemData}\n            subregisterID={subregisterID}\n            itemData={itemPayload}\n            itemID={registerItemData?.id ?? 'N/A'} />\n        : <>{stringItemDescription}</>;\n    } catch (e) {\n      itemView = <>{stringItemDescription}</>;\n      _itemID = undefined;\n    }\n  } else {\n    itemView = <>{stringItemDescription}</>;\n    _itemID = undefined;\n  }\n\n\n  return (\n    <LabelledGridIcon\n        isSelected={extraData.selectedItemID === _itemID && _itemID !== undefined}\n        onSelect={onSelect}\n        onOpen={onOpen}\n        width={width}\n        height={height}\n        padding={padding}\n        contentClassName={isUpdating ? Classes.SKELETON : undefined}\n        entityType={{\n          name: 'reg. item',\n          iconProps: {\n            icon: 'document',\n            title: stringItemDescription,\n            htmlTitle: `Icon for ${stringItemDescription}`\n          },\n        }}>\n      {itemView}\n    </LabelledGridIcon>\n  );\n};\n\nconst Grid = makeGrid<RegisterItemGridData>(RegisterItem);\n\nconst CELL_W_PX = 150;\nconst CELL_H_PX = 80;\nconst CELL_PADDING = 10;\n\n\nexport default RegisterItemGrid;\n"]}