@cu-mkp/editioncrafter 1.0.2 → 1.0.4-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/README.md +7 -7
  2. package/dist/editioncrafter.js +65802 -0
  3. package/dist/editioncrafter.umd.cjs +553 -0
  4. package/dist/es/src/action/DiplomaticActions.js +9 -11
  5. package/dist/es/src/action/DocumentActions.js +164 -154
  6. package/dist/es/src/action/GlossaryActions.js +9 -11
  7. package/dist/es/src/action/initialState/diplomaticInitialState.js +2 -2
  8. package/dist/es/src/action/initialState/documentInitialState.js +9 -12
  9. package/dist/es/src/action/initialState/glossaryInitialState.js +3 -3
  10. package/dist/es/src/action/rootReducer.js +31 -29
  11. package/dist/es/src/component/AlphabetLinks.js +44 -66
  12. package/dist/es/src/component/CustomizedTooltops.js +101 -110
  13. package/dist/es/src/component/DiploMatic.js +64 -91
  14. package/dist/es/src/component/DocumentView.js +442 -366
  15. package/dist/es/src/component/EditorComment.js +51 -75
  16. package/dist/es/src/component/ErrorBoundary.js +37 -61
  17. package/dist/es/src/component/FigureImage.js +56 -67
  18. package/dist/es/src/component/GlossaryView.js +157 -149
  19. package/dist/es/src/component/HelpPopper.js +96 -78
  20. package/dist/es/src/component/ImageGridView.js +184 -249
  21. package/dist/es/src/component/ImageView.js +155 -165
  22. package/dist/es/src/component/ImageZoomControl.js +19 -38
  23. package/dist/es/src/component/JumpToFolio.js +56 -60
  24. package/dist/es/src/component/Navigation.js +374 -328
  25. package/dist/es/src/component/Pagination.js +73 -70
  26. package/dist/es/src/component/Parser.js +11 -32
  27. package/dist/es/src/component/RingSpinner.js +31 -32
  28. package/dist/es/src/component/RouteListener.js +30 -21
  29. package/dist/es/src/component/SeaDragonComponent.js +33 -56
  30. package/dist/es/src/component/SinglePaneView.js +15 -33
  31. package/dist/es/src/component/SplitPaneView.js +151 -170
  32. package/dist/es/src/component/TranscriptionView.js +190 -179
  33. package/dist/es/src/component/Watermark.js +21 -30
  34. package/dist/es/src/component/XMLView.js +60 -82
  35. package/dist/es/src/hooks/useIsWidthUp.js +9 -7
  36. package/dist/es/src/icons/ByIcon.js +16 -16
  37. package/dist/es/src/icons/CcIcon.js +16 -16
  38. package/dist/es/src/icons/NcIcon.js +16 -16
  39. package/dist/es/src/icons/SaIcon.js +16 -16
  40. package/dist/es/src/icons/SideMenuIconLeft.js +30 -38
  41. package/dist/es/src/icons/SideMenuIconRight.js +32 -38
  42. package/dist/es/src/index.js +21 -20
  43. package/dist/es/src/lib/copyObject.js +3 -2
  44. package/dist/es/src/lib/registerServiceWorker.js +77 -54
  45. package/dist/es/src/model/DocumentHelper.js +7 -6
  46. package/dist/es/src/model/Folio.js +64 -86
  47. package/dist/es/src/model/ReduxStore.js +32 -78
  48. package/dist/es/src/model/folioLayout.js +275 -280
  49. package/dist/es/src/saga/RouteListenerSaga.js +89 -193
  50. package/dist/es/src/saga/rootSaga.js +9 -16
  51. package/dist/es/src/scss/_imageView.scss +1 -1
  52. package/dist/es/src/scss/_navigation.scss +1 -1
  53. package/dist/es/src/scss/editioncrafter.scss +1 -1
  54. package/dist/style.css +1 -0
  55. package/package.json +36 -51
  56. package/dist/editioncrafter.min.js +0 -2
  57. package/dist/editioncrafter.min.js.LICENSE.txt +0 -144
@@ -1,75 +1,78 @@
1
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
2
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
3
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
4
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
5
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
6
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
7
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
8
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
9
- function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
10
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
11
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
12
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
13
- import React from 'react';
14
- import { connect } from 'react-redux';
15
- import { FaArrowCircleLeft, FaArrowCircleRight } from 'react-icons/fa';
16
- var Pagination = /*#__PURE__*/function (_React$Component) {
17
- _inherits(Pagination, _React$Component);
18
- var _super = _createSuper(Pagination);
19
- function Pagination(props, context) {
20
- var _this;
21
- _classCallCheck(this, Pagination);
22
- _this = _super.call(this, props, context);
23
- _this.changeCurrentFolio = function (event) {
24
- var _this$props = _this.props,
25
- side = _this$props.side,
26
- documentView = _this$props.documentView,
27
- documentViewActions = _this$props.documentViewActions;
28
- var dataset = event.currentTarget.dataset;
29
- if (typeof dataset.id === 'undefined' || dataset.id.length === 0) {
30
- return;
31
- }
32
- var folioID = dataset.id;
33
- documentViewActions.changeCurrentFolio(folioID, side, documentView[side].transcriptionType);
34
- };
35
- _this.changeCurrentFolio = _this.changeCurrentFolio.bind(_assertThisInitialized(_this));
36
- return _this;
1
+ import React from 'react'
2
+ import {
3
+ FaArrowCircleLeft,
4
+ FaArrowCircleRight,
5
+ } from 'react-icons/fa'
6
+ import { connect } from 'react-redux'
7
+
8
+ class Pagination extends React.Component {
9
+ constructor(props, context) {
10
+ super(props, context)
11
+ this.changeCurrentFolio = this.changeCurrentFolio.bind(this)
37
12
  }
38
- _createClass(Pagination, [{
39
- key: "render",
40
- value: function render() {
41
- var _this$props2 = this.props,
42
- side = _this$props2.side,
43
- document = _this$props2.document,
44
- documentView = _this$props2.documentView,
45
- _this$props2$bottom = _this$props2.bottom,
46
- bottom = _this$props2$bottom === void 0 ? false : _this$props2$bottom;
47
- if (documentView[side].iiifShortID === '-1') return null;
48
- var folioName = document.folioIndex[documentView[side].iiifShortID].name;
49
- return /*#__PURE__*/React.createElement("div", {
50
- className: bottom ? "paginationComponent bottom" : "paginationComponent"
51
- }, /*#__PURE__*/React.createElement("div", {
52
- className: "paginationControl"
53
- }, /*#__PURE__*/React.createElement("span", {
54
- title: "Go back",
55
- onClick: this.changeCurrentFolio,
56
- "data-id": documentView[side].previousFolioShortID,
57
- className: documentView[side].hasPrevious ? 'arrow' : 'arrow disabled'
58
- }, /*#__PURE__*/React.createElement(FaArrowCircleLeft, null)), /*#__PURE__*/React.createElement("span", {
59
- className: "folioName"
60
- }, folioName), /*#__PURE__*/React.createElement("span", {
61
- title: "Go forward",
62
- onClick: this.changeCurrentFolio,
63
- "data-id": documentView[side].nextFolioShortID,
64
- className: documentView[side].hasNext ? 'arrow' : 'arrow disabled'
65
- }, ' ', /*#__PURE__*/React.createElement(FaArrowCircleRight, null))));
13
+
14
+ changeCurrentFolio = (event) => {
15
+ const {
16
+ side,
17
+ documentView,
18
+ documentViewActions,
19
+ } = this.props
20
+ const { dataset } = event.currentTarget
21
+
22
+ if (typeof dataset.id === 'undefined' || dataset.id.length === 0) {
23
+ return
66
24
  }
67
- }]);
68
- return Pagination;
69
- }(React.Component);
25
+
26
+ const folioID = dataset.id
27
+
28
+ documentViewActions.changeCurrentFolio(
29
+ folioID,
30
+ side,
31
+ documentView[side].transcriptionType,
32
+ )
33
+ }
34
+
35
+ render() {
36
+ const { side, document, documentView, bottom = false } = this.props
37
+ if (documentView[side].iiifShortID === '-1')
38
+ return null
39
+ const folioName = document.folioIndex[documentView[side].iiifShortID].name
40
+ return (
41
+ <div className={bottom ? 'paginationComponent bottom' : 'paginationComponent'}>
42
+ <div className="paginationControl">
43
+
44
+ <span
45
+ title="Go back"
46
+ onClick={this.changeCurrentFolio}
47
+ data-id={documentView[side].previousFolioShortID}
48
+ className={(documentView[side].hasPrevious) ? 'arrow' : 'arrow disabled'}
49
+ >
50
+ <FaArrowCircleLeft />
51
+ </span>
52
+
53
+ <span className="folioName">
54
+ {folioName}
55
+ </span>
56
+
57
+ <span
58
+ title="Go forward"
59
+ onClick={this.changeCurrentFolio}
60
+ data-id={documentView[side].nextFolioShortID}
61
+ className={(documentView[side].hasNext) ? 'arrow' : 'arrow disabled'}
62
+ >
63
+ {' '}
64
+ <FaArrowCircleRight />
65
+ </span>
66
+ </div>
67
+ </div>
68
+ )
69
+ }
70
+ }
71
+
70
72
  function mapStateToProps(state) {
71
73
  return {
72
- document: state.document
73
- };
74
+ document: state.document,
75
+ }
74
76
  }
75
- export default connect(mapStateToProps)(Pagination);
77
+
78
+ export default connect(mapStateToProps)(Pagination)
@@ -1,17 +1,5 @@
1
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
2
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
3
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
4
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
5
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
6
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
7
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
8
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
9
- function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
10
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
11
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
12
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
13
- import React from 'react';
14
- import HtmlReactParser from 'html-react-parser';
1
+ import HtmlReactParser from 'html-react-parser'
2
+ import React from 'react'
15
3
 
16
4
  // This component addresses a conflict between React and
17
5
  // documents whose elements contain `ref` attributes.
@@ -21,22 +9,13 @@ import HtmlReactParser from 'html-react-parser';
21
9
 
22
10
  // The short-term fix is to wrap this simple class component
23
11
  // around the parser.
24
- var Parser = /*#__PURE__*/function (_React$Component) {
25
- _inherits(Parser, _React$Component);
26
- var _super = _createSuper(Parser);
27
- function Parser() {
28
- _classCallCheck(this, Parser);
29
- return _super.apply(this, arguments);
12
+
13
+ class Parser extends React.Component {
14
+ render() {
15
+ const { html, htmlToReactParserOptionsSide } = this.props
16
+
17
+ return HtmlReactParser(html, htmlToReactParserOptionsSide)
30
18
  }
31
- _createClass(Parser, [{
32
- key: "render",
33
- value: function render() {
34
- var _this$props = this.props,
35
- html = _this$props.html,
36
- htmlToReactParserOptionsSide = _this$props.htmlToReactParserOptionsSide;
37
- return HtmlReactParser(html, htmlToReactParserOptionsSide);
38
- }
39
- }]);
40
- return Parser;
41
- }(React.Component);
42
- export default Parser;
19
+ }
20
+
21
+ export default Parser
@@ -1,40 +1,39 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
4
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
5
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
6
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
- import React, { useEffect, useState } from 'react';
1
+ import React, { useEffect, useState } from 'react'
8
2
 
9
3
  // create an inline spinner (uses Pure CSS Loaders: https://loading.io/css/)
10
4
  export function InlineRingSpinner(foregroundColor) {
11
5
  // color can be 'light' or 'dark'
12
- return /*#__PURE__*/React.createElement("div", {
13
- className: "inline-ring-spinner"
14
- }, /*#__PURE__*/React.createElement("div", {
15
- className: foregroundColor
16
- }), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null));
6
+ return (
7
+ <div className="inline-ring-spinner">
8
+ <div className={foregroundColor} />
9
+ <div />
10
+ <div />
11
+ <div />
12
+ </div>
13
+ )
17
14
  }
15
+
18
16
  export function BigRingSpinner(props) {
19
- var _props$delay = props.delay,
20
- delay = _props$delay === void 0 ? 0 : _props$delay,
21
- _props$color = props.color,
22
- color = _props$color === void 0 ? 'dark' : _props$color;
23
- var _useState = useState(delay === 0),
24
- _useState2 = _slicedToArray(_useState, 2),
25
- show = _useState2[0],
26
- setShow = _useState2[1];
27
- useEffect(function () {
17
+ const { delay = 0, color = 'dark' } = props
18
+ const [show, setShow] = useState(delay === 0)
19
+
20
+ useEffect(() => {
28
21
  if (delay > 0) {
29
- var timer = setTimeout(function () {
30
- setShow(true);
31
- }, delay);
32
- return function () {
33
- return clearTimeout(timer);
34
- };
22
+ const timer = setTimeout(() => {
23
+ setShow(true)
24
+ }, delay)
25
+ return () => clearTimeout(timer)
35
26
  }
36
- }, []);
37
- return show ? /*#__PURE__*/React.createElement("div", {
38
- className: "big-ring-spinner ".concat(color)
39
- }, /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null)) : /*#__PURE__*/React.createElement("div", null);
40
- }
27
+ }, [])
28
+
29
+ return show
30
+ ? (
31
+ <div className={`big-ring-spinner ${color}`}>
32
+ <div />
33
+ <div />
34
+ <div />
35
+ <div />
36
+ </div>
37
+ )
38
+ : <div />
39
+ }
@@ -1,26 +1,35 @@
1
1
  /* eslint-disable react-hooks/exhaustive-deps */
2
- import { useEffect, useRef } from 'react';
3
- import { connect } from 'react-redux';
4
- import { useLocation } from 'react-router';
5
- import { dispatchAction } from '../model/ReduxStore';
6
- var RouteListener = function RouteListener(props) {
7
- var listening = useRef(false);
8
- var location = useLocation();
9
- var userNavigated = function userNavigated() {
10
- dispatchAction(props, 'RouteListenerSaga.userNavigatation', location);
11
- };
12
- useEffect(function () {
2
+ import { useEffect, useRef } from 'react'
3
+ import { connect } from 'react-redux'
4
+ import { useLocation } from 'react-router'
5
+ import { dispatchAction } from '../model/ReduxStore'
6
+
7
+ function RouteListener(props) {
8
+ const listening = useRef(false)
9
+
10
+ const location = useLocation()
11
+
12
+ const userNavigated = () => {
13
+ dispatchAction(props, 'RouteListenerSaga.userNavigatation', location)
14
+ }
15
+
16
+ useEffect(() => {
13
17
  if (!listening.current) {
14
- userNavigated();
15
- listening.current = true;
18
+ userNavigated()
19
+ listening.current = true
16
20
  }
17
- }, []);
18
- useEffect(function () {
19
- userNavigated();
20
- }, [location]);
21
- return null;
22
- };
21
+ }, [])
22
+
23
+ useEffect(() => {
24
+ userNavigated()
25
+ }, [location])
26
+
27
+ return null
28
+ }
29
+
23
30
  function mapStateToProps(state) {
24
- return {};
31
+ return {
32
+ }
25
33
  }
26
- export default connect(mapStateToProps)(RouteListener);
34
+
35
+ export default connect(mapStateToProps)(RouteListener)
@@ -1,56 +1,33 @@
1
- function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(typeof e + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
2
- function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
3
- function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
4
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
5
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
6
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
7
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
8
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
9
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
10
- import React, { useEffect, useMemo, useRef, useState } from 'react';
11
- import { BigRingSpinner } from './RingSpinner';
12
- var SeaDragonComponent = function SeaDragonComponent(props) {
13
- var side = props.side,
14
- initViewer = props.initViewer,
15
- tileSource = props.tileSource;
16
- var _useState = useState(true),
17
- _useState2 = _slicedToArray(_useState, 2),
18
- loading = _useState2[0],
19
- setLoading = _useState2[1];
20
- var viewerRef = useRef(null);
21
- useEffect(function () {
22
- var _ref;
23
- var loader = function loader() {
24
- return (_ref = _ref || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
25
- return _regeneratorRuntime().wrap(function _callee$(_context) {
26
- while (1) switch (_context.prev = _context.next) {
27
- case 0:
28
- if (!viewerRef.current) {
29
- _context.next = 3;
30
- break;
31
- }
32
- _context.next = 3;
33
- return initViewer(viewerRef.current, tileSource).then(function () {
34
- return setLoading(false);
35
- });
36
- case 3:
37
- case "end":
38
- return _context.stop();
39
- }
40
- }, _callee);
41
- }))).apply(this, arguments);
42
- };
43
- loader();
44
- }, []);
45
- var viewer = useMemo(function () {
46
- return /*#__PURE__*/React.createElement("div", {
47
- id: "image-view-seadragon-".concat(side),
48
- ref: viewerRef
49
- }, loading && /*#__PURE__*/React.createElement(BigRingSpinner, {
50
- color: "light",
51
- delay: 1000
52
- }));
53
- }, [loading]);
54
- return viewer;
55
- };
56
- export default SeaDragonComponent;
1
+ import React, {
2
+ useEffect,
3
+ useMemo,
4
+ useRef,
5
+ useState,
6
+ } from 'react'
7
+ import { BigRingSpinner } from './RingSpinner'
8
+
9
+ function SeaDragonComponent(props) {
10
+ const { side, initViewer, tileSource } = props
11
+ const [loading, setLoading] = useState(true)
12
+ const viewerRef = useRef(null)
13
+
14
+ useEffect(() => {
15
+ const loader = async () => {
16
+ if (viewerRef.current) {
17
+ await initViewer(viewerRef.current, tileSource).then(() => setLoading(false))
18
+ }
19
+ }
20
+
21
+ loader()
22
+ }, [])
23
+
24
+ const viewer = useMemo(() => (
25
+ <div id={`image-view-seadragon-${side}`} ref={viewerRef}>
26
+ { loading && <BigRingSpinner color="light" delay={1000} />}
27
+ </div>
28
+ ), [loading])
29
+
30
+ return viewer
31
+ }
32
+
33
+ export default SeaDragonComponent
@@ -1,37 +1,19 @@
1
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
2
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
3
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
4
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
5
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
6
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
7
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
8
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
9
- function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
10
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
11
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
12
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
13
- import React, { Component } from 'react';
14
- import { connect } from 'react-redux';
15
- var SinglePaneView = /*#__PURE__*/function (_Component) {
16
- _inherits(SinglePaneView, _Component);
17
- var _super = _createSuper(SinglePaneView);
18
- function SinglePaneView() {
19
- _classCallCheck(this, SinglePaneView);
20
- return _super.apply(this, arguments);
1
+ import React, { Component } from 'react'
2
+ import { connect } from 'react-redux'
3
+
4
+ class SinglePaneView extends Component {
5
+ render() {
6
+ return (
7
+ <div className="single-pane-view">
8
+ {this.props.singlePane}
9
+ </div>
10
+ )
21
11
  }
22
- _createClass(SinglePaneView, [{
23
- key: "render",
24
- value: function render() {
25
- return /*#__PURE__*/React.createElement("div", {
26
- className: "single-pane-view"
27
- }, this.props.singlePane);
28
- }
29
- }]);
30
- return SinglePaneView;
31
- }(Component);
12
+ }
13
+
32
14
  function mapStateToProps(state) {
33
15
  return {
34
- document: state.document
35
- };
16
+ document: state.document,
17
+ }
36
18
  }
37
- export default connect(mapStateToProps)(SinglePaneView);
19
+ export default connect(mapStateToProps)(SinglePaneView)