@cu-mkp/editioncrafter 0.0.4

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

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+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 _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 CommentErrorBoundary = /*#__PURE__*/function (_Component) {
+  _inherits(CommentErrorBoundary, _Component);
+  var _super = _createSuper(CommentErrorBoundary);
+  function CommentErrorBoundary(props) {
+    var _this;
+    _classCallCheck(this, CommentErrorBoundary);
+    _this = _super.call(this, props);
+    _this.state = {
+      error: null,
+      errorInfo: null
+    };
+    return _this;
+  }
+  _createClass(CommentErrorBoundary, [{
+    key: "componentDidCatch",
+    value: function componentDidCatch(error, errorInfo) {
+      this.setState({
+        error: error,
+        errorInfo: errorInfo
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.state.errorInfo) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          style: {
+            height: '350px',
+            overflowY: 'scroll'
+          }
+        }, /*#__PURE__*/_react["default"].createElement("h2", null, "Something went wrong."), /*#__PURE__*/_react["default"].createElement("details", {
+          style: {
+            whiteSpace: 'pre-wrap'
+          }
+        }, "There has been an error rendering a comment", /*#__PURE__*/_react["default"].createElement("br", null), this.state.error && this.state.error.toString(), /*#__PURE__*/_react["default"].createElement("br", null), this.state.errorInfo.componentStack));
+      }
+      return this.props.children;
+    }
+  }], [{
+    key: "getDerivedStateFromError",
+    value: function getDerivedStateFromError(error) {
+      // Update state so the next render will show the fallback UI.
+      return {
+        error: true
+      };
+    }
+  }]);
+  return CommentErrorBoundary;
+}(_react.Component);
+exports["default"] = CommentErrorBoundary;

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

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _Cancel = _interopRequireDefault(require("@material-ui/icons/Cancel"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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."); }
+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); }
+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; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var FigureDialog = function FigureDialog(_ref) {
+  var img = _ref.img,
+    onClose = _ref.onClose,
+    open = _ref.open;
+  var handleClose = function handleClose() {
+    onClose();
+  };
+  var closeButtonBackground = {
+    position: 'absolute',
+    right: 0,
+    width: 50,
+    height: 50,
+    display: 'flex',
+    justifyContent: 'center',
+    backgroundColor: 'rgb(0,0,0,0.2)',
+    borderRadius: '0 0 0 50%'
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    onClose: handleClose,
+    open: open,
+    PaperProps: {
+      style: {
+        maxWidth: '90%',
+        maxHeight: '80%'
+      }
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "figure-dialog-img-container",
+    style: {
+      overflowY: 'scroll'
+    }
+  }, img), /*#__PURE__*/_react["default"].createElement("div", {
+    style: closeButtonBackground
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    style: {
+      color: 'white',
+      position: 'absolute'
+    },
+    onClick: handleClose
+  }, /*#__PURE__*/_react["default"].createElement(_Cancel["default"], null))));
+};
+var FigureImage = function FigureImage(_ref2) {
+  var img = _ref2.img;
+  var _React$useState = _react["default"].useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    open = _React$useState2[0],
+    setOpen = _React$useState2[1];
+  var handleClickOpen = function handleClickOpen() {
+    setOpen(true);
+  };
+  var handleClose = function handleClose(value) {
+    setOpen(false);
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "figure-image-container"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    onClick: handleClickOpen
+  }, img), /*#__PURE__*/_react["default"].createElement(FigureDialog, {
+    open: open,
+    onClose: handleClose,
+    img: img
+  }));
+};
+var _default = FigureImage;
+exports["default"] = _default;

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

@@ -0,0 +1,166 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _core = require("@material-ui/core");
+var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
+var _Navigation = _interopRequireDefault(require("./Navigation"));
+var _AlphabetLinks = require("./AlphabetLinks");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+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); }
+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; }
+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 GlossaryView = /*#__PURE__*/function (_Component) {
+  _inherits(GlossaryView, _Component);
+  var _super = _createSuper(GlossaryView);
+  function GlossaryView() {
+    var _this;
+    _classCallCheck(this, GlossaryView);
+    _this = _super.call(this);
+    _this.onFilterChange = function (event) {
+      var filterTerm = event.target.value;
+      _this.setState(_objectSpread(_objectSpread({}, _this.state), {}, {
+        filterTerm: filterTerm
+      }));
+    };
+    _this.state = {
+      filterTerm: ''
+    };
+    return _this;
+  }
+  _createClass(GlossaryView, [{
+    key: "renderGlossary",
+    value: function renderGlossary() {
+      var glossary = this.props.glossary.glossary;
+      var filterTerm = this.state.filterTerm.toLowerCase();
+      var entryList = Object.values(glossary);
+      var checkHeadwords = function checkHeadwords(headword, term, delimiter) {
+        var words = headword.split(delimiter);
+        var _iterator = _createForOfIteratorHelper(words),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var word = _step.value;
+            if (word.startsWith(term)) return true;
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+        return false;
+      };
+
+      // {head-word}, {alternate-spelling}: {meaning-number}. {part-of-speech} {meaning} [{references}]
+      var glossaryEntries = [];
+      var alphaIndex = 0;
+      for (var _i = 0, _entryList = entryList; _i < _entryList.length; _i++) {
+        var entry = _entryList[_i];
+        // render alphabetic header if we have started the next letter
+        if (filterTerm.length === 0 && entry.headWord[0] === _AlphabetLinks.alpha[alphaIndex]) {
+          var alphaHeadingID = "alpha-".concat(alphaIndex);
+          glossaryEntries.push( /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+            variant: "h4",
+            key: "gloss-heading-".concat(_AlphabetLinks.alpha[alphaIndex]),
+            id: alphaHeadingID
+          }, "\u2014", _AlphabetLinks.alpha[alphaIndex], ' ', "\u2014"));
+          alphaIndex++;
+        }
+        var lowerCaseHeadword = entry.headWord.toLowerCase();
+        var lowerCaseAltSpellings = entry.alternateSpellings.toLowerCase();
+        var lowerCaseModSpellings = entry.modernSpelling.toLowerCase();
+        if (filterTerm.length === 0 || filterTerm.length !== 0 && checkHeadwords(lowerCaseHeadword, filterTerm, ' ') || filterTerm.length !== 0 && checkHeadwords(lowerCaseModSpellings, filterTerm, ' ') || filterTerm.length !== 0 && checkHeadwords(lowerCaseAltSpellings, filterTerm, ', ')) {
+          var meanings = renderMeanings(entry);
+          var meaningsEndWithPeriod = meanings[meanings.length - 1].endsWith('.');
+          var altString = entry.alternateSpellings ? ", ".concat(entry.alternateSpellings) : '';
+          var pos = entry.meanings[0].partOfSpeech;
+          var partOfSpeech = pos ? "".concat(pos, ":") : '';
+          var modPunctuation = pos ? ',' : ':';
+          var modString = entry.modernSpelling ? " (mod. ".concat(entry.modernSpelling, ")") : '';
+          var comma = meaningsEndWithPeriod ? '' : ',';
+          var seeAlso = entry.seeAlso ? "".concat(comma, " see also <span>&#8594;</span>").concat(entry.seeAlso, " ") : '';
+          var synonym = entry.synonym ? ", syn. <span>&#8594;</span>".concat(entry.synonym) : '';
+          var antonym = entry.antonym ? ", ant. <span>&#8594;</span>".concat(entry.antonym) : '';
+          glossaryEntries.push( /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+            gutterBottom: true,
+            key: "gloss-".concat(entry.headWord)
+          }, /*#__PURE__*/_react["default"].createElement("u", null, entry.headWord), altString, modString, modPunctuation, ' ', partOfSpeech, ' ', meanings.map(function (meaningful) {
+            return (0, _htmlReactParser["default"])(meaningful);
+          }), (0, _htmlReactParser["default"])(seeAlso), (0, _htmlReactParser["default"])(synonym), (0, _htmlReactParser["default"])(antonym)));
+        }
+      }
+      return glossaryEntries;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (!this.props.glossary.loaded) return null;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        id: "glossaryView"
+      }, /*#__PURE__*/_react["default"].createElement(_Navigation["default"], {
+        side: this.props.side,
+        onFilterChange: this.onFilterChange,
+        value: this.state.filterTerm,
+        documentView: this.props.documentView,
+        documentViewActions: this.props.documentViewActions
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        id: "glossaryViewInner"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        id: "glossaryContent"
+      }, /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+        variant: "h2",
+        className: "title"
+      }, "Glossary"), /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+        className: "subtitle"
+      }, "For short titles, e.g., [COT1611], see", /*#__PURE__*/_react["default"].createElement("a", {
+        href: "#/content/resources/bibliography"
+      }, "Bibliography"), "."), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "cite-instructions"
+      }, /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+        className: "cite-header"
+      }, "How to Cite"), /*#__PURE__*/_react["default"].createElement(_core.Typography, null, "\u201CGlossary.\u201D In", /*#__PURE__*/_react["default"].createElement("i", null, "Secrets of Craft and Nature in Renaissance France. A Digital Critical Edition and English Translation of BnF Ms. Fr. 640"), ", edited by Making and Knowing Project, Pamela H. Smith, Naomi Rosenkranz, Tianna Helena Uchacz, Tillmann Taape, Cl\xE9ment Godbarge, Sophie Pitman, Jenny Boulboull\xE9, Joel Klein, Donna Bilak, Marc Smith, and Terry Catapano. New York: Making and Knowing Project, 2020.", /*#__PURE__*/_react["default"].createElement("a", {
+        href: "https://edition640.makingandknowing.org/#/folios/1r/f/1r/glossary"
+      }, "https://edition640.makingandknowing.org/#/folios/1r/f/1r/glossary"), ".")), this.renderGlossary())));
+    }
+  }]);
+  return GlossaryView;
+}(_react.Component);
+function renderMeanings(entry) {
+  var meaningList = [];
+  for (var i = 0; i < entry.meanings.length; i++) {
+    var meaning = entry.meanings[i];
+    var refString = meaning.references ? " [".concat(meaning.references, "]") : '';
+    var numString = entry.meanings.length > 1 ? "".concat(i + 1, ". ") : '';
+    var space = i < entry.meanings.length - 1 ? ' ' : '';
+    meaningList.push("".concat(numString).concat(meaning.meaning).concat(refString).concat(space));
+  }
+  return meaningList;
+}
+function mapStateToProps(state) {
+  return {
+    glossary: state.glossary
+  };
+}
+var _default = (0, _reactRedux.connect)(mapStateToProps)(GlossaryView);
+exports["default"] = _default;

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

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Popper = _interopRequireDefault(require("@material-ui/core/Popper"));
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _Fade = _interopRequireDefault(require("@material-ui/core/Fade"));
+var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+var _List = _interopRequireDefault(require("@material-ui/core/List"));
+var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
+var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
+var _fa = require("react-icons/fa");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var HelpPopper = function HelpPopper(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Popper["default"], {
+    anchorEl: props.anchorEl,
+    open: props.open,
+    style: props.marginStyle
+  }, /*#__PURE__*/_react["default"].createElement(_Fade["default"], {
+    "in": props.open
+  }, /*#__PURE__*/_react["default"].createElement(_Paper["default"], {
+    className: "helpContainer"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    onClick: props.onClose,
+    className: "closeX"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "fa fa-window-close"
+  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: "h6",
+    component: "h2"
+  }, "Toolbar Buttons"), /*#__PURE__*/_react["default"].createElement(_List["default"], null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "fa fa-lock active"
+  }), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
+    primary: "Toggle Sync Views"
+  })), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "fa fa-book active"
+  }), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
+    primary: "Toggle Book Mode"
+  })), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "fa fa-code active"
+  }), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
+    primary: "Toggle XML Mode"
+  })), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_fa.FaArrowCircleLeft, null), /*#__PURE__*/_react["default"].createElement(_fa.FaArrowCircleRight, null)), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
+    primary: "Go Forward / Back"
+  })), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "fa fa-hand-point-right active"
+  }), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
+    primary: "Jump to folio"
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "readingGuide"
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: "h6",
+    component: "h2"
+  }, "Reading Guide"), /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("th", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: "overline",
+    component: "span"
+  }, "Syntax")), /*#__PURE__*/_react["default"].createElement("th", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: "overline",
+    component: "span"
+  }, "Meaning")))), /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/img/howtouse-ups.png",
+    alt: "howtouse-ups"
+  })), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Text is under the paper strip"))), /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/img/howtouse-curly.png",
+    alt: "howtouse-curly"
+  })), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Expanded version implied by abbreviation marks"))), /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/img/howtouse-square.png",
+    alt: "howtouse-square"
+  })), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Editorial interventions and corrections"))), /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/img/howtouse-beaker.png",
+    alt: "howtouse-beaker"
+  })), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Associated research essay"))), /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/img/howtouse-asterisk.png",
+    alt: "howtouse-asterisk"
+  })), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Editorial Comments"))))))), /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "See", /*#__PURE__*/_react["default"].createElement("a", {
+    href: "#/content/how-to-use"
+  }, "How to Use"), ' ', "for more information.")))));
+};
+var _default = HelpPopper;
+exports["default"] = _default;

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

@@ -0,0 +1,193 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactRedux = require("react-redux");
+var _reactInfiniteScroller = _interopRequireDefault(require("react-infinite-scroller"));
+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 ImageGridView = /*#__PURE__*/function (_React$Component) {
+  _inherits(ImageGridView, _React$Component);
+  var _super = _createSuper(ImageGridView);
+  function ImageGridView(props, context) {
+    var _this;
+    _classCallCheck(this, ImageGridView);
+    _this = _super.call(this, props, context);
+    _this.onJumpToChange = function (event) {
+      var jumpToBuffer = event.target.value;
+      _this.setState(_objectSpread(_objectSpread({}, _this.state), {}, {
+        jumpToBuffer: jumpToBuffer
+      }));
+    };
+    _this.onJumpTo = function (event) {
+      var jumpToBuffer = _this.state.jumpToBuffer;
+      var _this$props = _this.props,
+        side = _this$props.side,
+        document = _this$props.document,
+        documentViewActions = _this$props.documentViewActions;
+      event.preventDefault();
+
+      // Convert folioName to ID (and confirm it exists)
+      if (document.folioByName[jumpToBuffer]) {
+        var folio = document.folioByName[jumpToBuffer];
+        if (folio) {
+          documentViewActions.changeCurrentFolio(folio.id, side);
+        }
+      }
+      _this.setState(_objectSpread(_objectSpread({}, _this.state), {}, {
+        jumpToBuffer: ''
+      }));
+    };
+    _this.onClickThumb = function (id, e) {
+      // Set the folio for this side
+      _this.props.documentViewActions.changeCurrentFolio(id, _this.props.side);
+    };
+    _this.moreThumbs = function () {
+      var thumbs = _this.state.thumbs;
+      var visibleThumbs = _this.state.visibleThumbs;
+      var thumbCount = visibleThumbs.length + _this.loadIncrement;
+      if (thumbs.length >= thumbCount) {
+        visibleThumbs = thumbs.slice(0, thumbCount);
+      } else {
+        visibleThumbs = thumbs;
+      }
+      _this.setState({
+        visibleThumbs: visibleThumbs
+      });
+    };
+    _this.generateThumbs = _this.generateThumbs.bind(_assertThisInitialized(_this));
+    _this.loadIncrement = 10;
+    _this.state = {
+      jumpToBuffer: '',
+      thumbs: '',
+      visibleThumbs: []
+    };
+    return _this;
+  }
+
+  // TODO REFACTOR
+  _createClass(ImageGridView, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      var documentView = this.props.documentView;
+      var folioID = documentView[this.props.side].iiifShortID;
+      var nextFolioID = nextProps.documentView[this.props.side].iiifShortID;
+      if (folioID !== nextFolioID) {
+        var thumbs = this.generateThumbs(nextFolioID, nextProps.document.folios);
+        var thumbCount = thumbs.length > this.loadIncrement ? this.loadIncrement : thumbs.length;
+        var visibleThumbs = thumbs.slice(0, thumbCount);
+        this.setState({
+          thumbs: thumbs,
+          visibleThumbs: visibleThumbs
+        });
+      }
+    }
+  }, {
+    key: "renderToolbar",
+    value: function renderToolbar() {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "imageGridToolbar"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "jump-to"
+      }, /*#__PURE__*/_react["default"].createElement("form", {
+        onSubmit: this.onJumpTo
+      }, /*#__PURE__*/_react["default"].createElement("span", null, "Jump to: "), /*#__PURE__*/_react["default"].createElement("input", {
+        id: "jump-to-input",
+        placeholder: "Page Name (e.g. '3r')",
+        onChange: this.onJumpToChange,
+        value: this.state.jumpToBuffer
+      }), /*#__PURE__*/_react["default"].createElement("button", {
+        id: "jump-to-button",
+        onClick: this.onJumpTo
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          color: 'black'
+        },
+        className: "fa fa-hand-point-right"
+      })))));
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var documentView = this.props.documentView;
+      var folioID = documentView[this.props.side].iiifShortID;
+      var thumbs = this.generateThumbs(folioID, this.props.document.folios);
+      var thumbCount = thumbs.length > this.loadIncrement ? this.loadIncrement : thumbs.length;
+      var visibleThumbs = thumbs.slice(0, thumbCount);
+      this.setState({
+        thumbs: thumbs,
+        visibleThumbs: visibleThumbs
+      });
+    }
+  }, {
+    key: "generateThumbs",
+    value: function generateThumbs(currentID, folios) {
+      var _this2 = this;
+      var thumbs = folios.map(function (folio, index) {
+        return /*#__PURE__*/_react["default"].createElement("li", {
+          key: "thumb-".concat(index),
+          className: "thumbnail"
+        }, /*#__PURE__*/_react["default"].createElement("figure", {
+          className: folio.id === currentID ? 'current' : ''
+        }, /*#__PURE__*/_react["default"].createElement("a", {
+          id: folio.id,
+          onClick: _this2.onClickThumb.bind(_this2, folio.id)
+        }, /*#__PURE__*/_react["default"].createElement("img", {
+          src: folio.image_thumbnail_url,
+          alt: folio.name
+        }))), /*#__PURE__*/_react["default"].createElement("figcaption", {
+          className: folio.id === currentID ? 'thumbnail-caption current' : 'thumbnail-caption'
+        }, folio.id === currentID ? "*".concat(folio.name) : folio.name));
+      });
+      return thumbs;
+    }
+  }, {
+    key: "hasMore",
+    value: function hasMore() {
+      return this.state.visibleThumbs.length !== this.state.thumbs.length;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var thisClass = 'imageGridComponent';
+      thisClass = "".concat(thisClass, " ").concat(this.props.side);
+      var visibleThumbs = this.state.visibleThumbs;
+      if (visibleThumbs.constructor.toString().indexOf('Array') === -1) {
+        visibleThumbs = [];
+      }
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: thisClass
+      }, this.renderToolbar(), /*#__PURE__*/_react["default"].createElement(_reactInfiniteScroller["default"], {
+        element: "ul",
+        loadMore: this.moreThumbs,
+        hasMore: this.hasMore(),
+        useWindow: false
+      }, visibleThumbs));
+    }
+  }]);
+  return ImageGridView;
+}(_react["default"].Component);
+function mapStateToProps(state) {
+  return {
+    document: state.document
+  };
+}
+var _default = (0, _reactRedux.connect)(mapStateToProps)(ImageGridView);
+exports["default"] = _default;