asma-doc-viewer 1.0.1 → 1.0.4

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 (43) hide show
  1. package/.idea/asma-doc-viewer.iml +9 -0
  2. package/.idea/inspectionProfiles/Project_Default.xml +6 -0
  3. package/.idea/misc.xml +6 -0
  4. package/.idea/modules.xml +8 -0
  5. package/.idea/vcs.xml +6 -0
  6. package/.idea/workspace.xml +66 -0
  7. package/README.md +1 -0
  8. package/build/components/DocumentNav.js +13 -8
  9. package/build/components/FileName.d.ts +1 -1
  10. package/build/components/FileName.js +23 -12
  11. package/build/components/HeaderBar.js +10 -5
  12. package/build/components/ProxyRenderer.js +14 -9
  13. package/build/components/common/Button.js +10 -6
  14. package/build/components/common/index.js +6 -2
  15. package/build/components/icons/index.d.ts +0 -1
  16. package/build/components/icons/index.js +11 -8
  17. package/build/index.js +8 -4
  18. package/build/plugins/html/index.js +8 -4
  19. package/build/plugins/msdoc/index.js +10 -8
  20. package/build/plugins/pdf/components/PDFControls.js +14 -10
  21. package/build/plugins/pdf/components/PDFPagination.js +11 -7
  22. package/build/plugins/pdf/components/icons/index.d.ts +0 -1
  23. package/build/plugins/pdf/components/icons/index.js +18 -11
  24. package/build/plugins/pdf/components/pages/PDFAllPages.js +9 -4
  25. package/build/plugins/pdf/components/pages/PDFPages.js +11 -7
  26. package/build/plugins/pdf/components/pages/PDFSinglePage.js +7 -3
  27. package/build/plugins/pdf/index.js +7 -4
  28. package/build/plugins/pdf/state/actions.js +8 -4
  29. package/build/plugins/pdf/state/index.js +8 -4
  30. package/build/plugins/pdf/state/reducer.js +2 -1
  31. package/build/plugins/png/index.js +1 -1
  32. package/build/plugins/tiff/index.js +10 -6
  33. package/build/plugins/tiff/tiffToCanvas.d.ts +1 -1
  34. package/build/plugins/tiff/tiffToCanvas.js +2 -1
  35. package/build/state/actions.js +14 -7
  36. package/build/state/index.js +11 -8
  37. package/build/state/reducer.js +2 -1
  38. package/build/types/index.d.ts +5 -4
  39. package/build/utils/fileLoaders.js +8 -4
  40. package/build/utils/useDocumentLoader.js +12 -11
  41. package/build/utils/useRendererSelector.js +5 -4
  42. package/build/utils/useWindowSize.js +4 -3
  43. package/package.json +62 -62
@@ -1,7 +1,7 @@
1
- import { FC, ReactElement } from "react";
2
- import { ThemedStyledProps } from "styled-components";
3
- import { IMainState } from "../state/reducer";
4
- import { FileLoaderFunction } from "../utils/fileLoaders";
1
+ import { FC, ReactElement } from 'react';
2
+ import { ThemedStyledProps } from 'styled-components';
3
+ import { IMainState } from '../state/reducer';
4
+ import { FileLoaderFunction } from '../utils/fileLoaders';
5
5
  export interface IConfig {
6
6
  header?: IHeaderConfig;
7
7
  }
@@ -28,6 +28,7 @@ export interface IDocument {
28
28
  uri: string;
29
29
  fileType?: string;
30
30
  fileData?: string | ArrayBuffer;
31
+ fileName?: string;
31
32
  }
32
33
  export interface DocRendererProps {
33
34
  mainState: IMainState;
@@ -86,16 +86,20 @@ var _fileLoader = function (_a) {
86
86
  return e;
87
87
  });
88
88
  };
89
- exports.arrayBufferFileLoader = function (props) {
89
+ var arrayBufferFileLoader = function (props) {
90
90
  return _fileLoader(__assign(__assign({}, props), { readerTypeFunction: "arrayBuffer" }));
91
91
  };
92
- exports.dataURLFileLoader = function (props) {
92
+ exports.arrayBufferFileLoader = arrayBufferFileLoader;
93
+ var dataURLFileLoader = function (props) {
93
94
  return _fileLoader(__assign(__assign({}, props), { readerTypeFunction: "dataURL" }));
94
95
  };
95
- exports.textFileLoader = function (props) {
96
+ exports.dataURLFileLoader = dataURLFileLoader;
97
+ var textFileLoader = function (props) {
96
98
  return _fileLoader(__assign(__assign({}, props), { readerTypeFunction: "text" }));
97
99
  };
98
- exports.binaryStringFileLoader = function (props) {
100
+ exports.textFileLoader = textFileLoader;
101
+ var binaryStringFileLoader = function (props) {
99
102
  return _fileLoader(__assign(__assign({}, props), { readerTypeFunction: "binaryString" }));
100
103
  };
104
+ exports.binaryStringFileLoader = binaryStringFileLoader;
101
105
  exports.defaultFileLoader = exports.dataURLFileLoader;
@@ -20,12 +20,12 @@ var useRendererSelector_1 = require("./useRendererSelector");
20
20
  /**
21
21
  * Custom Hook for loading the current document into context
22
22
  */
23
- exports.useDocumentLoader = function () {
24
- var _a = react_1.useContext(state_1.DocViewerContext), state = _a.state, dispatch = _a.dispatch;
23
+ var useDocumentLoader = function () {
24
+ var _a = (0, react_1.useContext)(state_1.DocViewerContext), state = _a.state, dispatch = _a.dispatch;
25
25
  var currentFileNo = state.currentFileNo, currentDocument = state.currentDocument;
26
- var CurrentRenderer = useRendererSelector_1.useRendererSelector().CurrentRenderer;
26
+ var CurrentRenderer = (0, useRendererSelector_1.useRendererSelector)().CurrentRenderer;
27
27
  var documentURI = (currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.uri) || "";
28
- react_1.useEffect(function () {
28
+ (0, react_1.useEffect)(function () {
29
29
  if (!currentDocument)
30
30
  return;
31
31
  if (currentDocument.fileType !== undefined)
@@ -36,7 +36,7 @@ exports.useDocumentLoader = function () {
36
36
  var contentTypeRaw = response.headers.get("content-type");
37
37
  var contentTypes = (contentTypeRaw === null || contentTypeRaw === void 0 ? void 0 : contentTypeRaw.split(";")) || [];
38
38
  var contentType = contentTypes.length ? contentTypes[0] : undefined;
39
- dispatch(actions_1.updateCurrentDocument(__assign(__assign({}, currentDocument), { fileType: contentType || undefined })));
39
+ dispatch((0, actions_1.updateCurrentDocument)(__assign(__assign({}, currentDocument), { fileType: contentType || undefined })));
40
40
  });
41
41
  return function () {
42
42
  controller.abort();
@@ -46,7 +46,7 @@ exports.useDocumentLoader = function () {
46
46
  // be a dependancy of the useEffect
47
47
  // eslint-disable-next-line react-hooks/exhaustive-deps
48
48
  [currentFileNo, documentURI]);
49
- react_1.useEffect(function () {
49
+ (0, react_1.useEffect)(function () {
50
50
  var _a;
51
51
  if (!currentDocument || CurrentRenderer === undefined)
52
52
  return;
@@ -54,24 +54,24 @@ exports.useDocumentLoader = function () {
54
54
  var signal = controller.signal;
55
55
  var fileLoaderComplete = function (fileReader) {
56
56
  if (!currentDocument || !fileReader) {
57
- dispatch(actions_1.setDocumentLoading(false));
57
+ dispatch((0, actions_1.setDocumentLoading)(false));
58
58
  return;
59
59
  }
60
60
  var updatedDocument = __assign({}, currentDocument);
61
61
  if (fileReader.result !== null) {
62
62
  updatedDocument.fileData = fileReader.result;
63
63
  }
64
- dispatch(actions_1.updateCurrentDocument(updatedDocument));
65
- dispatch(actions_1.setDocumentLoading(false));
64
+ dispatch((0, actions_1.updateCurrentDocument)(updatedDocument));
65
+ dispatch((0, actions_1.setDocumentLoading)(false));
66
66
  };
67
67
  if (CurrentRenderer === null) {
68
- dispatch(actions_1.setDocumentLoading(false));
68
+ dispatch((0, actions_1.setDocumentLoading)(false));
69
69
  }
70
70
  else if (CurrentRenderer.fileLoader !== undefined) {
71
71
  (_a = CurrentRenderer.fileLoader) === null || _a === void 0 ? void 0 : _a.call(CurrentRenderer, { documentURI: documentURI, signal: signal, fileLoaderComplete: fileLoaderComplete });
72
72
  }
73
73
  else {
74
- fileLoaders_1.defaultFileLoader({ documentURI: documentURI, signal: signal, fileLoaderComplete: fileLoaderComplete });
74
+ (0, fileLoaders_1.defaultFileLoader)({ documentURI: documentURI, signal: signal, fileLoaderComplete: fileLoaderComplete });
75
75
  }
76
76
  return function () {
77
77
  controller.abort();
@@ -79,3 +79,4 @@ exports.useDocumentLoader = function () {
79
79
  }, [CurrentRenderer]);
80
80
  return { state: state, dispatch: dispatch, CurrentRenderer: CurrentRenderer };
81
81
  };
82
+ exports.useDocumentLoader = useDocumentLoader;
@@ -6,10 +6,10 @@ var state_1 = require("../state");
6
6
  /**
7
7
  * Custom Hook for loading the current document into context
8
8
  */
9
- exports.useRendererSelector = function () {
10
- var _a = react_1.useContext(state_1.DocViewerContext).state, currentDocument = _a.currentDocument, pluginRenderers = _a.pluginRenderers;
11
- var _b = react_1.useState(), CurrentRenderer = _b[0], setCurrentRenderer = _b[1];
12
- react_1.useEffect(function () {
9
+ var useRendererSelector = function () {
10
+ var _a = (0, react_1.useContext)(state_1.DocViewerContext).state, currentDocument = _a.currentDocument, pluginRenderers = _a.pluginRenderers;
11
+ var _b = (0, react_1.useState)(), CurrentRenderer = _b[0], setCurrentRenderer = _b[1];
12
+ (0, react_1.useEffect)(function () {
13
13
  if (!currentDocument)
14
14
  return;
15
15
  // Do not advance if the document does not yet have a fileType
@@ -37,3 +37,4 @@ exports.useRendererSelector = function () {
37
37
  }, [currentDocument]);
38
38
  return { CurrentRenderer: CurrentRenderer };
39
39
  };
40
+ exports.useRendererSelector = useRendererSelector;
@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useWindowSize = void 0;
4
4
  var react_1 = require("react");
5
5
  // Hook
6
- exports.useWindowSize = function () {
6
+ var useWindowSize = function () {
7
7
  // Initialize state with undefined width/height so server and client renders match
8
8
  // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
9
- var _a = react_1.useState({
9
+ var _a = (0, react_1.useState)({
10
10
  width: undefined,
11
11
  height: undefined,
12
12
  }), windowSize = _a[0], setWindowSize = _a[1];
13
- react_1.useEffect(function () {
13
+ (0, react_1.useEffect)(function () {
14
14
  // Handler to call on window resize
15
15
  function handleResize() {
16
16
  // Set window width/height to state
@@ -31,3 +31,4 @@ exports.useWindowSize = function () {
31
31
  }, []); // Empty array ensures that effect is only run on mount
32
32
  return windowSize;
33
33
  };
34
+ exports.useWindowSize = useWindowSize;
package/package.json CHANGED
@@ -1,64 +1,64 @@
1
1
  {
2
- "name": "asma-doc-viewer",
3
- "version": "1.0.1",
4
- "description": "test",
5
- "author": "",
6
- "license": "ISC",
7
- "repository": {
8
- "url": ""
9
- },
10
- "main": "build/index.js",
11
- "types": "build/index.d.ts",
12
- "dependencies": {
13
- "pdfjs-dist": "2.4.456",
14
- "react-pdf": "5.0.0",
15
- "styled-components": "^5.1.1"
16
- },
17
- "devDependencies": {
18
- "@testing-library/jest-dom": "^4.2.4",
19
- "@testing-library/react": "^9.3.2",
20
- "@testing-library/user-event": "^7.1.2",
21
- "@types/jest": "^24.0.0",
22
- "@types/node": "^12.0.0",
23
- "@types/pdfjs-dist": "2.1.5",
24
- "@types/react": "^16.9.46",
25
- "@types/react-dom": "^16.9.8",
26
- "@types/react-pdf": "4.0.5",
27
- "@types/styled-components": "^5.1.2",
28
- "generate-changelog": "^1.8.0",
29
- "react": "^16.13.1",
30
- "react-dom": "^16.13.1",
31
- "react-scripts": "3.4.3",
32
- "typescript": "^3.9.7"
33
- },
34
- "scripts": {
35
- "start": "react-scripts start",
36
- "build": "rm -rf build && tsc -p tsconfig-npm.json",
37
- "test": "react-scripts test",
38
- "eject": "react-scripts eject",
39
- "version:patch": "npm run version:pre && npm run version:changelog && npm version patch && npm run version:post",
40
- "version:minor": "npm run version:pre && npm run version:changelog && npm version minor && npm run version:post",
41
- "version:major": "npm run version:pre && npm run version:changelog && npm version major && npm run version:post",
42
- "version:pre": "if [ $(git rev-parse --abbrev-ref HEAD) != 'master' ]; then echo \"\\033[1m\\033[31mCurrently on $(git rev-parse --abbrev-ref HEAD) branch. Please checkout master.\\033[0m\"; exit 1; else exit 0; fi",
43
- "version:changelog": "changelog -p && git add CHANGELOG.md && git commit -m 'updated CHANGELOG.md'",
44
- "version:post": "git push origin master && git push origin master --tags",
45
- "build-release:patch": "react-scripts test --watchAll=false && npm run build && npm run version:patch",
46
- "build-release:minor": "react-scripts test --watchAll=false && npm run build && npm run version:minor",
47
- "build-release:major": "react-scripts test --watchAll=false && npm run build && npm run version:major"
48
- },
49
- "eslintConfig": {
50
- "extends": "react-app"
51
- },
52
- "browserslist": {
53
- "production": [
54
- ">0.2%",
55
- "not dead",
56
- "not op_mini all"
57
- ],
58
- "development": [
59
- "last 1 chrome version",
60
- "last 1 firefox version",
61
- "last 1 safari version"
62
- ]
63
- }
2
+ "name": "asma-doc-viewer",
3
+ "version": "1.0.4",
4
+ "description": "test",
5
+ "author": "",
6
+ "license": "ISC",
7
+ "repository": {
8
+ "url": ""
9
+ },
10
+ "main": "build/index.js",
11
+ "types": "build/index.d.ts",
12
+ "dependencies": {
13
+ "pdfjs-dist": "2.4.456",
14
+ "react-pdf": "5.0.0",
15
+ "styled-components": "^5.3.5"
16
+ },
17
+ "devDependencies": {
18
+ "@testing-library/jest-dom": "^5.16.4",
19
+ "@testing-library/react": "^13.3.0",
20
+ "@testing-library/user-event": "^14.2.1",
21
+ "@types/jest": "^28.1.2",
22
+ "@types/node": "^18.0.0",
23
+ "@types/pdfjs-dist": "^2.10.378",
24
+ "@types/react": "^18.0.14",
25
+ "@types/react-dom": "^17.0.2",
26
+ "@types/react-pdf": "4.0.5",
27
+ "@types/styled-components": "^5.1.25",
28
+ "generate-changelog": "^1.8.0",
29
+ "react": "^18.0.14",
30
+ "react-dom": "^18.0.14",
31
+ "react-scripts": "5.0.1",
32
+ "typescript": "^4.7.4"
33
+ },
34
+ "scripts": {
35
+ "start": "react-scripts start",
36
+ "build": "del -rf build & tsc -p tsconfig-npm.json",
37
+ "test": "react-scripts test",
38
+ "eject": "react-scripts eject",
39
+ "version:patch": "npm run version:pre && npm run version:changelog && npm version patch && npm run version:post",
40
+ "version:minor": "npm run version:pre && npm run version:changelog && npm version minor && npm run version:post",
41
+ "version:major": "npm run version:pre && npm run version:changelog && npm version major && npm run version:post",
42
+ "version:pre": "if [ $(git rev-parse --abbrev-ref HEAD) != 'master' ]; then echo \"\\033[1m\\033[31mCurrently on $(git rev-parse --abbrev-ref HEAD) branch. Please checkout master.\\033[0m\"; exit 1; else exit 0; fi",
43
+ "version:changelog": "changelog -p && git add CHANGELOG.md && git commit -m 'updated CHANGELOG.md'",
44
+ "version:post": "git push origin master && git push origin master --tags",
45
+ "build-release:patch": "react-scripts test --watchAll=false && npm run build && npm run version:patch",
46
+ "build-release:minor": "react-scripts test --watchAll=false && npm run build && npm run version:minor",
47
+ "build-release:major": "react-scripts test --watchAll=false && npm run build && npm run version:major"
48
+ },
49
+ "eslintConfig": {
50
+ "extends": "react-app"
51
+ },
52
+ "browserslist": {
53
+ "production": [
54
+ ">0.2%",
55
+ "not dead",
56
+ "not op_mini all"
57
+ ],
58
+ "development": [
59
+ "last 1 chrome version",
60
+ "last 1 firefox version",
61
+ "last 1 safari version"
62
+ ]
63
+ }
64
64
  }