@cu-mkp/editioncrafter 0.0.4 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (166) hide show
  1. package/dist/cjs/src/component/DocumentView.js +14 -14
  2. package/dist/cjs/src/component/HelpPopper.js +19 -12
  3. package/dist/cjs/src/component/ImageGridView.js +4 -6
  4. package/dist/cjs/src/component/ImageView.js +0 -5
  5. package/dist/cjs/src/component/JumpToFolio.js +3 -3
  6. package/dist/cjs/src/component/Navigation.js +1 -1
  7. package/dist/cjs/src/component/TranscriptionView.js +11 -20
  8. package/dist/cjs/src/component/Watermark.js +33 -0
  9. package/dist/cjs/src/component/XMLView.js +21 -83
  10. package/dist/cjs/src/icons/howtouse-asterisk.png +0 -0
  11. package/dist/cjs/src/icons/howtouse-beaker.png +0 -0
  12. package/dist/cjs/src/icons/howtouse-curly.png +0 -0
  13. package/dist/cjs/src/icons/howtouse-square.png +0 -0
  14. package/dist/cjs/src/icons/howtouse-ups.png +0 -0
  15. package/dist/cjs/src/img/banner-about.png +0 -0
  16. package/dist/cjs/src/img/banner-essays.jpg +0 -0
  17. package/dist/cjs/src/img/banner-essays.png +0 -0
  18. package/dist/cjs/src/img/banner-how-to.png +0 -0
  19. package/dist/cjs/src/img/banner-resources.png +0 -0
  20. package/dist/cjs/src/img/book-open-cropped.png +0 -0
  21. package/dist/cjs/src/img/book-open.png +0 -0
  22. package/dist/cjs/src/img/book-spine.png +0 -0
  23. package/dist/cjs/src/img/bookcover-cropped.png +0 -0
  24. package/dist/cjs/src/img/cropped-MKLizardFilled-32x32.jpg +0 -0
  25. package/dist/cjs/src/img/folio48r-drawing.png +0 -0
  26. package/dist/cjs/src/img/howtouse-asterisk.png +0 -0
  27. package/dist/cjs/src/img/howtouse-beaker.png +0 -0
  28. package/dist/cjs/src/img/howtouse-curly.png +0 -0
  29. package/dist/cjs/src/img/howtouse-square.png +0 -0
  30. package/dist/cjs/src/img/howtouse-ups.png +0 -0
  31. package/dist/cjs/src/img/lizard-no-bg.png +0 -0
  32. package/dist/cjs/src/img/logo_center_multi_line.png +0 -0
  33. package/dist/cjs/src/img/logo_center_single_line.png +0 -0
  34. package/dist/cjs/src/img/logo_columbia.png +0 -0
  35. package/dist/cjs/src/img/mk-banner-logo.png +0 -0
  36. package/dist/cjs/src/img/mk-homepage-logo.png +0 -0
  37. package/dist/cjs/src/img/openseadragon/button_grouphover.png +0 -0
  38. package/dist/cjs/src/img/openseadragon/button_hover.png +0 -0
  39. package/dist/cjs/src/img/openseadragon/button_pressed.png +0 -0
  40. package/dist/cjs/src/img/openseadragon/button_rest.png +0 -0
  41. package/dist/cjs/src/img/openseadragon/fullpage_grouphover.png +0 -0
  42. package/dist/cjs/src/img/openseadragon/fullpage_hover.png +0 -0
  43. package/dist/cjs/src/img/openseadragon/fullpage_pressed.png +0 -0
  44. package/dist/cjs/src/img/openseadragon/fullpage_rest.png +0 -0
  45. package/dist/cjs/src/img/openseadragon/home_grouphover.png +0 -0
  46. package/dist/cjs/src/img/openseadragon/home_hover.png +0 -0
  47. package/dist/cjs/src/img/openseadragon/home_pressed.png +0 -0
  48. package/dist/cjs/src/img/openseadragon/home_rest.png +0 -0
  49. package/dist/cjs/src/img/openseadragon/next_grouphover.png +0 -0
  50. package/dist/cjs/src/img/openseadragon/next_hover.png +0 -0
  51. package/dist/cjs/src/img/openseadragon/next_pressed.png +0 -0
  52. package/dist/cjs/src/img/openseadragon/next_rest.png +0 -0
  53. package/dist/cjs/src/img/openseadragon/previous_grouphover.png +0 -0
  54. package/dist/cjs/src/img/openseadragon/previous_hover.png +0 -0
  55. package/dist/cjs/src/img/openseadragon/previous_pressed.png +0 -0
  56. package/dist/cjs/src/img/openseadragon/previous_rest.png +0 -0
  57. package/dist/cjs/src/img/openseadragon/rotateleft_grouphover.png +0 -0
  58. package/dist/cjs/src/img/openseadragon/rotateleft_hover.png +0 -0
  59. package/dist/cjs/src/img/openseadragon/rotateleft_pressed.png +0 -0
  60. package/dist/cjs/src/img/openseadragon/rotateleft_rest.png +0 -0
  61. package/dist/cjs/src/img/openseadragon/rotateright_grouphover.png +0 -0
  62. package/dist/cjs/src/img/openseadragon/rotateright_hover.png +0 -0
  63. package/dist/cjs/src/img/openseadragon/rotateright_pressed.png +0 -0
  64. package/dist/cjs/src/img/openseadragon/rotateright_rest.png +0 -0
  65. package/dist/cjs/src/img/openseadragon/zoomin_grouphover.png +0 -0
  66. package/dist/cjs/src/img/openseadragon/zoomin_hover.png +0 -0
  67. package/dist/cjs/src/img/openseadragon/zoomin_pressed.png +0 -0
  68. package/dist/cjs/src/img/openseadragon/zoomin_rest.png +0 -0
  69. package/dist/cjs/src/img/openseadragon/zoomout_grouphover.png +0 -0
  70. package/dist/cjs/src/img/openseadragon/zoomout_hover.png +0 -0
  71. package/dist/cjs/src/img/openseadragon/zoomout_pressed.png +0 -0
  72. package/dist/cjs/src/img/openseadragon/zoomout_rest.png +0 -0
  73. package/dist/cjs/src/img/spinner.gif +0 -0
  74. package/dist/cjs/src/img/text-bg.png +0 -0
  75. package/dist/cjs/src/img/watermark.png +0 -0
  76. package/dist/cjs/src/index.js +1 -0
  77. package/dist/cjs/src/scss/_base.scss +0 -13
  78. package/dist/cjs/src/scss/_navigation.scss +9 -1
  79. package/dist/cjs/src/scss/_xmlView.scss +7 -3
  80. package/dist/editioncrafter.min.js +1 -2
  81. package/dist/editioncrafter.min.js.LICENSE.txt +3 -3
  82. package/dist/es/src/component/DocumentView.js +14 -14
  83. package/dist/es/src/component/HelpPopper.js +19 -12
  84. package/dist/es/src/component/ImageGridView.js +4 -6
  85. package/dist/es/src/component/ImageView.js +0 -5
  86. package/dist/es/src/component/JumpToFolio.js +3 -3
  87. package/dist/es/src/component/Navigation.js +1 -1
  88. package/dist/es/src/component/TranscriptionView.js +11 -20
  89. package/dist/es/src/component/Watermark.js +25 -0
  90. package/dist/es/src/component/XMLView.js +21 -83
  91. package/dist/es/src/icons/howtouse-asterisk.png +0 -0
  92. package/dist/es/src/icons/howtouse-beaker.png +0 -0
  93. package/dist/es/src/icons/howtouse-curly.png +0 -0
  94. package/dist/es/src/icons/howtouse-square.png +0 -0
  95. package/dist/es/src/icons/howtouse-ups.png +0 -0
  96. package/dist/es/src/img/banner-about.png +0 -0
  97. package/dist/es/src/img/banner-essays.jpg +0 -0
  98. package/dist/es/src/img/banner-essays.png +0 -0
  99. package/dist/es/src/img/banner-how-to.png +0 -0
  100. package/dist/es/src/img/banner-resources.png +0 -0
  101. package/dist/es/src/img/book-open-cropped.png +0 -0
  102. package/dist/es/src/img/book-open.png +0 -0
  103. package/dist/es/src/img/book-spine.png +0 -0
  104. package/dist/es/src/img/bookcover-cropped.png +0 -0
  105. package/dist/es/src/img/cropped-MKLizardFilled-32x32.jpg +0 -0
  106. package/dist/es/src/img/folio48r-drawing.png +0 -0
  107. package/dist/es/src/img/howtouse-asterisk.png +0 -0
  108. package/dist/es/src/img/howtouse-beaker.png +0 -0
  109. package/dist/es/src/img/howtouse-curly.png +0 -0
  110. package/dist/es/src/img/howtouse-square.png +0 -0
  111. package/dist/es/src/img/howtouse-ups.png +0 -0
  112. package/dist/es/src/img/lizard-no-bg.png +0 -0
  113. package/dist/es/src/img/logo_center_multi_line.png +0 -0
  114. package/dist/es/src/img/logo_center_single_line.png +0 -0
  115. package/dist/es/src/img/logo_columbia.png +0 -0
  116. package/dist/es/src/img/mk-banner-logo.png +0 -0
  117. package/dist/es/src/img/mk-homepage-logo.png +0 -0
  118. package/dist/es/src/img/openseadragon/button_grouphover.png +0 -0
  119. package/dist/es/src/img/openseadragon/button_hover.png +0 -0
  120. package/dist/es/src/img/openseadragon/button_pressed.png +0 -0
  121. package/dist/es/src/img/openseadragon/button_rest.png +0 -0
  122. package/dist/es/src/img/openseadragon/fullpage_grouphover.png +0 -0
  123. package/dist/es/src/img/openseadragon/fullpage_hover.png +0 -0
  124. package/dist/es/src/img/openseadragon/fullpage_pressed.png +0 -0
  125. package/dist/es/src/img/openseadragon/fullpage_rest.png +0 -0
  126. package/dist/es/src/img/openseadragon/home_grouphover.png +0 -0
  127. package/dist/es/src/img/openseadragon/home_hover.png +0 -0
  128. package/dist/es/src/img/openseadragon/home_pressed.png +0 -0
  129. package/dist/es/src/img/openseadragon/home_rest.png +0 -0
  130. package/dist/es/src/img/openseadragon/next_grouphover.png +0 -0
  131. package/dist/es/src/img/openseadragon/next_hover.png +0 -0
  132. package/dist/es/src/img/openseadragon/next_pressed.png +0 -0
  133. package/dist/es/src/img/openseadragon/next_rest.png +0 -0
  134. package/dist/es/src/img/openseadragon/previous_grouphover.png +0 -0
  135. package/dist/es/src/img/openseadragon/previous_hover.png +0 -0
  136. package/dist/es/src/img/openseadragon/previous_pressed.png +0 -0
  137. package/dist/es/src/img/openseadragon/previous_rest.png +0 -0
  138. package/dist/es/src/img/openseadragon/rotateleft_grouphover.png +0 -0
  139. package/dist/es/src/img/openseadragon/rotateleft_hover.png +0 -0
  140. package/dist/es/src/img/openseadragon/rotateleft_pressed.png +0 -0
  141. package/dist/es/src/img/openseadragon/rotateleft_rest.png +0 -0
  142. package/dist/es/src/img/openseadragon/rotateright_grouphover.png +0 -0
  143. package/dist/es/src/img/openseadragon/rotateright_hover.png +0 -0
  144. package/dist/es/src/img/openseadragon/rotateright_pressed.png +0 -0
  145. package/dist/es/src/img/openseadragon/rotateright_rest.png +0 -0
  146. package/dist/es/src/img/openseadragon/zoomin_grouphover.png +0 -0
  147. package/dist/es/src/img/openseadragon/zoomin_hover.png +0 -0
  148. package/dist/es/src/img/openseadragon/zoomin_pressed.png +0 -0
  149. package/dist/es/src/img/openseadragon/zoomin_rest.png +0 -0
  150. package/dist/es/src/img/openseadragon/zoomout_grouphover.png +0 -0
  151. package/dist/es/src/img/openseadragon/zoomout_hover.png +0 -0
  152. package/dist/es/src/img/openseadragon/zoomout_pressed.png +0 -0
  153. package/dist/es/src/img/openseadragon/zoomout_rest.png +0 -0
  154. package/dist/es/src/img/spinner.gif +0 -0
  155. package/dist/es/src/img/text-bg.png +0 -0
  156. package/dist/es/src/img/watermark.png +0 -0
  157. package/dist/es/src/index.js +1 -0
  158. package/dist/es/src/scss/_base.scss +0 -13
  159. package/dist/es/src/scss/_navigation.scss +9 -1
  160. package/dist/es/src/scss/_xmlView.scss +7 -3
  161. package/package.json +4 -9
  162. package/dist/cjs/src/polyfills.js +0 -212
  163. package/dist/editioncrafter.css +0 -2462
  164. package/dist/editioncrafter.css.map +0 -1
  165. package/dist/editioncrafter.min.js.map +0 -1
  166. package/dist/es/src/polyfills.js +0 -216
@@ -177,19 +177,18 @@ var DocumentView = /*#__PURE__*/function (_Component) {
177
177
  }
178
178
  }, {
179
179
  key: "findBookFolios",
180
- value: function findBookFolios(shortID) {
180
+ value: function findBookFolios(folioID) {
181
181
  var document = this.props.document;
182
- var versoFolio = document.folioNameByIDIndex[shortID];
183
- var versoIndex = document.folioIndex.indexOf(shortID);
184
- if (!versoFolio.endsWith('v')) {
185
- if (versoFolio.endsWith('r')) {
186
- versoIndex -= 1;
187
- } else {
188
- return [null, null];
182
+ var versoFolio = document.folioIndex[folioID];
183
+ var name = versoFolio.name,
184
+ pageNumber = versoFolio.pageNumber;
185
+ if (!name.endsWith('v')) {
186
+ if (name.endsWith('r')) {
187
+ return [document.folios[pageNumber - 1].id, document.folios[pageNumber].id];
189
188
  }
189
+ return [null, null];
190
190
  }
191
- var rectoIndex = versoIndex + 1;
192
- return [document.folioIndex[versoIndex], document.folioIndex[rectoIndex]];
191
+ return [document.folios[pageNumber].id, document.folios[pageNumber + 1].id];
193
192
  }
194
193
  }, {
195
194
  key: "changeTranscriptionType",
@@ -329,8 +328,9 @@ var DocumentView = /*#__PURE__*/function (_Component) {
329
328
  value: function renderPane(side, docView) {
330
329
  var viewType = this.determineViewType(side);
331
330
  var key = this.viewPaneKey(side);
331
+ var folioID = docView[side].iiifShortID;
332
+ var transcriptionType = docView[side].transcriptionType;
332
333
  if (viewType === 'ImageView') {
333
- var folioID = docView[side].iiifShortID;
334
334
  return /*#__PURE__*/_react["default"].createElement(_ImageView["default"], {
335
335
  key: key,
336
336
  folioID: folioID,
@@ -340,20 +340,20 @@ var DocumentView = /*#__PURE__*/function (_Component) {
340
340
  });
341
341
  }
342
342
  if (viewType === 'TranscriptionView') {
343
- var _folioID2 = docView[side].iiifShortID;
344
- var transcriptionType = docView[side].transcriptionType;
345
343
  return /*#__PURE__*/_react["default"].createElement(_TranscriptionView["default"], {
346
344
  key: key,
347
345
  documentView: docView,
348
346
  documentViewActions: this.documentViewActions,
349
347
  side: side,
350
- folioID: _folioID2,
348
+ folioID: folioID,
351
349
  transcriptionType: transcriptionType
352
350
  });
353
351
  }
354
352
  if (viewType === 'XMLView') {
355
353
  return /*#__PURE__*/_react["default"].createElement(_XMLView["default"], {
356
354
  key: key,
355
+ folioID: folioID,
356
+ transcriptionType: transcriptionType,
357
357
  documentView: docView,
358
358
  documentViewActions: this.documentViewActions,
359
359
  side: side
@@ -13,6 +13,11 @@ var _List = _interopRequireDefault(require("@material-ui/core/List"));
13
13
  var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
14
14
  var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
15
15
  var _fa = require("react-icons/fa");
16
+ var _howtouseAsterisk = _interopRequireDefault(require("../icons/howtouse-asterisk.png"));
17
+ var _howtouseCurly = _interopRequireDefault(require("../icons/howtouse-curly.png"));
18
+ var _howtouseBeaker = _interopRequireDefault(require("../icons/howtouse-beaker.png"));
19
+ var _howtouseSquare = _interopRequireDefault(require("../icons/howtouse-square.png"));
20
+ var _howtouseUps = _interopRequireDefault(require("../icons/howtouse-ups.png"));
16
21
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
22
  var HelpPopper = function HelpPopper(props) {
18
23
  return /*#__PURE__*/_react["default"].createElement(_Popper["default"], {
@@ -32,21 +37,23 @@ var HelpPopper = function HelpPopper(props) {
32
37
  variant: "h6",
33
38
  component: "h2"
34
39
  }, "Toolbar Buttons"), /*#__PURE__*/_react["default"].createElement(_List["default"], null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
35
- className: "fa fa-lock active"
40
+ className: "fa fa-lock"
36
41
  }), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
37
42
  primary: "Toggle Sync Views"
38
43
  })), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
39
- className: "fa fa-book active"
44
+ className: "fa fa-book"
40
45
  }), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
41
46
  primary: "Toggle Book Mode"
42
47
  })), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
43
- className: "fa fa-code active"
48
+ className: "fa fa-code"
44
49
  }), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
45
50
  primary: "Toggle XML Mode"
46
- })), /*#__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"], {
51
+ })), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
52
+ className: "horizontal-buttons"
53
+ }, /*#__PURE__*/_react["default"].createElement(_fa.FaArrowCircleLeft, null), /*#__PURE__*/_react["default"].createElement(_fa.FaArrowCircleRight, null)), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
47
54
  primary: "Go Forward / Back"
48
55
  })), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
49
- className: "fa fa-hand-point-right active"
56
+ className: "fa fa-hand-point-right"
50
57
  }), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
51
58
  primary: "Jump to folio"
52
59
  })), /*#__PURE__*/_react["default"].createElement("div", {
@@ -61,23 +68,23 @@ var HelpPopper = function HelpPopper(props) {
61
68
  variant: "overline",
62
69
  component: "span"
63
70
  }, "Meaning")))), /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("img", {
64
- src: "/img/howtouse-ups.png",
71
+ src: _howtouseUps["default"],
65
72
  alt: "howtouse-ups"
66
73
  })), /*#__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", {
67
- src: "/img/howtouse-curly.png",
74
+ src: _howtouseCurly["default"],
68
75
  alt: "howtouse-curly"
69
76
  })), /*#__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", {
70
- src: "/img/howtouse-square.png",
77
+ src: _howtouseSquare["default"],
71
78
  alt: "howtouse-square"
72
79
  })), /*#__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", {
73
- src: "/img/howtouse-beaker.png",
80
+ src: _howtouseBeaker["default"],
74
81
  alt: "howtouse-beaker"
75
82
  })), /*#__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", {
76
- src: "/img/howtouse-asterisk.png",
83
+ src: _howtouseAsterisk["default"],
77
84
  alt: "howtouse-asterisk"
78
- })), /*#__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", {
85
+ })), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Editorial Comments"))))))), /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "See \xA0", /*#__PURE__*/_react["default"].createElement("a", {
79
86
  href: "#/content/how-to-use"
80
- }, "How to Use"), ' ', "for more information.")))));
87
+ }, "How to Use"), "\xA0 for more information.")))));
81
88
  };
82
89
  var _default = HelpPopper;
83
90
  exports["default"] = _default;
@@ -81,16 +81,14 @@ var ImageGridView = /*#__PURE__*/function (_React$Component) {
81
81
  };
82
82
  return _this;
83
83
  }
84
-
85
- // TODO REFACTOR
86
84
  _createClass(ImageGridView, [{
87
- key: "UNSAFE_componentWillReceiveProps",
88
- value: function UNSAFE_componentWillReceiveProps(nextProps) {
85
+ key: "componentDidUpdate",
86
+ value: function componentDidUpdate(prevProps) {
89
87
  var documentView = this.props.documentView;
90
88
  var folioID = documentView[this.props.side].iiifShortID;
91
- var nextFolioID = nextProps.documentView[this.props.side].iiifShortID;
89
+ var nextFolioID = this.props.documentView[this.props.side].iiifShortID;
92
90
  if (folioID !== nextFolioID) {
93
- var thumbs = this.generateThumbs(nextFolioID, nextProps.document.folios);
91
+ var thumbs = this.generateThumbs(nextFolioID, this.props.document.folios);
94
92
  var thumbCount = thumbs.length > this.loadIncrement ? this.loadIncrement : thumbs.length;
95
93
  var visibleThumbs = thumbs.slice(0, thumbCount);
96
94
  this.setState({
@@ -89,11 +89,6 @@ var ImageView = /*#__PURE__*/function (_Component) {
89
89
  folioID = _this$props2.folioID,
90
90
  side = _this$props2.side;
91
91
  var folio = document.folioIndex[folioID];
92
- // if( folio.loading ) {
93
- // window.loadingModal_start();
94
- // } else {
95
- // window.loadingModal_stop();
96
- // }
97
92
  return /*#__PURE__*/_react["default"].createElement("div", null, folio.tileSource && /*#__PURE__*/_react["default"].createElement("div", {
98
93
  className: "image-view imageViewComponent ".concat(this.props.side)
99
94
  }, /*#__PURE__*/_react["default"].createElement(_Navigation["default"], {
@@ -51,10 +51,10 @@ var JumpToFolio = /*#__PURE__*/function (_React$Component) {
51
51
  });
52
52
  }
53
53
  }, {
54
- key: "componentWillReceiveProps",
55
- value: function componentWillReceiveProps(nextProps) {
54
+ key: "componentDidUpdate",
55
+ value: function componentDidUpdate(prevProps) {
56
56
  // FIXME: this is an over-clever hack, but how else do you force focus?
57
- if (nextProps.isVisible) {
57
+ if (this.props.isVisible) {
58
58
  var script = document.createElement('script');
59
59
  var id = "".concat(this.props.side, "_jumpInput");
60
60
  script.innerHTML = "setTimeout(function() { document.getElementById('".concat(id, "').focus(); }, 250);");
@@ -54,7 +54,7 @@ var Navigation = /*#__PURE__*/function (_React$Component) {
54
54
  });
55
55
  };
56
56
  _this.toggleBookmode = function toggleBookmode(event) {
57
- if (!this.props.documentView.bookMode === true) {
57
+ if (!this.props.documentView.bookMode) {
58
58
  this.props.documentViewActions.changeCurrentFolio(this.props.documentView.left.iiifShortID, 'left', this.props.documentView.left.transcriptionType);
59
59
  this.props.documentViewActions.changeCurrentFolio(this.props.documentView.left.nextFolioShortID, 'right', this.props.documentView.left.transcriptionType);
60
60
  }
@@ -11,6 +11,7 @@ var _Navigation = _interopRequireDefault(require("./Navigation"));
11
11
  var _Pagination = _interopRequireDefault(require("./Pagination"));
12
12
  var _EditorComment = _interopRequireDefault(require("./EditorComment"));
13
13
  var _ErrorBoundary = _interopRequireDefault(require("./ErrorBoundary"));
14
+ var _Watermark = _interopRequireDefault(require("./Watermark"));
14
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
16
  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); }
16
17
  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; }
@@ -61,11 +62,19 @@ var TranscriptionView = /*#__PURE__*/function (_Component) {
61
62
  documentView = _this$props.documentView,
62
63
  documentViewActions = _this$props.documentViewActions;
63
64
  if (folioID === '-1') {
64
- return watermark(documentView, documentViewActions, side);
65
+ return /*#__PURE__*/_react["default"].createElement(_Watermark["default"], {
66
+ documentView: documentView,
67
+ documentViewActions: documentViewActions,
68
+ side: side
69
+ });
65
70
  }
66
71
  var folio = document.folioIndex[folioID];
67
72
  if (!folio.transcription) {
68
- return watermark(documentView, documentViewActions, side);
73
+ return /*#__PURE__*/_react["default"].createElement(_Watermark["default"], {
74
+ documentView: documentView,
75
+ documentViewActions: documentViewActions,
76
+ side: side
77
+ });
69
78
  }
70
79
  var transcriptionData = folio.transcription[transcriptionType];
71
80
 
@@ -119,24 +128,6 @@ function htmlToReactParserOptions() {
119
128
  };
120
129
  return parserOptions;
121
130
  }
122
- function watermark(documentView, documentViewActions, side) {
123
- return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Navigation["default"], {
124
- side: side,
125
- documentView: documentView,
126
- documentViewActions: documentViewActions
127
- }), /*#__PURE__*/_react["default"].createElement("div", {
128
- className: "transcriptContent"
129
- }, /*#__PURE__*/_react["default"].createElement(_Pagination["default"], {
130
- side: side,
131
- className: "pagination_upper",
132
- documentView: documentView,
133
- documentViewActions: documentViewActions
134
- }), /*#__PURE__*/_react["default"].createElement("div", {
135
- className: "watermark"
136
- }, /*#__PURE__*/_react["default"].createElement("div", {
137
- className: "watermark_contents"
138
- }))));
139
- }
140
131
  function mapStateToProps(state) {
141
132
  return {
142
133
  annotations: state.annotations,
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _Navigation = _interopRequireDefault(require("./Navigation"));
9
+ var _Pagination = _interopRequireDefault(require("./Pagination"));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+ var Watermark = function Watermark(_ref) {
12
+ var side = _ref.side,
13
+ documentView = _ref.documentView,
14
+ documentViewActions = _ref.documentViewActions;
15
+ return /*#__PURE__*/_react["default"].createElement("div", null, documentView.left.iiifShortID !== '-1' && documentView.right.iiifShortID !== '-1' ? /*#__PURE__*/_react["default"].createElement(_Navigation["default"], {
16
+ side: side,
17
+ documentView: documentView,
18
+ documentViewActions: documentViewActions
19
+ }) : null, /*#__PURE__*/_react["default"].createElement("div", {
20
+ className: "transcriptContent"
21
+ }, /*#__PURE__*/_react["default"].createElement(_Pagination["default"], {
22
+ side: side,
23
+ className: "pagination_upper",
24
+ documentView: documentView,
25
+ documentViewActions: documentViewActions
26
+ }), /*#__PURE__*/_react["default"].createElement("div", {
27
+ className: "watermark"
28
+ }, /*#__PURE__*/_react["default"].createElement("div", {
29
+ className: "watermark_contents"
30
+ }))));
31
+ };
32
+ var _default = Watermark;
33
+ exports["default"] = _default;
@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
8
8
  var _reactRedux = require("react-redux");
9
9
  var _Navigation = _interopRequireDefault(require("./Navigation"));
10
10
  var _Pagination = _interopRequireDefault(require("./Pagination"));
11
- var _DocumentHelper = _interopRequireDefault(require("../model/DocumentHelper"));
11
+ var _Watermark = _interopRequireDefault(require("./Watermark"));
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
13
  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); }
14
14
  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; }
@@ -27,79 +27,20 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
27
27
  var XMLView = /*#__PURE__*/function (_Component) {
28
28
  _inherits(XMLView, _Component);
29
29
  var _super = _createSuper(XMLView);
30
- function XMLView(props) {
31
- var _this;
30
+ function XMLView() {
32
31
  _classCallCheck(this, XMLView);
33
- _this = _super.call(this, props);
34
- _this.state = {
35
- folio: [],
36
- isLoaded: false,
37
- currentlyLoaded: ''
38
- };
39
- _this.contentChange = true;
40
- return _this;
32
+ return _super.apply(this, arguments);
41
33
  }
42
34
  _createClass(XMLView, [{
43
- key: "loadFolio",
44
- value: function loadFolio(folio) {
45
- var _this2 = this;
35
+ key: "render",
36
+ value:
37
+ // RENDER
38
+ function render() {
46
39
  var _this$props = this.props,
47
40
  side = _this$props.side,
48
- documentView = _this$props.documentView;
49
- if (typeof folio === 'undefined') {
50
- // console.log("TranscriptView: Folio is undefined when you called loadFolio()!");
51
- return;
52
- }
53
- folio.load().then(function (folio) {
54
- var folioID = documentView[side].iiifShortID;
55
- _this2.setState({
56
- folio: folio,
57
- isLoaded: true,
58
- currentlyLoaded: folioID
59
- });
60
- // this.forceUpdate();
61
- }, function (error) {
62
- console.log("Unable to load transcription: ".concat(error));
63
- // this.forceUpdate();
64
- });
65
- }
66
-
67
- // Refresh the content if there is an incoming change
68
- }, {
69
- key: "UNSAFE_componentWillReceiveProps",
70
- value: function UNSAFE_componentWillReceiveProps(nextProps) {
71
- this.contentChange = false;
72
- var nextFolioID = nextProps.documentView[this.props.side].iiifShortID;
73
- if (this.state.currentlyLoaded !== nextFolioID) {
74
- this.contentChange = true;
75
- this.loadFolio(this.props.document.folioIndex[nextFolioID]);
76
- }
77
- }
78
- }, {
79
- key: "componentDidUpdate",
80
- value: function componentDidUpdate() {
81
- // TODO make this work for XML view
82
-
83
- if (this.contentChange) {
84
- // Scroll content to top
85
- var selector = "xmlViewComponent_".concat(this.props.side);
86
- var el = document.getElementById(selector);
87
- if (el !== null) {
88
- // console.log(selector + "scroll to top");
89
- el.scrollTop = 0;
90
- }
91
- }
92
- }
93
-
94
- // RENDER
95
- }, {
96
- key: "render",
97
- value: function render() {
98
- var _this$props2 = this.props,
99
- side = _this$props2.side,
100
- document = _this$props2.document,
101
- documentView = _this$props2.documentView,
102
- documentViewActions = _this$props2.documentViewActions;
41
+ document = _this$props.document,
42
+ documentView = _this$props.documentView,
43
+ documentViewActions = _this$props.documentViewActions;
103
44
  var thisClass = "xmlViewComponent ".concat(side);
104
45
  var thisID = "xmlViewComponent_".concat(side);
105
46
 
@@ -112,18 +53,17 @@ var XMLView = /*#__PURE__*/function (_Component) {
112
53
  className: "watermark_contents"
113
54
  }));
114
55
  }
115
- if (!this.state.isLoaded) {
116
- this.loadFolio(document.folioIndex[folioID]);
117
- return /*#__PURE__*/_react["default"].createElement("div", {
118
- className: "watermark"
119
- }, /*#__PURE__*/_react["default"].createElement("div", {
120
- className: "watermark_contents"
121
- }));
56
+ var folio = document.folioIndex[folioID];
57
+ if (!folio.transcription) {
58
+ return /*#__PURE__*/_react["default"].createElement(_Watermark["default"], {
59
+ documentView: documentView,
60
+ documentViewActions: documentViewActions,
61
+ side: side
62
+ });
122
63
  }
123
-
124
- // get the xml for this transcription
125
64
  var transcriptionType = documentView[side].transcriptionType;
126
- var xmlContent = this.state.folio.transcription["".concat(transcriptionType, "_xml")];
65
+ var transcriptionData = folio.transcription[transcriptionType];
66
+ var xmlContent = transcriptionData.xml;
127
67
  return /*#__PURE__*/_react["default"].createElement("div", {
128
68
  id: thisID,
129
69
  className: thisClass
@@ -131,16 +71,14 @@ var XMLView = /*#__PURE__*/function (_Component) {
131
71
  side: side,
132
72
  documentView: documentView,
133
73
  documentViewActions: documentViewActions
134
- }), /*#__PURE__*/_react["default"].createElement("div", {
135
- className: "xmlContent"
136
- }, /*#__PURE__*/_react["default"].createElement(_Pagination["default"], {
74
+ }), /*#__PURE__*/_react["default"].createElement(_Pagination["default"], {
137
75
  side: side,
138
76
  className: "pagination_upper",
139
77
  documentView: documentView,
140
78
  documentViewActions: documentViewActions
141
79
  }), /*#__PURE__*/_react["default"].createElement("div", {
142
80
  className: "xmlContentInner"
143
- }, /*#__PURE__*/_react["default"].createElement("pre", null, xmlContent))));
81
+ }, /*#__PURE__*/_react["default"].createElement("pre", null, xmlContent)));
144
82
  }
145
83
  }]);
146
84
  return XMLView;
Binary file
Binary file
Binary file
Binary file
Binary file
@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
8
8
  var _styles = require("@material-ui/core/styles");
9
9
  var _DiploMatic = _interopRequireDefault(require("./component/DiploMatic"));
10
10
  var _ReduxStore = require("./model/ReduxStore");
11
+ require("./scss/editioncrafter.scss");
11
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12
13
  /**
13
14
  * Default instantiation