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

package/dist/views/detail/RegisterMeta/RegisterMetaForm.js

@@ -0,0 +1,331 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _immutabilityHelper = _interopRequireDefault(require("immutability-helper"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _core = require("@blueprintjs/core");
+
+var _datetime = require("@blueprintjs/datetime");
+
+var _HelpTooltip = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/HelpTooltip"));
+
+var _types = require("../../../types");
+
+var _stakeholder = require("../../../types/stakeholder");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const DUMMY_VERSION = {
+  id: '',
+  timestamp: new Date()
+};
+const DUMMY_CONTACT = {
+  label: 'email',
+  value: ''
+};
+const DUMMY_PARTY = {
+  name: '',
+  contacts: [DUMMY_CONTACT]
+};
+const DUMMY_STAKEHOLDER = {
+  role: _stakeholder.StakeholderRole.Submitter,
+  name: '',
+  gitServerUsername: undefined,
+  parties: [DUMMY_PARTY]
+};
+
+const RegisterMetaForm = function ({
+  value,
+  onChange,
+  className
+}) {
+  var _value$operatingLangu, _value$operatingLangu2, _value$operatingLangu3, _value$version, _value$version2;
+
+  function handleOperatingLanguageChange(fieldName) {
+    return evt => {
+      const newValue = (0, _immutabilityHelper.default)(value, {
+        operatingLanguage: op => (0, _immutabilityHelper.default)(op ?? {}, {
+          [fieldName]: {
+            $set: evt.currentTarget.value
+          }
+        })
+      });
+      onChange(newValue);
+    };
+  }
+
+  function makeFormEventHandler(func) {
+    return evt => {
+      const spec = func(evt.currentTarget.value);
+
+      if (spec) {
+        onChange((0, _immutabilityHelper.default)(value, spec));
+      }
+    };
+  }
+
+  const stakeholders = value.stakeholders ?? [];
+
+  function makeStakeholderChangeHandler(idx, func) {
+    return makeFormEventHandler(val => ({
+      stakeholders: {
+        [idx]: func(val)
+      }
+    }));
+  }
+
+  function handleStakeholderAdd() {
+    onChange({ ...value,
+      stakeholders: [...stakeholders, DUMMY_STAKEHOLDER]
+    });
+  }
+
+  return (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`display: flex; flex-flow: row wrap; align-content: flex-start; align-items: flex-start; gap: 10px;`,
+    className: className
+  }, (0, _react2.jsx)(SuperFormGroup, {
+    label: "Basics:"
+  }, (0, _react2.jsx)(FormGroup, {
+    label: "Name:"
+  }, (0, _react2.jsx)(_core.InputGroup, {
+    fill: true,
+    value: value.name || '',
+    readOnly: !onChange,
+    onChange: makeFormEventHandler(val => ({
+      name: {
+        $set: val
+      }
+    }))
+  })), (0, _react2.jsx)(FormGroup, {
+    label: "Uniform resource identifier:"
+  }, (0, _react2.jsx)(_core.InputGroup, {
+    fill: true,
+    type: "url",
+    value: value.uniformResourceIdentifier || '',
+    readOnly: !onChange,
+    onChange: makeFormEventHandler(val => ({
+      uniformResourceIdentifier: {
+        $set: val
+      }
+    }))
+  })), (0, _react2.jsx)(FormGroup, {
+    label: "Content summary:"
+  }, (0, _react2.jsx)(_core.TextArea, {
+    fill: true,
+    value: value.contentSummary || '',
+    readOnly: !onChange,
+    onChange: makeFormEventHandler(val => ({
+      contentSummary: {
+        $set: val
+      }
+    }))
+  })), (0, _react2.jsx)(FormGroup, {
+    label: "Operating language (locale):",
+    helperText: "Name, country and ISO 639-2 language code."
+  }, (0, _react2.jsx)(_core.ControlGroup, {
+    vertical: true
+  }, (0, _react2.jsx)(_core.InputGroup, {
+    readOnly: !onChange,
+    placeholder: "E.g., Welsh",
+    value: ((_value$operatingLangu = value.operatingLanguage) === null || _value$operatingLangu === void 0 ? void 0 : _value$operatingLangu.name) ?? '',
+    onChange: handleOperatingLanguageChange('name')
+  }), (0, _react2.jsx)(_core.InputGroup, {
+    readOnly: !onChange,
+    placeholder: "3-character numerical country code from ISO 3166-1",
+    value: ((_value$operatingLangu2 = value.operatingLanguage) === null || _value$operatingLangu2 === void 0 ? void 0 : _value$operatingLangu2.country) ?? '',
+    onChange: handleOperatingLanguageChange('country')
+  }), (0, _react2.jsx)(_core.InputGroup, {
+    readOnly: !onChange,
+    placeholder: "3-character language code from ISO 639-2",
+    value: ((_value$operatingLangu3 = value.operatingLanguage) === null || _value$operatingLangu3 === void 0 ? void 0 : _value$operatingLangu3.languageCode) ?? '',
+    onChange: handleOperatingLanguageChange('languageCode')
+  })))), (0, _react2.jsx)(SuperFormGroup, {
+    label: "Version: ",
+    css: (0, _react2.css)`padding-bottom: 0;`
+  }, (0, _react2.jsx)(FormGroup, {
+    label: "Identifier: "
+  }, (0, _react2.jsx)(_core.InputGroup, {
+    value: ((_value$version = value.version) === null || _value$version === void 0 ? void 0 : _value$version.id) ?? '',
+    readOnly: !onChange,
+    placeholder: "E.g., 1.2",
+    onChange: makeFormEventHandler(val => ({
+      version: v => (0, _immutabilityHelper.default)(v ?? DUMMY_VERSION, {
+        id: {
+          $set: val
+        }
+      })
+    }))
+  })), (0, _react2.jsx)(FormGroup, {
+    label: "Published on: ",
+    helperText: (0, _react2.jsx)(_react.default.Fragment, null, "Date and time are", (0, _react2.jsx)("br", null), "in ", Intl.DateTimeFormat().resolvedOptions().timeZone, ".", " ", (0, _react2.jsx)(_HelpTooltip.default, {
+      content: (0, _react2.jsx)(_react.default.Fragment, null, "Times are in your computer\u2019s current time zone.", onChange ? " When specifying, make sure to offset accordingly if it is different than register publication time zone." : null)
+    }))
+  }, (0, _react2.jsx)(_datetime.DatePicker, {
+    css: (0, _react2.css)`margin: 0 -${PADDING};`,
+    timePrecision: _datetime.TimePrecision.MINUTE,
+    value: ((_value$version2 = value.version) === null || _value$version2 === void 0 ? void 0 : _value$version2.timestamp) ?? null,
+    showActionsBar: onChange ? true : false,
+    onChange: val => onChange((0, _immutabilityHelper.default)(value, val !== null ? {
+      version: v => (0, _immutabilityHelper.default)(v ?? DUMMY_VERSION, {
+        timestamp: {
+          $set: val
+        }
+      })
+    } : {
+      $unset: ['version']
+    }))
+  }))), (0, _react2.jsx)(SuperFormGroup, {
+    label: "Stakeholders:",
+    helperText: onChange ? (0, _react2.jsx)(_core.Button, {
+      onClick: handleStakeholderAdd,
+      icon: "add"
+    }, "Add") : null
+  }, stakeholders.length > 0 ? (0, _react2.jsx)(_core.HTMLTable, {
+    css: (0, _react2.css)`margin: 0 -${PADDING};`
+  }, (0, _react2.jsx)("thead", null, (0, _react2.jsx)("tr", {
+    css: (0, _react2.css)`& > * { white-space: nowrap }`
+  }, (0, _react2.jsx)("th", null, "Role"), (0, _react2.jsx)("th", null, "Name"), (0, _react2.jsx)("th", null, "Git server username"), (0, _react2.jsx)("th", null, "Parties"), (0, _react2.jsx)("th", null, "Name"), (0, _react2.jsx)("th", null, "Email"))), (0, _react2.jsx)("tbody", null, [...stakeholders.entries()].map(([idx, s]) => (0, _react2.jsx)("tr", {
+    key: idx
+  }, (0, _react2.jsx)("td", null, (0, _react2.jsx)(_core.HTMLSelect, {
+    options: _stakeholder.STAKEHOLDER_ROLES.map(r => ({
+      value: r,
+      label: r
+    })),
+    disabled: !onChange,
+    onChange: makeStakeholderChangeHandler(idx, val => (0, _types.isStakeholderRole)(val) ? {
+      role: {
+        $set: val
+      }
+    } // Why do we need to cast this
+    : {}),
+    value: s.role
+  })), (0, _react2.jsx)("td", null, (0, _react2.jsx)(_core.InputGroup, {
+    readOnly: !onChange,
+    onChange: makeStakeholderChangeHandler(idx, val => ({
+      name: {
+        $set: val
+      }
+    })),
+    value: s.name
+  })), (0, _react2.jsx)("td", null, (0, _react2.jsx)(_core.InputGroup, {
+    readOnly: !onChange,
+    onChange: makeStakeholderChangeHandler(idx, val => ({
+      gitServerUsername: {
+        $set: val || undefined
+      }
+    })),
+    value: s.gitServerUsername || ''
+  })), (0, _react2.jsx)("td", null, (0, _react2.jsx)(_core.ControlGroup, {
+    vertical: s.parties.length > 1
+  }, s.parties.map((party, partyIdx) => (0, _react2.jsx)(_core.ButtonGroup, {
+    key: partyIdx
+  }, (0, _react2.jsx)(_core.Button, {
+    key: "delete",
+    outlined: true,
+    disabled: !onChange || s.parties.length < 2 || party.name !== '',
+    title: "Delete this party",
+    onClick: () => onChange((0, _immutabilityHelper.default)(value, {
+      stakeholders: {
+        [idx]: {
+          parties: {
+            $splice: [[partyIdx, 1]]
+          }
+        }
+      }
+    })),
+    icon: "cross"
+  }), partyIdx === s.parties.length - 1 ? (0, _react2.jsx)(_core.Button, {
+    key: "add",
+    outlined: true,
+    disabled: !onChange,
+    onClick: () => onChange((0, _immutabilityHelper.default)(value, {
+      stakeholders: {
+        [idx]: {
+          parties: {
+            $push: [DUMMY_PARTY]
+          }
+        }
+      }
+    })),
+    title: "Append a party",
+    icon: "plus"
+  }) : null)))), (0, _react2.jsx)("td", null, (0, _react2.jsx)(_core.ControlGroup, {
+    vertical: s.parties.length > 1
+  }, s.parties.map((party, partyIdx) => (0, _react2.jsx)(_core.InputGroup, {
+    key: partyIdx,
+    readOnly: !onChange,
+    placeholder: "Individual or organization",
+    onChange: makeStakeholderChangeHandler(idx, val => ({
+      parties: {
+        [partyIdx]: {
+          name: {
+            $set: val
+          }
+        }
+      }
+    })),
+    value: party.name
+  })))), (0, _react2.jsx)("td", null, (0, _react2.jsx)(_core.ControlGroup, {
+    vertical: s.parties.length > 1
+  }, s.parties.map((party, partyIdx) => (0, _react2.jsx)(_core.InputGroup, {
+    key: partyIdx,
+    type: "email",
+    placeholder: "Contact email",
+    readOnly: !onChange,
+    onChange: makeStakeholderChangeHandler(idx, val => ({
+      parties: {
+        [partyIdx]: {
+          contacts: {
+            0: {
+              value: {
+                $set: val
+              }
+            }
+          }
+        }
+      }
+    })),
+    value: party.contacts[0].value || ''
+  })))))))) : null));
+};
+
+const PADDING = '11px';
+const FormGroup = (0, _styled.default)(_core.FormGroup)`
+  margin: 0;
+`;
+const SuperFormGroup_ = (0, _styled.default)(FormGroup)`
+  border-radius: 5px;
+  padding: ${PADDING};
+  background: white;
+  > label.bp4-label {
+    font-weight: bold;
+    margin-bottom: ${PADDING};
+  }
+  > .bp4-form-content {
+    display: flex;
+    flex-flow: column nowrap;
+    gap: ${PADDING};
+  }
+`;
+
+const SuperFormGroup = function (props) {
+  return (0, _react2.jsx)(SuperFormGroup_, { ...props,
+    className: _core.Classes.ELEVATION_3
+  });
+};
+
+var _default = RegisterMetaForm;
+exports.default = _default;

package/dist/views/detail/RegisterMeta/RegisterMetaForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegisterMetaForm.js","sourceRoot":"","sources":["../../../../src/views/detail/RegisterMeta/RegisterMetaForm.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport update, { Spec } from 'immutability-helper';\nimport React from 'react';\nimport { jsx, css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport {\n  FormGroupProps,\n  FormGroup as BaseFormGroup,\n  Classes,\n  ControlGroup,\n  InputGroup,\n  TextArea,\n  HTMLTable,\n  HTMLSelect,\n  Button,\n  ButtonGroup,\n} from '@blueprintjs/core';\nimport { DatePicker, TimePrecision } from '@blueprintjs/datetime';\nimport HelpTooltip from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';\nimport type { Register, RegisterStakeholder, Locale } from '../../../types';\nimport { isStakeholderRole } from '../../../types';\nimport { STAKEHOLDER_ROLES, StakeholderRole } from '../../../types/stakeholder';\n\n\n\nconst DUMMY_VERSION: Register[\"version\"] = { id: '', timestamp: new Date() };\nconst DUMMY_CONTACT: Register[\"stakeholders\"][number][\"parties\"][number][\"contacts\"][number] = {\n  label: 'email',\n  value: ''\n}\nconst DUMMY_PARTY: Register[\"stakeholders\"][number][\"parties\"][number] = {\n  name: '',\n  contacts: [DUMMY_CONTACT],\n};\nconst DUMMY_STAKEHOLDER: Register[\"stakeholders\"][number] = {\n  role: StakeholderRole.Submitter,\n  name: '',\n  gitServerUsername: undefined,\n  parties: [DUMMY_PARTY],\n};\n\n\nconst RegisterMetaForm: React.FC<{\n  value: Register;\n  onChange?: (newMeta: Register) => void;\n  className?: string;\n}> = function ({ value, onChange, className }) {\n\n  function handleOperatingLanguageChange(fieldName: keyof Omit<Locale, 'characterEncoding'>) {\n    return (evt: React.FormEvent<HTMLInputElement>) => {\n      const newValue = update(value, { operatingLanguage: op => update(op ?? {}, { [fieldName]: { $set: evt.currentTarget.value } }) });\n      onChange!(newValue);\n    }\n  }\n\n  function makeFormEventHandler\n  <T extends HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement = HTMLInputElement>\n  (func: (val: string) => Spec<typeof value>) {\n    return (evt: React.FormEvent<T>) => {\n      const spec = func(evt.currentTarget.value);\n      if (spec) {\n        onChange!(update(value, spec));\n      }\n    };\n  }\n\n  const stakeholders = value.stakeholders ?? [];\n  function makeStakeholderChangeHandler<T extends HTMLInputElement | HTMLSelectElement>(\n    idx: number,\n    func: (val: string) => Spec<typeof value[\"stakeholders\"][number]>,\n  ) {\n    return makeFormEventHandler<T>(val => ({ stakeholders: { [idx]: func(val) } }));\n  }\n  function handleStakeholderAdd() {\n    onChange!({ ...value, stakeholders: [ ...stakeholders, DUMMY_STAKEHOLDER ] });\n  }\n  return (\n    <div css={css`display: flex; flex-flow: row wrap; align-content: flex-start; align-items: flex-start; gap: 10px;`} className={className}>\n\n      <SuperFormGroup label=\"Basics:\">\n        <FormGroup label=\"Name:\">\n          <InputGroup\n            fill\n            value={value.name || ''}\n            readOnly={!onChange}\n            onChange={makeFormEventHandler(val => ({ name: { $set: val } }))}\n          />\n        </FormGroup>\n\n        <FormGroup label=\"Uniform resource identifier:\">\n          <InputGroup\n            fill\n            type=\"url\"\n            value={value.uniformResourceIdentifier || ''}\n            readOnly={!onChange}\n            onChange={makeFormEventHandler(val => ({ uniformResourceIdentifier: { $set: val } }))}\n          />\n        </FormGroup>\n\n        <FormGroup label=\"Content summary:\">\n          <TextArea\n            fill\n            value={value.contentSummary || ''}\n            readOnly={!onChange}\n            onChange={makeFormEventHandler<HTMLTextAreaElement>(val => ({ contentSummary: { $set: val } }))}\n          />\n        </FormGroup>\n\n        <FormGroup label=\"Operating language (locale):\" helperText=\"Name, country and ISO 639-2 language code.\">\n          <ControlGroup vertical>\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      </SuperFormGroup>\n\n      <SuperFormGroup label=\"Version: \" css={css`padding-bottom: 0;`}>\n        <FormGroup label=\"Identifier: \">\n          <InputGroup\n            value={value.version?.id ?? ''}\n            readOnly={!onChange}\n            placeholder=\"E.g., 1.2\"\n            onChange={makeFormEventHandler(val =>\n              ({ version: v => update(v ?? DUMMY_VERSION, { id: { $set: val } }) })\n            )}\n          />\n        </FormGroup>\n        <FormGroup\n            label=\"Published on: \"\n            helperText={\n              <>\n                Date and time are\n                <br />\n                in {Intl.DateTimeFormat().resolvedOptions().timeZone}.\n                {\" \"}\n                <HelpTooltip content={<>\n                  Times are in your computer’s current time zone.\n                  {onChange\n                    ? \" When specifying, make sure to offset accordingly if it is different than register publication time zone.\"\n                    : null}\n                </>} />\n              </>}>\n          <DatePicker\n            css={css`margin: 0 -${PADDING};`}\n            timePrecision={TimePrecision.MINUTE}\n            value={value.version?.timestamp ?? null}\n            showActionsBar={onChange ? true : false}\n            onChange={(val: Date | null) =>\n              onChange!(update(value, val !== null\n                ? { version: v => update(v ?? DUMMY_VERSION, { timestamp: { $set: val } }) }\n                : { $unset: ['version'] }))\n            }\n          />\n        </FormGroup>\n      </SuperFormGroup>\n\n      <SuperFormGroup\n          label=\"Stakeholders:\"\n          helperText={onChange\n            ? <Button onClick={handleStakeholderAdd} icon=\"add\">Add</Button>\n            : null}>\n        {stakeholders.length > 0\n          ? <HTMLTable css={css`margin: 0 -${PADDING};`}>\n              <thead>\n                <tr css={css`& > * { white-space: nowrap }`}>\n                  <th>Role</th>\n                  <th>Name</th>\n                  <th>Git server username</th>\n                  <th>Parties</th>\n                  <th>Name</th>\n                  <th>Email</th>\n                </tr>\n              </thead>\n              <tbody>\n                {[ ...stakeholders.entries() ].map(([idx, s]) =>\n                  <tr key={idx}>\n                    <td>\n                      <HTMLSelect\n                        options={STAKEHOLDER_ROLES.map(r => ({ value: r, label: r }))}\n                        disabled={!onChange}\n                        onChange={makeStakeholderChangeHandler<HTMLSelectElement>(idx, (val) =>\n                          isStakeholderRole(val)\n                            ? { role: { $set: val } } as Spec<RegisterStakeholder> // Why do we need to cast this\n                            : {}\n                        )}\n                        value={s.role} />\n                    </td>\n                    <td>\n                      <InputGroup\n                        readOnly={!onChange}\n                        onChange={makeStakeholderChangeHandler(idx, (val) =>\n                          ({ name: { $set: val } })\n                        )}\n                        value={s.name} />\n                    </td>\n                    <td>\n                      <InputGroup\n                        readOnly={!onChange}\n                        onChange={makeStakeholderChangeHandler(idx, (val) =>\n                          ({ gitServerUsername: { $set: val || undefined } })\n                        )}\n                        value={s.gitServerUsername || ''} />\n                    </td>\n                    <td>\n                      <ControlGroup vertical={s.parties.length > 1}>\n                        {s.parties.map((party, partyIdx) =>\n                          <ButtonGroup key={partyIdx}>\n                            <Button\n                                key=\"delete\"\n                                outlined\n                                disabled={!onChange || s.parties.length < 2 || party.name !== ''}\n                                title=\"Delete this party\"\n                                onClick={() => onChange!(update(value, { stakeholders: { [idx]: { parties: { $splice: [[ partyIdx, 1 ]] } } } }))}\n                                icon=\"cross\"\n                              />\n                            {partyIdx === s.parties.length - 1\n                              ? <Button\n                                  key=\"add\"\n                                  outlined\n                                  disabled={!onChange}\n                                  onClick={() => onChange!(update(value, { stakeholders: { [idx]: { parties: { $push: [DUMMY_PARTY] } } } }))}\n                                  title=\"Append a party\"\n                                  icon=\"plus\"\n                                />\n                              : null}\n                          </ButtonGroup>\n                        )}\n                      </ControlGroup>\n                    </td>\n                    <td>\n                      <ControlGroup vertical={s.parties.length > 1}>\n                        {s.parties.map((party, partyIdx) =>\n                          <InputGroup\n                            key={partyIdx}\n                            readOnly={!onChange}\n                            placeholder=\"Individual or organization\"\n                            onChange={makeStakeholderChangeHandler(idx, (val) =>\n                              ({ parties: { [partyIdx]: { name: { $set: val } } } })\n                            )}\n                            value={(party as { name: string }).name}\n                          />\n                        )}\n                      </ControlGroup>\n                    </td>\n                    <td>\n                      <ControlGroup vertical={s.parties.length > 1}>\n                        {s.parties.map((party, partyIdx) =>\n                          <InputGroup\n                            key={partyIdx}\n                            type=\"email\"\n                            placeholder=\"Contact email\"\n                            readOnly={!onChange}\n                            onChange={makeStakeholderChangeHandler(idx, (val) =>\n                              ({ parties: { [partyIdx]: { contacts: { 0: { value: { $set: val } } } } } })\n                            )}\n                            value={party.contacts[0].value || ''} />\n                        )}\n                      </ControlGroup>\n                    </td>\n                  </tr>)}\n              </tbody>\n            </HTMLTable>\n          : null}\n      </SuperFormGroup>\n    </div>\n  );\n};\n\n\nconst PADDING = '11px';\nconst FormGroup = styled(BaseFormGroup)`\n  margin: 0;\n`;\nconst SuperFormGroup_ = styled(FormGroup)`\n  border-radius: 5px;\n  padding: ${PADDING};\n  background: white;\n  > label.bp4-label {\n    font-weight: bold;\n    margin-bottom: ${PADDING};\n  }\n  > .bp4-form-content {\n    display: flex;\n    flex-flow: column nowrap;\n    gap: ${PADDING};\n  }\n`;\n\nconst SuperFormGroup: React.FC<FormGroupProps> = function (props) {\n  return <SuperFormGroup_ {...props} className={Classes.ELEVATION_3} />\n}\n\n\nexport default RegisterMetaForm;\n"]}

package/dist/views/detail/RegisterMeta/index.d.ts

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { jsx } from '@emotion/react';
+declare const _default: {
+    main: React.FC<Record<never, never>>;
+    title: () => jsx.JSX.Element;
+    plainTitle: () => Promise<string>;
+};
+export default _default;

package/dist/views/detail/RegisterMeta/index.js

@@ -0,0 +1,111 @@
+"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 _context = require("@riboseinc/paneron-extension-kit/context");
+
+var _BrowserCtx = require("../../BrowserCtx");
+
+var _types = require("../../../types");
+
+var _stakeholder = require("../../../types/stakeholder");
+
+var _common = require("../../../common");
+
+var _util = require("../../util");
+
+var _RegisterMetaForm = _interopRequireDefault(require("./RegisterMetaForm"));
+
+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 RegisterMeta = function () {
+  const {
+    updateObjects,
+    performOperation
+  } = (0, _react.useContext)(_context.DatasetContext);
+  const {
+    registerMetadata,
+    stakeholder
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+  const [editedMetadata, setEditedMetadata] = (0, _react.useState)(null);
+  const canChange = updateObjects ? true : false;
+  const didChange = registerMetadata && editedMetadata && JSON.stringify(editedMetadata) !== JSON.stringify(registerMetadata);
+
+  function handleClear() {
+    setEditedMetadata(null);
+  }
+
+  async function handleSave() {
+    if (!updateObjects) {
+      throw new Error("Dataset is read-only");
+    }
+
+    if (!stakeholder || !(0, _stakeholder.isOwner)(stakeholder)) {
+      throw new Error("Register meta is only meant to be edited by owner");
+    }
+
+    if (!(0, _types.isRegisterMetadata)(editedMetadata)) {
+      throw new Error("Invalid register metadata");
+    }
+
+    await performOperation('saving register meta', updateObjects)({
+      commitMessage: "edited register metadata",
+      objectChangeset: {
+        [_common.REGISTER_METADATA_FILENAME]: {
+          oldValue: registerMetadata,
+          newValue: editedMetadata
+        }
+      }
+    });
+    setEditedMetadata(null);
+  }
+
+  if (registerMetadata) {
+    return (0, _react2.jsx)(_util.TabContentsWithActions, {
+      actions: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_core.ButtonGroup, null, (0, _react2.jsx)(_core.Button, {
+        onClick: handleSave,
+        disabled: !didChange || !canChange,
+        intent: didChange && canChange ? "primary" : undefined
+      }, "Save"), (0, _react2.jsx)(_core.Button, {
+        onClick: handleClear,
+        disabled: !didChange || !canChange
+      }, "Clear changes"))),
+      main: (0, _react2.jsx)(_RegisterMetaForm.default, {
+        value: editedMetadata ?? registerMetadata,
+        onChange: updateObjects ? setEditedMetadata : undefined
+      })
+    });
+  } else if (registerMetadata === undefined) {
+    return (0, _react2.jsx)(_core.NonIdealState, {
+      icon: (0, _react2.jsx)(_core.Spinner, null)
+    });
+  } else {
+    return (0, _react2.jsx)(_core.NonIdealState, {
+      icon: "heart-broken",
+      description: "Failed to read registry metadata."
+    });
+  }
+};
+
+var _default = {
+  main: RegisterMeta,
+  title: () => (0, _react2.jsx)(_react.default.Fragment, null, "Register Metadata"),
+  plainTitle: async () => "register metadata"
+};
+exports.default = _default;

package/dist/views/detail/RegisterMeta/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/detail/RegisterMeta/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useState, useContext } from 'react';\nimport { jsx } from '@emotion/react';\nimport { Button, ButtonGroup, NonIdealState, Spinner } from '@blueprintjs/core';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport { BrowserCtx } from '../../BrowserCtx';\nimport { isRegisterMetadata, type Register } from '../../../types';\nimport { isOwner } from '../../../types/stakeholder';\nimport { REGISTER_METADATA_FILENAME } from '../../../common';\nimport { TabContentsWithActions } from '../../util';\nimport RegisterMetaForm from './RegisterMetaForm';\n\n\nconst RegisterMeta: React.FC<Record<never, never>> = function () {\n  const { updateObjects, performOperation } = useContext(DatasetContext);\n  const { registerMetadata, stakeholder } = useContext(BrowserCtx);\n\n  const [ editedMetadata, setEditedMetadata ] = useState<Register | null>(null);\n\n  const canChange = updateObjects ? true : false;\n  const didChange = registerMetadata && editedMetadata && JSON.stringify(editedMetadata) !== JSON.stringify(registerMetadata);\n\n  function handleClear() {\n    setEditedMetadata(null);\n  }\n  async function handleSave() {\n    if (!updateObjects) {\n      throw new Error(\"Dataset is read-only\");\n    }\n    if (!stakeholder || !isOwner(stakeholder)) {\n      throw new Error(\"Register meta is only meant to be edited by owner\");\n    }\n    if (!isRegisterMetadata(editedMetadata)) {\n      throw new Error(\"Invalid register metadata\");\n    }\n    await performOperation('saving register meta', updateObjects)({\n      commitMessage: \"edited register metadata\",\n      objectChangeset: {\n        [REGISTER_METADATA_FILENAME]: {\n          oldValue: registerMetadata,\n          newValue: editedMetadata,\n        },\n      },\n    });\n    setEditedMetadata(null);\n  }\n\n  if (registerMetadata) {\n    return (\n      <TabContentsWithActions\n        actions={<>\n          <ButtonGroup>\n            <Button\n                onClick={handleSave}\n                disabled={!didChange || !canChange}\n                intent={didChange && canChange ? \"primary\" : undefined}>\n              Save\n            </Button>\n            <Button\n                onClick={handleClear}\n                disabled={!didChange || !canChange}>\n              Clear changes\n            </Button>\n          </ButtonGroup>\n        </>}\n        main={\n          <RegisterMetaForm\n            value={editedMetadata ?? registerMetadata}\n            onChange={updateObjects ? setEditedMetadata : undefined}\n          />\n        }\n      />\n    );\n  } else if (registerMetadata === undefined) {\n    return <NonIdealState icon={<Spinner />} />\n  } else {\n    return <NonIdealState icon=\"heart-broken\" description=\"Failed to read registry metadata.\" />\n  }\n};\n\nexport default {\n  main: RegisterMeta,\n  title: () => <>Register Metadata</>,\n  plainTitle: async () => \"register metadata\",\n};\n"]}

package/dist/views/detail/index.d.ts

@@ -0,0 +1 @@
+export declare function getPlainTitle(uri: string): Promise<string>;

package/dist/views/detail/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPlainTitle = getPlainTitle;
+
+var _protocolRegistry = _interopRequireWildcard(require("../protocolRegistry"));
+
+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; }
+
+async function getPlainTitle(uri) {
+  const [proto, _path] = uri.split(':');
+
+  if ((0, _protocolRegistry.isValidProtocol)(proto)) {
+    var _protocolRegistry$pro, _protocolRegistry$pro2;
+
+    return (await ((_protocolRegistry$pro = (_protocolRegistry$pro2 = _protocolRegistry.default[proto]).plainTitle) === null || _protocolRegistry$pro === void 0 ? void 0 : _protocolRegistry$pro.call(_protocolRegistry$pro2, _path))) ?? 'N/A';
+  } else {
+    throw new Error("Invalid protocol");
+  }
+}

package/dist/views/detail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/views/detail/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,EAAE,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAExE,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,GAAW;IAC7C,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACtC,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE;QAC1B,OAAO,MAAM,gBAAgB,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;KACnE;SAAM;QACL,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAC;KACrC;AACH,CAAC","sourcesContent":["import protocolRegistry, { isValidProtocol } from '../protocolRegistry';\n\nexport async function getPlainTitle(uri: string): Promise<string> {\n  const [proto, _path] = uri.split(':');\n  if (isValidProtocol(proto)) {\n    return await protocolRegistry[proto].plainTitle?.(_path) ?? 'N/A';\n  } else {\n    throw new Error(\"Invalid protocol\");\n  }\n}\n"]}

package/dist/views/diffing/InlineDiff.d.ts

@@ -0,0 +1,12 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { InternalItemReference, RegisterItem, Payload } from '../../types/item';
+import { ItemDetailView } from '../../types/views';
+declare const InlineDiff: React.FC<{
+    DetailView: ItemDetailView<Payload>;
+    sharedRefComponents: Omit<InternalItemReference, 'itemID'>;
+    item1: RegisterItem<any>["data"];
+    item2: RegisterItem<any>["data"];
+}>;
+export default InlineDiff;

package/dist/views/diffing/InlineDiff.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _server = _interopRequireDefault(require("react-dom/server"));
+
+var _reactVisualDiff = _interopRequireDefault(require("react-visual-diff"));
+
+var _AnnotatedChange = _interopRequireDefault(require("../AnnotatedChange"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const InlineDiff = _react2.default.memo(({
+  DetailView,
+  sharedRefComponents,
+  item1,
+  item2
+}) => {
+  // TODO: Make VisualDiff work. Currently, it doesn’t apparently when item detail views use hooks.
+  // Which is often. Either make item views hook-free
+  // (which means primarily eliminating useRegisterItemData() by inferring and pre-fetching
+  // related item data), or work out another way to diff two React elements.
+  console.debug(item1.description, item2.description);
+  const left = (0, _react.jsx)("div", {
+    dangerouslySetInnerHTML: {
+      __html: _server.default.renderToString((0, _react.jsx)(DetailView, {
+        itemRef: sharedRefComponents,
+        itemData: item1
+      }))
+    }
+  });
+  const right = (0, _react.jsx)("div", {
+    dangerouslySetInnerHTML: {
+      __html: _server.default.renderToString((0, _react.jsx)(DetailView, {
+        itemRef: sharedRefComponents,
+        itemData: item2
+      }))
+    }
+  });
+  return (0, _react.jsx)(_reactVisualDiff.default, {
+    left: left,
+    right: right,
+    renderChange: _AnnotatedChange.default
+  });
+}, (prevProps, nextProps) => JSON.stringify(prevProps.item2) === JSON.stringify(nextProps.item2) && JSON.stringify(prevProps.item1) === JSON.stringify(nextProps.item1));
+
+var _default = InlineDiff;
+exports.default = _default;

package/dist/views/diffing/InlineDiff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineDiff.js","sourceRoot":"","sources":["../../../src/views/diffing/InlineDiff.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAG3C,OAAO,eAAe,MAAM,oBAAoB,CAAC;AAGjD,MAAM,UAAU,GAKX,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,UAAU,EAAE,mBAAmB,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IACpE,iGAAiG;IACjG,mDAAmD;IACnD,yFAAyF;IACzF,0EAA0E;IAE1E,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAEpD,MAAM,IAAI,GAAG,aAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAC,UAAU,IACpF,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,KAAK,GACf,CAAC,EAAE,GAAI,CAAA;IACX,MAAM,KAAK,GAAG,aAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAC,UAAU,IACrF,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,KAAK,GACf,CAAC,EAAE,GAAI,CAAA;IAEX,OAAO,IAAC,UAAU,IAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,eAAe,GAAI,CAAC;AACtC,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,CAC1B,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC;IACnE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CACpE,CAAC;AAGF,eAAe,UAAU,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx } from '@emotion/react';\nimport React from 'react';\nimport ReactDOM from 'react-dom/server';\nimport VisualDiff from 'react-visual-diff';\nimport { InternalItemReference, RegisterItem, Payload } from '../../types/item';\nimport { ItemDetailView } from '../../types/views';\nimport AnnotatedChange from '../AnnotatedChange';\n\n\nconst InlineDiff: React.FC<{\n  DetailView: ItemDetailView<Payload>\n  sharedRefComponents: Omit<InternalItemReference, 'itemID'>\n  item1: RegisterItem<any>[\"data\"]\n  item2: RegisterItem<any>[\"data\"]\n}> = React.memo(({ DetailView, sharedRefComponents, item1, item2 }) => {\n  // TODO: Make VisualDiff work. Currently, it doesn’t apparently when item detail views use hooks.\n  // Which is often. Either make item views hook-free\n  // (which means primarily eliminating useRegisterItemData() by inferring and pre-fetching\n  // related item data), or work out another way to diff two React elements.\n\n  console.debug(item1.description, item2.description);\n  \n  const left = <div dangerouslySetInnerHTML={{ __html: ReactDOM.renderToString(<DetailView\n      itemRef={sharedRefComponents}\n      itemData={item1}\n    />) }} />\n  const right = <div dangerouslySetInnerHTML={{ __html: ReactDOM.renderToString(<DetailView\n      itemRef={sharedRefComponents}\n      itemData={item2}\n    />) }} />\n\n  return <VisualDiff\n    left={left}\n    right={right}\n    renderChange={AnnotatedChange} />;\n}, (prevProps, nextProps) =>\n  JSON.stringify(prevProps.item2) === JSON.stringify(nextProps.item2) &&\n  JSON.stringify(prevProps.item1) === JSON.stringify(nextProps.item1)\n);\n\n\nexport default InlineDiff;\n"]}

package/dist/views/diffing/StructuredDiff.d.ts

@@ -0,0 +1,11 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { RegisterItem } from '../../types/item';
+declare const StructuredDiff: React.FC<{
+    item1: RegisterItem<any>["data"];
+    item2: RegisterItem<any>["data"];
+    showUnchanged?: boolean;
+    className?: string;
+}>;
+export default StructuredDiff;