@cu-mkp/editioncrafter 0.0.4

package/dist/es/src/component/ImageZoomControl.js

@@ -0,0 +1,60 @@
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+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); }
+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); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
+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); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import React from 'react';
+var ImageZoomControl = /*#__PURE__*/function (_React$Component) {
+  _inherits(ImageZoomControl, _React$Component);
+  var _super = _createSuper(ImageZoomControl);
+  function ImageZoomControl() {
+    _classCallCheck(this, ImageZoomControl);
+    return _super.apply(this, arguments);
+  }
+  _createClass(ImageZoomControl, [{
+    key: "render",
+    value: function render() {
+      var in_id = "os-zoom-in ".concat(this.props.side);
+      var out_id = "os-zoom-out ".concat(this.props.side);
+      var onZoomGrid = this.props.documentView.bookMode ? null : this.props.onZoomGrid;
+      return /*#__PURE__*/React.createElement("ul", {
+        className: "ImageZoomControl"
+      }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("i", {
+        title: "Zoom In",
+        id: in_id,
+        className: "zoom-in fas fa-plus-circle fa-2x"
+      })), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("i", {
+        title: "Fixed Zoom 1",
+        onClick: this.props.onZoomFixed_1,
+        className: "zoom-3 fas fa-circle fa-2x"
+      })), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("i", {
+        title: "Fixed Zoom 2",
+        onClick: this.props.onZoomFixed_2,
+        className: "zoom-2 fas fa-circle fa-lg"
+      })), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("i", {
+        title: "Fixed Zoom 3",
+        onClick: this.props.onZoomFixed_3,
+        className: "zoom-1 fas fa-circle"
+      })), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("i", {
+        title: "Zoom Out",
+        id: out_id,
+        className: "zoom-out fas fa-minus-circle fa-2x"
+      })), /*#__PURE__*/React.createElement("li", {
+        className: this.props.documentView.bookMode ? 'disabled' : ''
+      }, /*#__PURE__*/React.createElement("i", {
+        title: "Return to grid mode (not available in book mode)",
+        onClick: onZoomGrid,
+        className: "zoom-grid fas fa-th fa-2x"
+      })));
+    }
+  }]);
+  return ImageZoomControl;
+}(React.Component);
+export { ImageZoomControl as default };

package/dist/es/src/component/JumpToFolio.js

@@ -0,0 +1,95 @@
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+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); }
+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); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
+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); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import React from 'react';
+var JumpToFolio = /*#__PURE__*/function (_React$Component) {
+  _inherits(JumpToFolio, _React$Component);
+  var _super = _createSuper(JumpToFolio);
+  function JumpToFolio(props) {
+    var _this;
+    _classCallCheck(this, JumpToFolio);
+    _this = _super.call(this, props);
+    _this.handleSubmit = _this.handleSubmit.bind(_assertThisInitialized(_this));
+    _this.state = {
+      textInput: ''
+    };
+    return _this;
+  }
+  _createClass(JumpToFolio, [{
+    key: "handleSubmit",
+    value: function handleSubmit(event) {
+      // Consume the event
+      event.preventDefault();
+
+      // Parse out the target
+      var data = new FormData(event.target);
+      var folioID = data.get('folioID');
+
+      // Submit the request
+      this.props.submitHandler(folioID, this.props.side);
+
+      // Hide and clear
+      this.props.blurHandler();
+      this.setState({
+        textInput: ''
+      });
+    }
+  }, {
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {
+      // FIXME: this is an over-clever hack, but how else do you force focus?
+      if (nextProps.isVisible) {
+        var script = document.createElement('script');
+        var id = "".concat(this.props.side, "_jumpInput");
+        script.innerHTML = "setTimeout(function() { document.getElementById('".concat(id, "').focus(); }, 250);");
+        document.body.appendChild(script);
+      }
+    }
+
+    // Onchange field
+  }, {
+    key: "handleChange",
+    value: function handleChange(event) {
+      this.setState({
+        textInput: event.target.value
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var divStyle = {
+        position: 'fixed',
+        zIndex: 1,
+        top: this.props.positionY,
+        left: this.props.positionX,
+        display: this.props.isVisible ? 'inline' : 'none'
+      };
+      var id = "".concat(this.props.side, "_jumpInput");
+      return /*#__PURE__*/React.createElement("div", {
+        className: "jumpToFolio_component",
+        style: divStyle
+      }, /*#__PURE__*/React.createElement("form", {
+        onSubmit: this.handleSubmit
+      }, /*#__PURE__*/React.createElement("input", {
+        placeholder: "Page Name (e.g. '3r')",
+        value: this.state.textInput,
+        id: id,
+        name: "folioID",
+        type: "text",
+        onChange: this.handleChange.bind(this),
+        onBlur: this.props.blurHandler
+      })));
+    }
+  }]);
+  return JumpToFolio;
+}(React.Component);
+export default JumpToFolio;

package/dist/es/src/component/Navigation.js

@@ -0,0 +1,256 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+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); }
+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); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
+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); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import React from 'react';
+import { connect } from 'react-redux';
+import { FaArrowCircleLeft, FaArrowCircleRight } from 'react-icons/fa';
+import Select from '@material-ui/core/Select';
+import MenuItem from '@material-ui/core/MenuItem';
+import withWidth, { isWidthUp } from '@material-ui/core/withWidth';
+import JumpToFolio from './JumpToFolio';
+import DocumentHelper from '../model/DocumentHelper';
+import HelpPopper from './HelpPopper';
+import AlphabetLinks from './AlphabetLinks';
+var Navigation = /*#__PURE__*/function (_React$Component) {
+  _inherits(Navigation, _React$Component);
+  var _super = _createSuper(Navigation);
+  function Navigation(props, context) {
+    var _this;
+    _classCallCheck(this, Navigation);
+    _this = _super.call(this, props, context);
+    _this.onJumpBoxBlur = function onJumpBoxBlur(event) {
+      this.setState({
+        popoverVisible: false
+      });
+    };
+    _this.changeType = function (event) {
+      if (event.target.value === undefined) return;
+      _this.props.documentViewActions.changeTranscriptionType(_this.props.side, event.target.value);
+    };
+    _this.toggleHelp = function (event) {
+      _this.setState({
+        openHelp: !_this.state.openHelp
+      });
+    };
+    _this.toggleBookmode = function toggleBookmode(event) {
+      if (!this.props.documentView.bookMode === true) {
+        this.props.documentViewActions.changeCurrentFolio(this.props.documentView.left.iiifShortID, 'left', this.props.documentView.left.transcriptionType);
+        this.props.documentViewActions.changeCurrentFolio(this.props.documentView.left.nextFolioShortID, 'right', this.props.documentView.left.transcriptionType);
+      }
+      this.props.documentViewActions.setBookMode(this.props.documentView.left.iiifShortID, !this.props.documentView.bookMode);
+    };
+    _this.toggleXMLMode = function toggleXMLMode(event) {
+      this.props.documentViewActions.setXMLMode(this.props.side, !this.props.documentView[this.props.side].isXMLMode);
+    };
+    _this.toggleLockmode = function toggleLockmode(event) {
+      if (this.props.documentView.bookMode) {
+        this.toggleBookmode();
+        return;
+      }
+
+      // If we are transitioning from unlocked to locked, synch up the panes
+      if (this.props.documentView.linkedMode === false) {
+        if (this.props.side === 'left') {
+          this.props.documentViewActions.changeCurrentFolio(this.props.documentView.left.iiifShortID, 'right', this.props.documentView.right.transcriptionType);
+        } else {
+          this.props.documentViewActions.changeCurrentFolio(this.props.documentView.right.iiifShortID, 'left', this.props.documentView.left.transcriptionType);
+        }
+      }
+
+      // Set lock
+      this.props.documentViewActions.setLinkedMode(!this.props.documentView.linkedMode);
+    };
+    _this.changeCurrentFolio = function (event) {
+      var _this$props = _this.props,
+        documentViewActions = _this$props.documentViewActions,
+        documentView = _this$props.documentView,
+        side = _this$props.side;
+      if (typeof event.currentTarget.dataset.id === 'undefined' || event.currentTarget.dataset.id.length === 0) {
+        return;
+      }
+      var folioID = event.currentTarget.dataset.id;
+      documentViewActions.changeCurrentFolio(folioID, side, documentView[side].transcriptionType);
+    };
+    _this.revealJumpBox = function revealJumpBox(event) {
+      this.setState({
+        popoverVisible: true,
+        popoverX: event.clientX,
+        popoverY: event.clientY
+      });
+    };
+    _this.changeType = _this.changeType.bind(_assertThisInitialized(_this));
+    _this.revealJumpBox = _this.revealJumpBox.bind(_assertThisInitialized(_this));
+    _this.onJumpBoxBlur = _this.onJumpBoxBlur.bind(_assertThisInitialized(_this));
+    _this.toggleLockmode = _this.toggleLockmode.bind(_assertThisInitialized(_this));
+    _this.toggleBookmode = _this.toggleBookmode.bind(_assertThisInitialized(_this));
+    _this.toggleXMLMode = _this.toggleXMLMode.bind(_assertThisInitialized(_this));
+    _this.changeCurrentFolio = _this.changeCurrentFolio.bind(_assertThisInitialized(_this));
+    _this.helpRef = null;
+    _this.state = {
+      popoverVisible: false,
+      popoverX: -1,
+      popoverY: -1,
+      openHelp: false
+    };
+    return _this;
+  }
+  _createClass(Navigation, [{
+    key: "render",
+    value: function render() {
+      var _document$folioIndex$,
+        _this2 = this;
+      var _this$props2 = this.props,
+        side = _this$props2.side,
+        document = _this$props2.document,
+        documentView = _this$props2.documentView,
+        documentViewActions = _this$props2.documentViewActions,
+        onFilterChange = _this$props2.onFilterChange;
+      if (!documentView) {
+        return /*#__PURE__*/React.createElement("div", null, "Unknown Transcription Type");
+      }
+      var recommendedWidth = documentView[side].width - 8; // the divder is 16 px wide so each side is minus 8
+      var widthStyle = {
+        width: recommendedWidth,
+        maxWidth: recommendedWidth
+      };
+      var selectContainerStyle = isWidthUp('md', this.props.width) ? documentView[side].width < 500 ? {
+        display: 'none'
+      } : {
+        display: 'flex'
+      } : {};
+      var selectColorStyle = documentView[side].transcriptionType === 'f' ? {
+        color: 'white'
+      } : {
+        color: 'black'
+      };
+      var selectClass = documentView[side].transcriptionType === 'f' ? 'dark' : 'light';
+      var showButtonsStyle = documentView[side].transcriptionType === 'glossary' ? {
+        visibility: 'hidden'
+      } : {
+        visibility: 'visible'
+      };
+      var lockIconClass = documentView.linkedMode ? 'fa fa-lock' : 'fa fa-lock-open';
+      if (!documentView.bookMode) {
+        lockIconClass += ' active';
+      }
+      var imageViewActive = documentView[side].transcriptionType === 'f';
+      var bookIconClass = documentView.bookMode ? 'fa fa-book active' : 'fa fa-book';
+      var xmlIconClass = documentView[side].isXMLMode ? 'fa fa-code active' : 'fa fa-code';
+      var folioName = (_document$folioIndex$ = document.folioIndex[documentView[side].iiifShortID]) === null || _document$folioIndex$ === void 0 ? void 0 : _document$folioIndex$.name;
+      var jumpToIconStyle = imageViewActive ? {
+        color: 'white'
+      } : {
+        color: 'black'
+      };
+      // this is messy but faster for the moment then figuring out why the sides dont behave the same
+      var helpMarginStyle = side === 'left' ? {
+        marginRight: '55px'
+      } : {
+        marginRight: '15px'
+      };
+      return /*#__PURE__*/React.createElement("div", {
+        className: "navigationComponent",
+        style: widthStyle
+      }, /*#__PURE__*/React.createElement("div", {
+        id: "navigation-row",
+        className: "navigationRow"
+      }, documentView[side].transcriptionType !== 'glossary' ? /*#__PURE__*/React.createElement("div", {
+        id: "tool-bar-buttons",
+        className: "breadcrumbs",
+        style: showButtonsStyle
+      }, /*#__PURE__*/React.createElement("span", {
+        title: "Toggle coordination of views",
+        onClick: this.toggleLockmode,
+        className: lockIconClass
+      }), "\xA0", /*#__PURE__*/React.createElement("span", {
+        title: "Toggle book mode",
+        onClick: this.toggleBookmode,
+        className: bookIconClass
+      }), "\xA0", /*#__PURE__*/React.createElement("span", {
+        title: "Toggle XML mode",
+        onClick: this.toggleXMLMode,
+        className: imageViewActive ? 'invisible' : xmlIconClass
+      }), "\xA0", "\xA0", /*#__PURE__*/React.createElement("span", {
+        title: "Go back",
+        onClick: this.changeCurrentFolio,
+        "data-id": documentView[side].previousFolioShortID,
+        className: documentView[side].hasPrevious ? 'arrow' : 'arrow disabled'
+      }, ' ', /*#__PURE__*/React.createElement(FaArrowCircleLeft, null), ' '), /*#__PURE__*/React.createElement("span", {
+        title: "Go forward",
+        onClick: this.changeCurrentFolio,
+        "data-id": documentView[side].nextFolioShortID,
+        className: documentView[side].hasNext ? 'arrow' : 'arrow disabled'
+      }, ' ', /*#__PURE__*/React.createElement(FaArrowCircleRight, null)), "\xA0\xA0", document.documentName, ' / ', /*#__PURE__*/React.createElement("div", {
+        onClick: this.revealJumpBox,
+        className: "folioName"
+      }, ' ', folioName, ' ', /*#__PURE__*/React.createElement("span", {
+        style: jumpToIconStyle,
+        className: "fa fa-hand-point-right"
+      })), /*#__PURE__*/React.createElement(JumpToFolio, {
+        side: side,
+        isVisible: this.state.popoverVisible,
+        positionX: this.state.popoverX,
+        positionY: this.state.popoverY,
+        submitHandler: documentViewActions.jumpToFolio,
+        blurHandler: this.onJumpBoxBlur
+      })) : /*#__PURE__*/React.createElement(AlphabetLinks, {
+        onFilterChange: onFilterChange,
+        value: this.props.value
+      }), /*#__PURE__*/React.createElement("div", {
+        id: "doc-type-help",
+        style: selectContainerStyle,
+        ref: function ref(e) {
+          _this2.helpRef = e;
+        }
+      }, /*#__PURE__*/React.createElement(Select, {
+        className: selectClass,
+        style: _objectSpread(_objectSpread({}, selectColorStyle), {}, {
+          marginRight: 15
+        }),
+        value: documentView[side].transcriptionType,
+        id: "doc-type",
+        onClick: this.changeType
+      }, /*#__PURE__*/React.createElement(MenuItem, {
+        value: "tl"
+      }, DocumentHelper.transcriptionTypeLabels.tl), /*#__PURE__*/React.createElement(MenuItem, {
+        value: "tc"
+      }, DocumentHelper.transcriptionTypeLabels.tc), /*#__PURE__*/React.createElement(MenuItem, {
+        value: "tcn"
+      }, DocumentHelper.transcriptionTypeLabels.tcn), /*#__PURE__*/React.createElement(MenuItem, {
+        value: "f"
+      }, DocumentHelper.transcriptionTypeLabels.f), /*#__PURE__*/React.createElement(MenuItem, {
+        value: "glossary"
+      }, DocumentHelper.transcriptionTypeLabels.glossary)), /*#__PURE__*/React.createElement("span", {
+        title: "Toggle folio help",
+        onClick: this.toggleHelp,
+        className: "helpIcon"
+      }, /*#__PURE__*/React.createElement("i", {
+        className: "fas fa-question-circle"
+      })), /*#__PURE__*/React.createElement(HelpPopper, {
+        marginStyle: helpMarginStyle,
+        anchorEl: this.helpRef,
+        open: this.state.openHelp,
+        onClose: this.toggleHelp
+      }))));
+    }
+  }]);
+  return Navigation;
+}(React.Component);
+function mapStateToProps(state) {
+  return {
+    document: state.document
+  };
+}
+export default withWidth()(connect(mapStateToProps)(Navigation));

package/dist/es/src/component/Pagination.js

@@ -0,0 +1,73 @@
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+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); }
+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); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
+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); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import React from 'react';
+import { connect } from 'react-redux';
+import { FaArrowCircleLeft, FaArrowCircleRight } from 'react-icons/fa';
+var Pagination = /*#__PURE__*/function (_React$Component) {
+  _inherits(Pagination, _React$Component);
+  var _super = _createSuper(Pagination);
+  function Pagination(props, context) {
+    var _this;
+    _classCallCheck(this, Pagination);
+    _this = _super.call(this, props, context);
+    _this.changeCurrentFolio = function (event) {
+      var _this$props = _this.props,
+        side = _this$props.side,
+        documentView = _this$props.documentView,
+        documentViewActions = _this$props.documentViewActions;
+      var dataset = event.currentTarget.dataset;
+      if (typeof dataset.id === 'undefined' || dataset.id.length === 0) {
+        return;
+      }
+      var folioID = dataset.id;
+      documentViewActions.changeCurrentFolio(folioID, side, documentView[side].transcriptionType);
+    };
+    _this.changeCurrentFolio = _this.changeCurrentFolio.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(Pagination, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        side = _this$props2.side,
+        document = _this$props2.document,
+        documentView = _this$props2.documentView;
+      if (documentView[side].iiifShortID === '-1') return null;
+      var folioName = document.folioIndex[documentView[side].iiifShortID].name;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "paginationComponent"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "paginationControl"
+      }, /*#__PURE__*/React.createElement("span", {
+        title: "Go back",
+        onClick: this.changeCurrentFolio,
+        "data-id": documentView[side].previousFolioShortID,
+        className: documentView[side].hasPrevious ? 'arrow' : 'arrow disabled'
+      }, /*#__PURE__*/React.createElement(FaArrowCircleLeft, null)), /*#__PURE__*/React.createElement("span", {
+        className: "folioName"
+      }, folioName), /*#__PURE__*/React.createElement("span", {
+        title: "Go forward",
+        onClick: this.changeCurrentFolio,
+        "data-id": documentView[side].nextFolioShortID,
+        className: documentView[side].hasNext ? 'arrow' : 'arrow disabled'
+      }, ' ', /*#__PURE__*/React.createElement(FaArrowCircleRight, null))));
+    }
+  }]);
+  return Pagination;
+}(React.Component);
+function mapStateToProps(state) {
+  return {
+    document: state.document
+  };
+}
+export default connect(mapStateToProps)(Pagination);

package/dist/es/src/component/RouteListener.js

@@ -0,0 +1,58 @@
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+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); }
+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); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
+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); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import React from 'react';
+import { connect } from 'react-redux';
+import withRouter from '../hocs/withRouter';
+import { dispatchAction } from '../model/ReduxStore';
+var RouteListener = /*#__PURE__*/function (_React$Component) {
+  _inherits(RouteListener, _React$Component);
+  var _super = _createSuper(RouteListener);
+  function RouteListener(props) {
+    var _this;
+    _classCallCheck(this, RouteListener);
+    _this = _super.call(this, props);
+    _this.listening = false;
+    return _this;
+  }
+  _createClass(RouteListener, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (this.props.router.location !== prevProps.router.location) {
+        this.userNavigated();
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (!this.listening) {
+        this.userNavigated();
+        this.listening = true;
+      }
+    }
+  }, {
+    key: "userNavigated",
+    value: function userNavigated() {
+      dispatchAction(this.props, 'RouteListenerSaga.userNavigatation', this.props.router.location);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return null;
+    }
+  }]);
+  return RouteListener;
+}(React.Component);
+function mapStateToProps(state) {
+  return {};
+}
+export default connect(mapStateToProps)(withRouter(RouteListener));

package/dist/es/src/component/SeaDragonComponent.js

@@ -0,0 +1,42 @@
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+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); }
+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); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
+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); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import React, { Component } from 'react';
+export var SeaDragonComponent = /*#__PURE__*/function (_Component) {
+  _inherits(SeaDragonComponent, _Component);
+  var _super = _createSuper(SeaDragonComponent);
+  function SeaDragonComponent() {
+    _classCallCheck(this, SeaDragonComponent);
+    return _super.apply(this, arguments);
+  }
+  _createClass(SeaDragonComponent, [{
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate() {
+      return false;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        side = _this$props.side,
+        initViewer = _this$props.initViewer,
+        tileSource = _this$props.tileSource;
+      return /*#__PURE__*/React.createElement("div", {
+        id: "image-view-seadragon-".concat(side),
+        ref: function ref(el) {
+          initViewer(el, tileSource);
+        }
+      });
+    }
+  }]);
+  return SeaDragonComponent;
+}(Component);

package/dist/es/src/component/SinglePaneView.js

@@ -0,0 +1,37 @@
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+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); }
+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); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
+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); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+var SplitPaneView = /*#__PURE__*/function (_Component) {
+  _inherits(SplitPaneView, _Component);
+  var _super = _createSuper(SplitPaneView);
+  function SplitPaneView() {
+    _classCallCheck(this, SplitPaneView);
+    return _super.apply(this, arguments);
+  }
+  _createClass(SplitPaneView, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "single-pane-view"
+      }, this.props.singlePane);
+    }
+  }]);
+  return SplitPaneView;
+}(Component);
+function mapStateToProps(state) {
+  return {
+    document: state.document
+  };
+}
+export default connect(mapStateToProps)(SplitPaneView);