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

package/views/util.js

@@ -3,47 +3,133 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.maybeEllipsizeString = maybeEllipsizeString;
+exports.formatDate = formatDate;
 Object.defineProperty(exports, "GenericRelatedItemView", {
   enumerable: true,
   get: function () {
     return _GenericRelatedItemView.GenericRelatedItemView;
   }
 });
-exports._getRelatedClass = exports.PropertyDetailView = void 0;
+exports.TabContentsWithActions = exports._getRelatedClass = exports.Datestamp = exports.PropertyDetailView = exports.RegisterHelmet = void 0;
 
-var _core = require("@emotion/core");
+var _format = _interopRequireDefault(require("date-fns/format"));
 
-var _core2 = require("@blueprintjs/core");
+var _react = require("react");
+
+var _reactHelmet = require("react-helmet");
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _context = require("@riboseinc/paneron-extension-kit/context");
 
 var _GenericRelatedItemView = require("./GenericRelatedItemView");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /** @jsx jsx */
 
 /** @jsxFrag React.Fragment */
+//import log from 'electron-log';
+
+/**
+ * Get give string truncated & with ellipsis appended
+ * if its length exceeds given number of characters.
+ */
+function maybeEllipsizeString(str, maxLength = 20) {
+  return str.length > maxLength ? `${str.slice(0, maxLength)}…` : str;
+}
+
+const RegisterHelmet = function (props) {
+  const {
+    title: datasetTitle
+  } = (0, _react.useContext)(_context.DatasetContext);
+  return (0, _react2.jsx)(_reactHelmet.Helmet, {
+    titleTemplate: `%s in ${datasetTitle} register`,
+    defaultTitle: `${datasetTitle} register`
+  }, props.children);
+};
+
+exports.RegisterHelmet = RegisterHelmet;
+
 const PropertyDetailView = function ({
   title,
   inline,
   children,
   secondaryTitle
 }) {
-  return (0, _core.jsx)(_core2.FormGroup, {
+  return (0, _react2.jsx)(_core.FormGroup, {
     label: `${title}:`,
     labelInfo: secondaryTitle,
-    css: (0, _core.css)`&, &.bp3-inline { label.bp3-label { font-weight: bold; line-height: unset } }`,
+    css: (0, _react2.css)`&, &.bp4-inline { label.bp4-label { font-weight: bold; line-height: unset } }`,
     inline: inline
   }, children);
 };
+/** Formats given date as a span with tooltip set to full ISO date & time. */
+
 
 exports.PropertyDetailView = PropertyDetailView;
 
+const Datestamp = function ({
+  date,
+  title,
+  className
+}) {
+  const asString = formatDate(date);
+  return (0, _react2.jsx)("span", {
+    className: className,
+    title: `${title ? `${title}: ` : ''}${(date === null || date === void 0 ? void 0 : date.toString()) ?? 'N/A'}`
+  }, asString);
+};
+/** Foramts given date as plain text. */
+
+
+exports.Datestamp = Datestamp;
+
+function formatDate(date) {
+  try {
+    return (0, _format.default)(date, 'yyyy-MM-dd');
+  } catch (e) {
+    return `Invalid date (${e})`;
+  }
+}
+
 const _getRelatedClass = classes => {
   return clsID => {
     const cfg = classes[clsID];
     return {
       title: cfg.meta.title,
+      // TODO: The itemView/listItemView inconsistency is annoying
       itemView: cfg.views.listItemView
     };
   };
 };
+/**
+ * Suitable for use as tab contents for TabbedWorkspace.
+ * Provides top bar with actions and main content.
+ */
+
+
+exports._getRelatedClass = _getRelatedClass;
+
+const TabContentsWithActions = function ({
+  actions,
+  main,
+  className
+}) {
+  return (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`
+      position: absolute; inset: 0;
+      display: flex; flex-flow: column nowrap;
+    `,
+    className: className
+  }, (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`flex: 0; padding: 10px; display: flex; flex-flow: row wrap; gap: 10px;`
+  }, actions), (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`position: relative; flex: 1; padding: 10px; overflow-y: auto; background: ${_core.Colors.GRAY5};`
+  }, main));
+};
 
-exports._getRelatedClass = _getRelatedClass;
+exports.TabContentsWithActions = TabContentsWithActions;

package/views/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sourceRoot":"","sources":["../../src/views/util.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAKzC,OAAO,EAAE,SAAS,EAAmB,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,CAAC,MAAM,kBAAkB,GAI1B,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE;IACxD,OAAO,IAAC,SAAS,IACb,KAAK,EAAE,GAAG,KAAK,GAAG,EAClB,SAAS,EAAE,cAAc,EACzB,GAAG,EAAE,GAAG,CAAA,+EAA+E,EACvF,MAAM,EAAE,MAAM,IACf,QAAQ,CACC,CAAC;AACf,CAAC,CAAC;AAGF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAoD,EAAE,EAAE;IACvF,OAAO,CAAC,KAAa,EAAiC,EAAE;QACtD,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAC3B,OAAO;YACL,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK;YACrB,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;SACjC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { css, jsx } from '@emotion/core';\n\n//import log from 'electron-log';\nimport React from 'react';\nimport { ItemClassConfiguration, RelatedItemClassConfiguration } from '../types';\nimport { FormGroup, IFormGroupProps } from '@blueprintjs/core';\nexport { GenericRelatedItemView } from './GenericRelatedItemView';\n\n\nexport const PropertyDetailView: React.FC<{\n  title: IFormGroupProps[\"label\"]\n  secondaryTitle?: IFormGroupProps[\"labelInfo\"]\n  inline?: IFormGroupProps[\"inline\"]\n}> = function ({ title, inline, children, secondaryTitle }) {\n  return <FormGroup\n      label={`${title}:`}\n      labelInfo={secondaryTitle}\n      css={css`&, &.bp3-inline { label.bp3-label { font-weight: bold; line-height: unset } }`}\n      inline={inline}>\n    {children}\n  </FormGroup>;\n};\n\n\nexport const _getRelatedClass = (classes: Record<string, ItemClassConfiguration<any>>) => {\n  return (clsID: string): RelatedItemClassConfiguration => {\n    const cfg = classes[clsID];\n    return {\n      title: cfg.meta.title,\n      itemView: cfg.views.listItemView,\n    };\n  };\n};\n"]}
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../src/views/util.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\n//import log from 'electron-log';\nimport format from 'date-fns/format';\nimport React, { useContext } from 'react';\nimport { Helmet, HelmetProps } from 'react-helmet';\nimport { css, jsx } from '@emotion/react';\nimport { FormGroup, FormGroupProps, Colors } from '@blueprintjs/core';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport type { ItemClassConfiguration, RelatedItemClassConfiguration } from '../types';\nexport { GenericRelatedItemView } from './GenericRelatedItemView';\n\n\n/**\n * Get give string truncated & with ellipsis appended\n * if its length exceeds given number of characters.\n */\nexport function maybeEllipsizeString(\n  str: string,\n  maxLength: number = 20,\n): string {\n  return str.length > maxLength\n    ? `${str.slice(0, maxLength)}…`\n    : str;\n}\n\n\nexport const RegisterHelmet: React.FC<HelmetProps> = function (props) {\n  const { title: datasetTitle } = useContext(DatasetContext);\n\n  return (\n    <Helmet\n        titleTemplate={`%s in ${datasetTitle} register`}\n        defaultTitle={`${datasetTitle} register`}>\n      {props.children}\n    </Helmet>\n  );\n};\n\n\nexport const PropertyDetailView: React.FC<{\n  title: FormGroupProps[\"label\"]\n  secondaryTitle?: FormGroupProps[\"labelInfo\"]\n  inline?: FormGroupProps[\"inline\"]\n}> = function ({ title, inline, children, secondaryTitle }) {\n  return <FormGroup\n      label={`${title}:`}\n      labelInfo={secondaryTitle}\n      css={css`&, &.bp4-inline { label.bp4-label { font-weight: bold; line-height: unset } }`}\n      inline={inline}>\n    {children}\n  </FormGroup>;\n};\n\n\n/** Formats given date as a span with tooltip set to full ISO date & time. */\nexport const Datestamp: React.FC<{\n  date: Date\n  title?: string\n  className?: string\n}> = function ({ date, title, className }) {\n  const asString = formatDate(date);\n  return <span\n      className={className}\n      title={`${title ? `${title}: ` : ''}${date?.toString() ?? 'N/A'}`}>\n    {asString}\n  </span>;\n};\n\n\n/** Foramts given date as plain text. */\nexport function formatDate(date: Date): string {\n  try {\n    return format(date, 'yyyy-MM-dd');\n  } catch (e) {\n    return `Invalid date (${e})`;\n  }\n}\n\n\nexport const _getRelatedClass = (classes: Record<string, ItemClassConfiguration<any>>) => {\n  return (clsID: string): RelatedItemClassConfiguration => {\n    const cfg = classes[clsID];\n    return {\n      title: cfg.meta.title,\n      // TODO: The itemView/listItemView inconsistency is annoying\n      itemView: cfg.views.listItemView,\n    };\n  };\n};\n\n\n/**\n * Suitable for use as tab contents for TabbedWorkspace.\n * Provides top bar with actions and main content.\n */\nexport const TabContentsWithActions: React.FC<{\n  actions: JSX.Element;\n  main: JSX.Element;\n  className?: string;\n}> = function ({ actions, main, className }) {\n  return (\n    <div css={css`\n      position: absolute; inset: 0;\n      display: flex; flex-flow: column nowrap;\n    `} className={className}>\n      <div css={css`flex: 0; padding: 10px; display: flex; flex-flow: row wrap; gap: 10px;`}>\n        {actions}\n      </div>\n      <div css={css`position: relative; flex: 1; padding: 10px; overflow-y: auto; background: ${Colors.GRAY5};`}>\n        {main}\n      </div>\n    </div>\n  )\n}\n"]}

package/views/ChangeRequest.d.ts

@@ -1,12 +0,0 @@
-/** @jsx jsx */
-/** @jsxFrag React.Fragment */
-import React from 'react';
-import { IOptionProps } from '@blueprintjs/core';
-import { ChangeRequest, RegisterItemDataHook, RegistryViewProps } from '../types';
-export declare const CHANGE_REQUEST_OPTIONS: Record<string, IOptionProps>;
-export declare const ChangeRequestView: React.FC<Pick<RegistryViewProps, 'itemClassConfiguration'> & {
-    id: string;
-    useRegisterItemData: RegisterItemDataHook;
-    onSave?: (crID: string, newValue: ChangeRequest, oldValue: ChangeRequest) => Promise<void>;
-    onDelete?: (crID: string, oldValue: ChangeRequest) => Promise<void>;
-}>;