@cu-mkp/editioncrafter 0.2.2 → 0.2.3

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 (14) hide show
  1. package/dist/editioncrafter.min.js +1 -1
  2. package/dist/es/src/component/DiploMatic.js +4 -1
  3. package/dist/es/src/component/DocumentView.js +10 -2
  4. package/dist/es/src/component/Pagination.js +4 -2
  5. package/dist/es/src/component/SeaDragonComponent.js +23 -17
  6. package/dist/es/src/component/TranscriptionView.js +4 -2
  7. package/dist/es/src/scss/_diplomatic.scss +3 -2
  8. package/dist/es/src/scss/_glossary.scss +2 -2
  9. package/dist/es/src/scss/_imageGridView.scss +2 -1
  10. package/dist/es/src/scss/_imageView.scss +3 -1
  11. package/dist/es/src/scss/_pagination.scss +5 -0
  12. package/dist/es/src/scss/_transcriptView.scss +2 -2
  13. package/dist/es/src/scss/_xmlView.scss +3 -2
  14. package/package.json +1 -1
package/dist/es/src/component/DiploMatic.js CHANGED
@@ -37,7 +37,10 @@ var DiploMatic = function DiploMatic(props) {
37
37
  className: fixedFrameModeClass,
38
38
  ref: containerRef
39
39
  }, /*#__PURE__*/React.createElement(RouteListener, null), /*#__PURE__*/React.createElement("div", {
40
- id: "content"
40
+ id: "content",
41
+ style: {
42
+ height: '100%'
43
+ }
41
44
  }, /*#__PURE__*/React.createElement(Routes, null, /*#__PURE__*/React.createElement(Route, {
42
45
  path: "/ec/:folioID/:transcriptionType/:folioID2/:transcriptionType2/:folioID3/:transcriptionType3",
43
46
  element: /*#__PURE__*/React.createElement(DocumentView, Object.assign({}, props, {
package/dist/es/src/component/DocumentView.js CHANGED
@@ -427,7 +427,11 @@ var DocumentView = function DocumentView(props) {
427
427
  right: _objectSpread({}, viewportState('right'))
428
428
  };
429
429
  if (isWidthUp('md', props.width) && !singlePaneMode) {
430
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SplitPaneView, {
430
+ return /*#__PURE__*/React.createElement("div", {
431
+ style: {
432
+ height: '100%'
433
+ }
434
+ }, /*#__PURE__*/React.createElement(SplitPaneView, {
431
435
  leftPane: renderPane('left', docView),
432
436
  rightPane: renderPane('right', docView),
433
437
  thirdPane: renderPane('third', docView),
@@ -435,7 +439,11 @@ var DocumentView = function DocumentView(props) {
435
439
  threePanel: props.document.threePanel
436
440
  }));
437
441
  }
438
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SinglePaneView, {
442
+ return /*#__PURE__*/React.createElement("div", {
443
+ style: {
444
+ height: '100%'
445
+ }
446
+ }, /*#__PURE__*/React.createElement(SinglePaneView, {
439
447
  singlePane: renderPane(viewportState('left').iiifShortID === "-1" ? 'left' : 'right', docView)
440
448
  }));
441
449
  };
package/dist/es/src/component/Pagination.js CHANGED
@@ -41,11 +41,13 @@ var Pagination = /*#__PURE__*/function (_React$Component) {
41
41
  var _this$props2 = this.props,
42
42
  side = _this$props2.side,
43
43
  document = _this$props2.document,
44
- documentView = _this$props2.documentView;
44
+ documentView = _this$props2.documentView,
45
+ _this$props2$bottom = _this$props2.bottom,
46
+ bottom = _this$props2$bottom === void 0 ? false : _this$props2$bottom;
45
47
  if (documentView[side].iiifShortID === '-1') return null;
46
48
  var folioName = document.folioIndex[documentView[side].iiifShortID].name;
47
49
  return /*#__PURE__*/React.createElement("div", {
48
- className: "paginationComponent"
50
+ className: bottom ? "paginationComponent bottom" : "paginationComponent"
49
51
  }, /*#__PURE__*/React.createElement("div", {
50
52
  className: "paginationControl"
51
53
  }, /*#__PURE__*/React.createElement("span", {
package/dist/es/src/component/SeaDragonComponent.js CHANGED
@@ -18,24 +18,30 @@ var SeaDragonComponent = function SeaDragonComponent(props) {
18
18
  loading = _useState2[0],
19
19
  setLoading = _useState2[1];
20
20
  var viewerRef = useRef(null);
21
- useEffect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
22
- return _regeneratorRuntime().wrap(function _callee$(_context) {
23
- while (1) switch (_context.prev = _context.next) {
24
- case 0:
25
- if (!viewerRef.current) {
26
- _context.next = 3;
27
- break;
21
+ useEffect(function () {
22
+ var _ref;
23
+ var loader = function loader() {
24
+ return (_ref = _ref || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
25
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
26
+ while (1) switch (_context.prev = _context.next) {
27
+ case 0:
28
+ if (!viewerRef.current) {
29
+ _context.next = 3;
30
+ break;
31
+ }
32
+ _context.next = 3;
33
+ return initViewer(viewerRef.current, tileSource).then(function () {
34
+ return setLoading(false);
35
+ });
36
+ case 3:
37
+ case "end":
38
+ return _context.stop();
28
39
  }
29
- _context.next = 3;
30
- return initViewer(viewerRef.current, tileSource).then(function () {
31
- return setLoading(false);
32
- });
33
- case 3:
34
- case "end":
35
- return _context.stop();
36
- }
37
- }, _callee);
38
- })), []);
40
+ }, _callee);
41
+ }))).apply(this, arguments);
42
+ };
43
+ loader();
44
+ }, []);
39
45
  var viewer = useMemo(function () {
40
46
  return /*#__PURE__*/React.createElement("div", {
41
47
  id: "image-view-seadragon-".concat(side),
package/dist/es/src/component/TranscriptionView.js CHANGED
@@ -167,7 +167,8 @@ var TranscriptionView = function TranscriptionView(props) {
167
167
  })))), /*#__PURE__*/React.createElement(Pagination, {
168
168
  side: side,
169
169
  documentView: documentView,
170
- documentViewActions: documentViewActions
170
+ documentViewActions: documentViewActions,
171
+ bottom: true
171
172
  }));
172
173
  }
173
174
  return /*#__PURE__*/React.createElement("div", {
@@ -198,7 +199,8 @@ var TranscriptionView = function TranscriptionView(props) {
198
199
  }))))), /*#__PURE__*/React.createElement(Pagination, {
199
200
  side: side,
200
201
  documentView: documentView,
201
- documentViewActions: documentViewActions
202
+ documentViewActions: documentViewActions,
203
+ bottom: true
202
204
  }));
203
205
  };
204
206
  function mapStateToProps(state) {
package/dist/es/src/scss/_diplomatic.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  #diplomatic {
2
- container-type: size;
2
+ container-type: inline-size;
3
3
  container-name: diplomatic;
4
4
  #content-view, .header-wrapper, #entry-list-view, #annotation-list-view {
5
5
  h1,
@@ -303,7 +303,8 @@
303
303
  background: white;
304
304
  // position: fixed;
305
305
  width: auto;
306
- height: auto;
306
+ height: min(100%, 100dvh);
307
+ overflow-y: scroll;
307
308
  // height: calc(100% - $chrome-height);
308
309
  // @include sm {
309
310
  // height: calc(100% - $sm-chrome-height);
package/dist/es/src/scss/_glossary.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  margin: 52px 0 0 0;
8
8
  }
9
9
  width: calc(100% - 1.2rem);
10
- height: calc(100vh - 170px);
10
+ max-height: calc(100vh - 170px);
11
11
  padding: 5px 16px;
12
12
  }
13
13
 
@@ -94,7 +94,7 @@
94
94
 
95
95
  #glossaryContent {
96
96
  padding: 5rem 0 0;
97
- min-height: 100vh;
97
+ max-height: 100vh;
98
98
  -webkit-user-select: text;
99
99
  -moz-user-select: text;
100
100
  -ms-user-select: text;
package/dist/es/src/scss/_imageGridView.scss CHANGED
@@ -2,7 +2,8 @@
2
2
  background-color: #000000;
3
3
  font-size: 0.8rem;
4
4
  overflow: scroll;
5
- height: 100vh;
5
+ height: 100%;
6
+ max-height: 100dvh;
6
7
  }
7
8
 
8
9
  .imageGridComponent > ul {
package/dist/es/src/scss/_imageView.scss CHANGED
@@ -4,6 +4,7 @@
4
4
  #image-view-seadragon-third {
5
5
  width: 100%;
6
6
  height: 100%;
7
+ max-height: 100dvh;
7
8
  grid-area: image_viewer;
8
9
  background: black;
9
10
  }
@@ -13,7 +14,8 @@
13
14
  padding: 0;
14
15
  margin: 0;
15
16
  width: 100%;
16
- height: 100vh;
17
+ height: 100%;
18
+ max-height: 100dvh;
17
19
  }
18
20
 
19
21
  .a9s-annotation.a9s-annotation.selected > rect,
package/dist/es/src/scss/_pagination.scss CHANGED
@@ -17,6 +17,10 @@
17
17
  // padding:1rem 0 0 0;
18
18
  // }
19
19
 
20
+ .paginationComponent.bottom {
21
+ margin-top: 0;
22
+ }
23
+
20
24
  .paginationControl {
21
25
  padding: 16px;
22
26
 
@@ -27,6 +31,7 @@
27
31
  color: #4A4A4A;
28
32
  margin: 1rem 1rem 0;
29
33
  cursor: pointer;
34
+ display: inline-block;
30
35
  }
31
36
 
32
37
  .paginationControl .folioName {
package/dist/es/src/scss/_transcriptView.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  .transcriptionViewComponent {
3
3
  overflow: scroll;
4
- height:calc(100vh - 7rem);
4
+ max-height:calc(100vh - 7rem);
5
5
  .transcriptContent {
6
6
  padding: 50px 16px;
7
7
  @include md {
@@ -12,7 +12,7 @@
12
12
  -moz-user-select: text;
13
13
  -ms-user-select: text;
14
14
  user-select: text;
15
- margin-bottom:92px;
15
+ //margin-bottom:92px;
16
16
 
17
17
  figure {
18
18
  display: inline-flex;
package/dist/es/src/scss/_xmlView.scss CHANGED
@@ -6,7 +6,8 @@
6
6
  padding: 0;
7
7
  margin: 4.5rem 0 0;
8
8
  width: calc(100% - 1.2rem);
9
- min-height: 100vh;
9
+ max-height: 100vh;
10
+ min-height: 100%;
10
11
  -webkit-user-select: text;
11
12
  -moz-user-select: text;
12
13
  -ms-user-select: text;
@@ -17,7 +18,7 @@
17
18
  .xmlViewComponent {
18
19
  overflow: auto;
19
20
  margin: 0 0 0 1rem;
20
- height: calc(100vh - 7rem);
21
+ max-height: calc(100vh - 7rem);
21
22
  }
22
23
 
23
24
  .xmlContentInner {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cu-mkp/editioncrafter",
3
- "version": "0.2.2",
3
+ "version": "0.2.3",
4
4
  "description": "",
5
5
  "private": false,
6
6
  "main": "dist/editioncrafter.min.js",