@cu-mkp/editioncrafter 0.0.4 → 0.0.6

package/dist/cjs/src/component/ImageView.js

@@ -1,125 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _openseadragon = _interopRequireDefault(require("openseadragon"));
-var _reactRedux = require("react-redux");
-var _react = _interopRequireWildcard(require("react"));
-var _Navigation = _interopRequireDefault(require("./Navigation"));
-var _ImageZoomControl = _interopRequireDefault(require("./ImageZoomControl"));
-var _SeaDragonComponent = require("./SeaDragonComponent");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); }
-var ImageView = /*#__PURE__*/function (_Component) {
-  _inherits(ImageView, _Component);
-  var _super = _createSuper(ImageView);
-  function ImageView() {
-    var _this;
-    _classCallCheck(this, ImageView);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.initViewer = function (el, tileSource) {
-      if (!el) {
-        _this.viewer = null;
-        return;
-      }
-      var in_id = "os-zoom-in ".concat(_this.props.side);
-      var out_id = "os-zoom-out ".concat(_this.props.side);
-      _this.viewer = (0, _openseadragon["default"])({
-        element: el,
-        zoomInButton: in_id,
-        zoomOutButton: out_id,
-        prefixUrl: './img/openseadragon/'
-      });
-      _this.viewer.addTiledImage({
-        tileSource: tileSource
-      });
-    };
-    _this.onZoomGrid = function (e) {
-      _this.props.documentViewActions.changeTranscriptionType(_this.props.side, 'g');
-    };
-    _this.onZoomFixed_1 = function (e) {
-      _this.viewer.viewport.zoomTo(_this.viewer.viewport.getMaxZoom());
-    };
-    _this.onZoomFixed_2 = function (e) {
-      _this.viewer.viewport.zoomTo(_this.viewer.viewport.getMaxZoom() / 2);
-    };
-    _this.onZoomFixed_3 = function (e) {
-      _this.viewer.viewport.fitVertically();
-    };
-    return _this;
-  }
-  _createClass(ImageView, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var prevID = prevProps.folioID;
-      var folioID = this.props.folioID;
-      if (prevID !== folioID) {
-        var _this$props = this.props,
-          document = _this$props.document,
-          _folioID = _this$props.folioID;
-        var folio = document.folioIndex[_folioID];
-        if (folio.tileSource && this.viewer) {
-          this.viewer.open(folio.tileSource);
-        }
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        document = _this$props2.document,
-        folioID = _this$props2.folioID,
-        side = _this$props2.side;
-      var folio = document.folioIndex[folioID];
-      // if( folio.loading ) {
-      //   window.loadingModal_start();
-      // } else {
-      //   window.loadingModal_stop();
-      // }
-      return /*#__PURE__*/_react["default"].createElement("div", null, folio.tileSource && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "image-view imageViewComponent ".concat(this.props.side)
-      }, /*#__PURE__*/_react["default"].createElement(_Navigation["default"], {
-        side: this.props.side,
-        documentView: this.props.documentView,
-        documentViewActions: this.props.documentViewActions
-      }), /*#__PURE__*/_react["default"].createElement(_ImageZoomControl["default"], {
-        side: this.props.side,
-        documentView: this.props.documentView,
-        onZoomFixed_1: this.onZoomFixed_1,
-        onZoomFixed_2: this.onZoomFixed_2,
-        onZoomFixed_3: this.onZoomFixed_3,
-        onZoomGrid: this.onZoomGrid
-      }), /*#__PURE__*/_react["default"].createElement(_SeaDragonComponent.SeaDragonComponent, {
-        side: side,
-        tileSource: folio.tileSource,
-        initViewer: this.initViewer
-      })));
-    }
-  }]);
-  return ImageView;
-}(_react.Component);
-function mapStateToProps(state) {
-  return {
-    document: state.document
-  };
-}
-var _default = (0, _reactRedux.connect)(mapStateToProps)(ImageView);
-exports["default"] = _default;

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

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); }
-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["default"].createElement("ul", {
-        className: "ImageZoomControl"
-      }, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("i", {
-        title: "Zoom In",
-        id: in_id,
-        className: "zoom-in fas fa-plus-circle fa-2x"
-      })), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("i", {
-        title: "Fixed Zoom 1",
-        onClick: this.props.onZoomFixed_1,
-        className: "zoom-3 fas fa-circle fa-2x"
-      })), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("i", {
-        title: "Fixed Zoom 2",
-        onClick: this.props.onZoomFixed_2,
-        className: "zoom-2 fas fa-circle fa-lg"
-      })), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("i", {
-        title: "Fixed Zoom 3",
-        onClick: this.props.onZoomFixed_3,
-        className: "zoom-1 fas fa-circle"
-      })), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("i", {
-        title: "Zoom Out",
-        id: out_id,
-        className: "zoom-out fas fa-minus-circle fa-2x"
-      })), /*#__PURE__*/_react["default"].createElement("li", {
-        className: this.props.documentView.bookMode ? 'disabled' : ''
-      }, /*#__PURE__*/_react["default"].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["default"].Component);
-exports["default"] = ImageZoomControl;

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

@@ -1,103 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); }
-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["default"].createElement("div", {
-        className: "jumpToFolio_component",
-        style: divStyle
-      }, /*#__PURE__*/_react["default"].createElement("form", {
-        onSubmit: this.handleSubmit
-      }, /*#__PURE__*/_react["default"].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["default"].Component);
-var _default = JumpToFolio;
-exports["default"] = _default;

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

@@ -1,266 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactRedux = require("react-redux");
-var _fa = require("react-icons/fa");
-var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-var _withWidth = _interopRequireWildcard(require("@material-ui/core/withWidth"));
-var _JumpToFolio = _interopRequireDefault(require("./JumpToFolio"));
-var _DocumentHelper = _interopRequireDefault(require("../model/DocumentHelper"));
-var _HelpPopper = _interopRequireDefault(require("./HelpPopper"));
-var _AlphabetLinks = _interopRequireDefault(require("./AlphabetLinks"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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); }
-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["default"].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 = (0, _withWidth.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["default"].createElement("div", {
-        className: "navigationComponent",
-        style: widthStyle
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        id: "navigation-row",
-        className: "navigationRow"
-      }, documentView[side].transcriptionType !== 'glossary' ? /*#__PURE__*/_react["default"].createElement("div", {
-        id: "tool-bar-buttons",
-        className: "breadcrumbs",
-        style: showButtonsStyle
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Toggle coordination of views",
-        onClick: this.toggleLockmode,
-        className: lockIconClass
-      }), "\xA0", /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Toggle book mode",
-        onClick: this.toggleBookmode,
-        className: bookIconClass
-      }), "\xA0", /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Toggle XML mode",
-        onClick: this.toggleXMLMode,
-        className: imageViewActive ? 'invisible' : xmlIconClass
-      }), "\xA0", "\xA0", /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Go back",
-        onClick: this.changeCurrentFolio,
-        "data-id": documentView[side].previousFolioShortID,
-        className: documentView[side].hasPrevious ? 'arrow' : 'arrow disabled'
-      }, ' ', /*#__PURE__*/_react["default"].createElement(_fa.FaArrowCircleLeft, null), ' '), /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Go forward",
-        onClick: this.changeCurrentFolio,
-        "data-id": documentView[side].nextFolioShortID,
-        className: documentView[side].hasNext ? 'arrow' : 'arrow disabled'
-      }, ' ', /*#__PURE__*/_react["default"].createElement(_fa.FaArrowCircleRight, null)), "\xA0\xA0", document.documentName, ' / ', /*#__PURE__*/_react["default"].createElement("div", {
-        onClick: this.revealJumpBox,
-        className: "folioName"
-      }, ' ', folioName, ' ', /*#__PURE__*/_react["default"].createElement("span", {
-        style: jumpToIconStyle,
-        className: "fa fa-hand-point-right"
-      })), /*#__PURE__*/_react["default"].createElement(_JumpToFolio["default"], {
-        side: side,
-        isVisible: this.state.popoverVisible,
-        positionX: this.state.popoverX,
-        positionY: this.state.popoverY,
-        submitHandler: documentViewActions.jumpToFolio,
-        blurHandler: this.onJumpBoxBlur
-      })) : /*#__PURE__*/_react["default"].createElement(_AlphabetLinks["default"], {
-        onFilterChange: onFilterChange,
-        value: this.props.value
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        id: "doc-type-help",
-        style: selectContainerStyle,
-        ref: function ref(e) {
-          _this2.helpRef = e;
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-        className: selectClass,
-        style: _objectSpread(_objectSpread({}, selectColorStyle), {}, {
-          marginRight: 15
-        }),
-        value: documentView[side].transcriptionType,
-        id: "doc-type",
-        onClick: this.changeType
-      }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-        value: "tl"
-      }, _DocumentHelper["default"].transcriptionTypeLabels.tl), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-        value: "tc"
-      }, _DocumentHelper["default"].transcriptionTypeLabels.tc), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-        value: "tcn"
-      }, _DocumentHelper["default"].transcriptionTypeLabels.tcn), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-        value: "f"
-      }, _DocumentHelper["default"].transcriptionTypeLabels.f), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-        value: "glossary"
-      }, _DocumentHelper["default"].transcriptionTypeLabels.glossary)), /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Toggle folio help",
-        onClick: this.toggleHelp,
-        className: "helpIcon"
-      }, /*#__PURE__*/_react["default"].createElement("i", {
-        className: "fas fa-question-circle"
-      })), /*#__PURE__*/_react["default"].createElement(_HelpPopper["default"], {
-        marginStyle: helpMarginStyle,
-        anchorEl: this.helpRef,
-        open: this.state.openHelp,
-        onClose: this.toggleHelp
-      }))));
-    }
-  }]);
-  return Navigation;
-}(_react["default"].Component);
-function mapStateToProps(state) {
-  return {
-    document: state.document
-  };
-}
-var _default = (0, _withWidth["default"])()((0, _reactRedux.connect)(mapStateToProps)(Navigation));
-exports["default"] = _default;