@voplus/morpho-document 5.0.18 → 5.0.19

package/es/controls/PDFViewer/Toolbar/ToolbarState.js

@@ -1,60 +1,61 @@
-import { __decorate } from "tslib";
-import { makeObservable, observable } from "mobx";
-export class DefaultToolState {
-    constructor(context) {
-        Object.defineProperty(this, "context", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: context
-        });
-        Object.defineProperty(this, "enable", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], DefaultToolState.prototype, "enable", void 0);
-/** Toolbar state, also a ProseMirror plugin  */
-export class ToolbarState {
-    constructor(context) {
-        Object.defineProperty(this, "context", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: context
-        });
-        Object.defineProperty(this, "visible", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        /** Current tools states. */
-        Object.defineProperty(this, "states", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Map()
-        });
-        makeObservable(this);
-    }
-    /** Try to get an existing tool state or create a new one if it's not already exists.
-     * @param key - Key of the tool state.
-     * @param factory - factor to create a new option state.
-     */
-    getState(key, factory) {
-        if (!this.states.has(key))
-            this.states.set(key, factory());
-        return this.states.get(key);
-    }
-}
-__decorate([
-    observable
-], ToolbarState.prototype, "visible", void 0);
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class DefaultToolState {
+    constructor(context) {
+        Object.defineProperty(this, "context", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: context
+        });
+        Object.defineProperty(this, "enable", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], DefaultToolState.prototype, "enable", void 0);
+/** Toolbar state, also a ProseMirror plugin  */
+export class ToolbarState {
+    constructor(context) {
+        Object.defineProperty(this, "context", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: context
+        });
+        Object.defineProperty(this, "visible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        /** Current tools states. */
+        Object.defineProperty(this, "states", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
+        makeObservable(this);
+    }
+    /** Try to get an existing tool state or create a new one if it's not already exists.
+     * @param key - Key of the tool state.
+     * @param factory - factor to create a new option state.
+     */
+    getState(key, factory) {
+        if (!this.states.has(key))
+            this.states.set(key, factory());
+        return this.states.get(key);
+    }
+}
+__decorate([
+    observable
+    /** Gets or sets the visibility of toolbar. */
+], ToolbarState.prototype, "visible", void 0);
 //# sourceMappingURL=ToolbarState.js.map

package/es/controls/PDFViewer/Toolbar/ToolbarState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarState.js","sourceRoot":"","sources":["../../../../src/controls/PDFViewer/Toolbar/ToolbarState.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AASlD,MAAM,OAAO,gBAAgB;IAG5B,YAAsB,OAAuB;;;;;mBAAvB;;QAFV;;;;mBAAS,IAAI;WAAC;QAGzB,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CACD;AALY;IAAX,UAAU;gDAAe;AAO3B,gDAAgD;AAChD,MAAM,OAAO,YAAY;IAKxB,YAAoB,OAAuB;;;;;mBAAvB;;QAFpB;;;;mBAAiB,IAAI;WAAC;QAKtB,4BAA4B;QAC5B;;;;mBAA0C,IAAI,GAAG,EAAE;WAAC;QAHnD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAID;;;OAGG;IACI,QAAQ,CAAuB,GAAW,EAAE,OAAgB;QAClE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAM,CAAC;IAClC,CAAC;CACD;AAhBA;IAFC,UAAU;6CAEW"}
+{"version":3,"file":"ToolbarState.js","sourceRoot":"","sources":["../../../../src/controls/PDFViewer/Toolbar/ToolbarState.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AASlD,MAAM,OAAO,gBAAgB;IAG5B,YAAsB,OAAuB;QAAjC;;;;mBAAU,OAAO;WAAgB;QAFjC;;;;mBAAS,IAAI;WAAC;QAGzB,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CACD;AALY;IAAX,UAAU;gDAAe;AAO3B,gDAAgD;AAChD,MAAM,OAAO,YAAY;IAKxB,YAAoB,OAAuB;QAA/B;;;;mBAAQ,OAAO;WAAgB;QAFpC;;;;mBAAU,IAAI;WAAC;QAKtB,4BAA4B;QACpB;;;;mBAAkC,IAAI,GAAG,EAAE;WAAC;QAHnD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAID;;;OAGG;IACI,QAAQ,CAAuB,GAAW,EAAE,OAAgB;QAClE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAM,CAAC;IAClC,CAAC;CACD;AAhBO;IAFN,UAAU;IACX,8CAA8C;6CACxB"}

package/es/controls/PDFViewer/Toolbar/buttons/Download.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Download: () => JSX.Element;
-export default Download;
+import React from "react";
+declare const Download: () => React.JSX.Element;
+export default Download;

package/es/controls/PDFViewer/Toolbar/buttons/Download.js

@@ -1,16 +1,16 @@
-import React from "react";
-import { FontAwesomeIcon as Icon } from "@fortawesome/react-fontawesome";
-import { faFileDownload } from "@fortawesome/pro-regular-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import { saveAs } from "file-saver";
-import { usePDFViewerContext } from "../../state";
-const Download = () => {
-    const context = usePDFViewerContext();
-    return observe(() => (React.createElement("span", { className: "toolbar-button margin-left-10", onClick: onDownload },
-        React.createElement(Icon, { icon: faFileDownload }))));
-    function onDownload() {
-        saveAs(context.url);
-    }
-};
-export default Download;
+import React from "react";
+import { FontAwesomeIcon as Icon } from "@fortawesome/react-fontawesome";
+import { faFileDownload } from "@fortawesome/pro-regular-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { saveAs } from "file-saver";
+import { usePDFViewerContext } from "../../state";
+const Download = () => {
+    const context = usePDFViewerContext();
+    return observe(() => (React.createElement("span", { className: "toolbar-button margin-left-10", onClick: onDownload },
+        React.createElement(Icon, { icon: faFileDownload }))));
+    function onDownload() {
+        saveAs(context.url);
+    }
+};
+export default Download;
 //# sourceMappingURL=Download.js.map

package/es/controls/PDFViewer/Toolbar/buttons/Zoom/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Zoom: () => JSX.Element;
-export default Zoom;
+import React from "react";
+declare const Zoom: () => React.JSX.Element;
+export default Zoom;

package/es/controls/PDFViewer/Toolbar/buttons/Zoom/index.js

@@ -1,32 +1,32 @@
-import { CaretDownOutlined, CaretUpOutlined } from "@ant-design/icons";
-import { DefaultToolState } from "../../ToolbarState";
-import React from "react";
-import { Select } from "@voplus/antd";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-import { usePDFViewerContext } from "../../../state";
-const Zoom = () => {
-    const { Option } = Select;
-    const context = usePDFViewerContext();
-    const state = context === null || context === void 0 ? void 0 : context.toolbar.getState("Zoom", () => new DefaultToolState(context));
-    return observe(() => (React.createElement("span", { className: "toolbar-button", title: "Zoom" },
-        React.createElement(Select, { className: styles["zoom-select"], value: `${Math.round((context === null || context === void 0 ? void 0 : context.Scale) * 100)} %`, style: { width: 110 }, bordered: false, 
-            // disabled={!state?.enableNode}
-            suffixIcon: React.createElement("span", null,
-                React.createElement(CaretUpOutlined, null),
-                React.createElement(CaretDownOutlined, { className: "icon-down" })), onChange: (value) => context === null || context === void 0 ? void 0 : context.Zoom(Number(value)) },
-            React.createElement(Option, { value: "0" }, "Fit Width"),
-            React.createElement(Option, { value: "0.1" }, "10%"),
-            React.createElement(Option, { value: "0.25" }, "25%"),
-            React.createElement(Option, { value: "0.5" }, "50%"),
-            React.createElement(Option, { value: "0.75" }, "75%"),
-            React.createElement(Option, { value: "1" }, "100%"),
-            React.createElement(Option, { value: "1.25" }, "125%"),
-            React.createElement(Option, { value: "1.50" }, "150%"),
-            React.createElement(Option, { value: "2" }, "200%"),
-            React.createElement(Option, { value: "4" }, "400%"),
-            React.createElement(Option, { value: "8" }, "800%"),
-            React.createElement(Option, { value: "16" }, "1600%")))));
-};
-export default Zoom;
+import { CaretDownOutlined, CaretUpOutlined } from "@ant-design/icons";
+import { DefaultToolState } from "../../ToolbarState";
+import React from "react";
+import { Select } from "antd";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { usePDFViewerContext } from "../../../state";
+const Zoom = () => {
+    const { Option } = Select;
+    const context = usePDFViewerContext();
+    const state = context === null || context === void 0 ? void 0 : context.toolbar.getState("Zoom", () => new DefaultToolState(context));
+    return observe(() => (React.createElement("span", { className: "toolbar-button", title: "Zoom" },
+        React.createElement(Select, { className: styles["zoom-select"], value: `${Math.round((context === null || context === void 0 ? void 0 : context.Scale) * 100)} %`, style: { width: 110 }, bordered: false, 
+            // disabled={!state?.enableNode}
+            suffixIcon: React.createElement("span", null,
+                React.createElement(CaretUpOutlined, null),
+                React.createElement(CaretDownOutlined, { className: "icon-down" })), onChange: (value) => context === null || context === void 0 ? void 0 : context.Zoom(Number(value)) },
+            React.createElement(Option, { value: "0" }, "Fit Width"),
+            React.createElement(Option, { value: "0.1" }, "10%"),
+            React.createElement(Option, { value: "0.25" }, "25%"),
+            React.createElement(Option, { value: "0.5" }, "50%"),
+            React.createElement(Option, { value: "0.75" }, "75%"),
+            React.createElement(Option, { value: "1" }, "100%"),
+            React.createElement(Option, { value: "1.25" }, "125%"),
+            React.createElement(Option, { value: "1.50" }, "150%"),
+            React.createElement(Option, { value: "2" }, "200%"),
+            React.createElement(Option, { value: "4" }, "400%"),
+            React.createElement(Option, { value: "8" }, "800%"),
+            React.createElement(Option, { value: "16" }, "1600%")))));
+};
+export default Zoom;
 //# sourceMappingURL=index.js.map

package/es/controls/PDFViewer/Toolbar/buttons/Zoom/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/controls/PDFViewer/Toolbar/buttons/Zoom/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,IAAI,GAAG,GAAG,EAAE;IACjB,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC1B,MAAM,OAAO,GAAG,mBAAmB,EAAG,CAAC;IACvC,MAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;IAErF,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,8BAAM,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,MAAM;QAC5C,oBAAC,MAAM,IACN,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,EAChC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,IAAG,GAAG,CAAC,IAAI,EAC9C,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACrB,QAAQ,EAAE,KAAK;YACf,gCAAgC;YAChC,UAAU,EACT;gBACC,oBAAC,eAAe,OAAG;gBACnB,oBAAC,iBAAiB,IAAC,SAAS,EAAC,WAAW,GAAG,CACrC,EAER,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAEjD,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,gBAAmB;YACpC,oBAAC,MAAM,IAAC,KAAK,EAAC,KAAK,UAAa;YAChC,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,UAAa;YACjC,oBAAC,MAAM,IAAC,KAAK,EAAC,KAAK,UAAa;YAChC,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,UAAa;YACjC,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,WAAc;YAClC,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,WAAc;YAClC,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,IAAI,YAAe,CACzB,CACH,CACP,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/controls/PDFViewer/Toolbar/buttons/Zoom/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,IAAI,GAAG,GAAG,EAAE;IACjB,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC1B,MAAM,OAAO,GAAG,mBAAmB,EAAG,CAAC;IACvC,MAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;IAErF,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,8BAAM,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,MAAM;QAC5C,oBAAC,MAAM,IACN,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,EAChC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,IAAG,GAAG,CAAC,IAAI,EAC9C,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACrB,QAAQ,EAAE,KAAK;YACf,gCAAgC;YAChC,UAAU,EACT;gBACC,oBAAC,eAAe,OAAG;gBACnB,oBAAC,iBAAiB,IAAC,SAAS,EAAC,WAAW,GAAG,CACrC,EAER,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAEjD,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,gBAAmB;YACpC,oBAAC,MAAM,IAAC,KAAK,EAAC,KAAK,UAAa;YAChC,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,UAAa;YACjC,oBAAC,MAAM,IAAC,KAAK,EAAC,KAAK,UAAa;YAChC,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,UAAa;YACjC,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,WAAc;YAClC,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,WAAc;YAClC,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,IAAI,YAAe,CACzB,CACH,CACP,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/es/controls/PDFViewer/Toolbar/buttons/ZoomIn.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Zoom: () => JSX.Element;
-export default Zoom;
+import React from "react";
+declare const Zoom: () => React.JSX.Element;
+export default Zoom;

package/es/controls/PDFViewer/Toolbar/buttons/ZoomIn.js

@@ -1,14 +1,14 @@
-import { DefaultToolState } from "../ToolbarState";
-import { FontAwesomeIcon as Icon } from "@fortawesome/react-fontawesome";
-import React from "react";
-import { faPlusCircle } from "@fortawesome/pro-regular-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import { usePDFViewerContext } from "../../state";
-const Zoom = () => {
-    const context = usePDFViewerContext();
-    const state = context === null || context === void 0 ? void 0 : context.toolbar.getState("ZoomIn", () => new DefaultToolState(context));
-    return observe(() => (React.createElement("span", { className: "toolbar-button", title: "Zoom In", onClick: () => context === null || context === void 0 ? void 0 : context.Zoom(context.Scale * 1.1) },
-        React.createElement(Icon, { icon: faPlusCircle }))));
-};
-export default Zoom;
+import { DefaultToolState } from "../ToolbarState";
+import { FontAwesomeIcon as Icon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { faPlusCircle } from "@fortawesome/pro-regular-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { usePDFViewerContext } from "../../state";
+const Zoom = () => {
+    const context = usePDFViewerContext();
+    const state = context === null || context === void 0 ? void 0 : context.toolbar.getState("ZoomIn", () => new DefaultToolState(context));
+    return observe(() => (React.createElement("span", { className: "toolbar-button", title: "Zoom In", onClick: () => context === null || context === void 0 ? void 0 : context.Zoom(context.Scale * 1.1) },
+        React.createElement(Icon, { icon: faPlusCircle }))));
+};
+export default Zoom;
 //# sourceMappingURL=ZoomIn.js.map

package/es/controls/PDFViewer/Toolbar/buttons/ZoomOut.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Zoom: () => JSX.Element;
-export default Zoom;
+import React from "react";
+declare const Zoom: () => React.JSX.Element;
+export default Zoom;

package/es/controls/PDFViewer/Toolbar/buttons/ZoomOut.js

@@ -1,14 +1,14 @@
-import { DefaultToolState } from "../ToolbarState";
-import { FontAwesomeIcon as Icon } from "@fortawesome/react-fontawesome";
-import React from "react";
-import { faMinusCircle } from "@fortawesome/pro-regular-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import { usePDFViewerContext } from "../../state";
-const Zoom = () => {
-    const context = usePDFViewerContext();
-    const state = context === null || context === void 0 ? void 0 : context.toolbar.getState("ZoomIn", () => new DefaultToolState(context));
-    return observe(() => (React.createElement("span", { className: "toolbar-button", title: "Zoom In", onClick: () => context === null || context === void 0 ? void 0 : context.Zoom(context.Scale * 0.9) },
-        React.createElement(Icon, { icon: faMinusCircle }))));
-};
-export default Zoom;
+import { DefaultToolState } from "../ToolbarState";
+import { FontAwesomeIcon as Icon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { faMinusCircle } from "@fortawesome/pro-regular-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { usePDFViewerContext } from "../../state";
+const Zoom = () => {
+    const context = usePDFViewerContext();
+    const state = context === null || context === void 0 ? void 0 : context.toolbar.getState("ZoomIn", () => new DefaultToolState(context));
+    return observe(() => (React.createElement("span", { className: "toolbar-button", title: "Zoom In", onClick: () => context === null || context === void 0 ? void 0 : context.Zoom(context.Scale * 0.9) },
+        React.createElement(Icon, { icon: faMinusCircle }))));
+};
+export default Zoom;
 //# sourceMappingURL=ZoomOut.js.map

package/es/controls/PDFViewer/Toolbar/buttons/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Zoom } from "./Zoom";
-export { default as ZoomIn } from "./ZoomIn";
-export { default as ZoomOut } from "./ZoomOut";
-export { default as Download } from "./Download";
+export { default as Zoom } from "./Zoom";
+export { default as ZoomIn } from "./ZoomIn";
+export { default as ZoomOut } from "./ZoomOut";
+export { default as Download } from "./Download";

package/es/controls/PDFViewer/Toolbar/buttons/index.js

@@ -1,5 +1,5 @@
-export { default as Zoom } from "./Zoom";
-export { default as ZoomIn } from "./ZoomIn";
-export { default as ZoomOut } from "./ZoomOut";
-export { default as Download } from "./Download";
+export { default as Zoom } from "./Zoom";
+export { default as ZoomIn } from "./ZoomIn";
+export { default as ZoomOut } from "./ZoomOut";
+export { default as Download } from "./Download";
 //# sourceMappingURL=index.js.map

package/es/controls/PDFViewer/Toolbar/index.d.ts

@@ -1,16 +1,16 @@
-import { ReactNode } from "react";
-import "./index.less";
-export declare type ToolbarProps = {
-    children?: ReactNode | ReactNode[];
-    /** The tool bar sticky to top or not */
-    sticky?: boolean;
-    /** className */
-    className?: string;
-};
-declare const Toolbar: {
-    (props: ToolbarProps): JSX.Element;
-    defaultProps: {
-        sticky: boolean;
-    };
-};
-export default Toolbar;
+import React, { ReactNode } from "react";
+import "./index.less";
+export type ToolbarProps = {
+    children?: ReactNode | ReactNode[];
+    /** The tool bar sticky to top or not */
+    sticky?: boolean;
+    /** className */
+    className?: string;
+};
+declare const Toolbar: {
+    (props: ToolbarProps): React.JSX.Element;
+    defaultProps: {
+        sticky: boolean;
+    };
+};
+export default Toolbar;

package/es/controls/PDFViewer/Toolbar/index.js

@@ -1,21 +1,21 @@
-import React, { useRef } from "react";
-import { Zoom, ZoomIn, ZoomOut, Download } from "./buttons";
-import { useIsStickyActive } from "@voplus/morpho-ui";
-import { usePDFViewerContext } from "../state";
-import classnames from "classnames";
-import "./index.less";
-const Toolbar = (props) => {
-    const context = usePDFViewerContext();
-    const element = useRef(null);
-    useIsStickyActive({ stickyOn: props.sticky, element });
-    return (React.createElement("div", { className: classnames("pdf-viewer-toolbar", { sticky: props.sticky }, props.className), ref: element, style: { textAlign: "center" } }, props.children ? (props.children) : (React.createElement(React.Fragment, null,
-        React.createElement(ZoomOut, null),
-        React.createElement(Zoom, null),
-        React.createElement(ZoomIn, null),
-        React.createElement(Download, null)))));
-};
-Toolbar.defaultProps = {
-    sticky: true,
-};
-export default Toolbar;
+import React, { useRef } from "react";
+import { Zoom, ZoomIn, ZoomOut, Download } from "./buttons";
+import { useIsStickyActive } from "@voplus/morpho-ui";
+import { usePDFViewerContext } from "../state";
+import classnames from "classnames";
+import "./index.less";
+const Toolbar = (props) => {
+    const context = usePDFViewerContext();
+    const element = useRef(null);
+    useIsStickyActive({ stickyOn: props.sticky, element });
+    return (React.createElement("div", { className: classnames("pdf-viewer-toolbar", { sticky: props.sticky }, props.className), ref: element, style: { textAlign: "center" } }, props.children ? (props.children) : (React.createElement(React.Fragment, null,
+        React.createElement(ZoomOut, null),
+        React.createElement(Zoom, null),
+        React.createElement(ZoomIn, null),
+        React.createElement(Download, null)))));
+};
+Toolbar.defaultProps = {
+    sticky: true,
+};
+export default Toolbar;
 //# sourceMappingURL=index.js.map

package/es/controls/PDFViewer/Toolbar/index.less

@@ -1,4 +1,5 @@
-@import "~@voplus/antd/es/style/index.less";
+@import "~@voplus/morpho-theme/styles/index.less";
+
 :global {
 	.pdf-viewer-toolbar {
 		border: 1px @border-style-base @border-color-split;
@@ -22,13 +23,13 @@
 
 			svg:hover,
 			svg.active {
-				color: @primary-5;
+				color: #40a9ff;
 			}
 			svg.disable {
 				color: #cecece;
 			}
 			span.active {
-				color: @primary-5;
+				color: #40a9ff;
 			}
 		}
 	}

package/es/controls/PDFViewer/index.d.ts

@@ -1,6 +1,7 @@
-/// <reference types="react" />
-import "./index.less";
-import "react-pdf/dist/umd/Page/AnnotationLayer.css";
-import { PDFViewerProps } from "./props";
-declare const PDFViewer: (props: PDFViewerProps) => JSX.Element;
-export default PDFViewer;
+import "./index.less";
+import "react-pdf/dist/esm/Page/AnnotationLayer.css";
+import "react-pdf/dist/esm/Page/TextLayer.css";
+import React from "react";
+import { PDFViewerProps } from "./props";
+declare const PDFViewer: (props: PDFViewerProps) => React.JSX.Element;
+export default PDFViewer;

package/es/controls/PDFViewer/index.js

@@ -1,47 +1,48 @@
-import "./index.less";
-import "react-pdf/dist/umd/Page/AnnotationLayer.css"; // this css is needed to avoid text layer misalignment issue 1 Sep 2022
-import { Document, Page, pdfjs } from "react-pdf";
-import { PDFViewerContext, PDFViewerState } from "./state";
-import React, { useLayoutEffect, useRef, useState } from "react";
-import Panable from "@voplus/morpho-ui/es/controls/Panable";
-import Toolbar from "./Toolbar";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useDeepMemo } from "@voplus/morpho-data";
-pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;
-const PDFViewer = (props) => {
-    const viewerRef = useRef(null);
-    const state = useDeepMemo(() => new PDFViewerState(props.url), [props.url]);
-    const [numPages, setNumPages] = useState(0);
-    useLayoutEffect(() => {
-        const observer = new ResizeObserver(() => {
-            runInAction(() => {
-                state.containerWidth = viewerRef.current.getBoundingClientRect().width;
-            });
-        });
-        observer.observe(viewerRef.current);
-        return () => observer.disconnect();
-    }, []);
-    return observe(() => {
-        var _a;
-        return (React.createElement(PDFViewerContext.Provider, { value: state },
-            React.createElement("div", { className: "pdf-viewer" }, (_a = props.toolbar) !== null && _a !== void 0 ? _a : React.createElement(Toolbar, null),
-                React.createElement(Panable, { scroll: true },
-                    React.createElement(Document, { inputRef: viewerRef, file: state.url, onLoadSuccess: onDocumentLoadSuccess, options: {
-                            cMapUrl: `//cdn.jsdelivr.net/npm/pdfjs-dist@${pdfjs.version}/cmaps/`,
-                            cMapPacked: true,
-                        } }, Array.from(new Array(numPages), (el, index) => {
-                        var _a;
-                        return (React.createElement(Page, { onLoadSuccess: onPageLoadSuccess, width: (_a = state.width) !== null && _a !== void 0 ? _a : undefined, key: `page_${index + 1}`, pageNumber: index + 1, renderTextLayer: true }));
-                    }))))));
-    });
-    function onDocumentLoadSuccess(pdf) {
-        setNumPages(pdf.numPages);
-    }
-    function onPageLoadSuccess(page) {
-        state.updateOriginalWidth(page.originalWidth);
-        return;
-    }
-};
-export default PDFViewer;
+import "./index.less";
+import "react-pdf/dist/esm/Page/AnnotationLayer.css"; // this css is needed to avoid text layer misalignment issue 1 Sep 2022
+import "react-pdf/dist/esm/Page/TextLayer.css";
+import { Document, Page, pdfjs } from "react-pdf";
+import { PDFViewerContext, PDFViewerState } from "./state";
+import React, { useLayoutEffect, useRef, useState } from "react";
+import Panable from "@voplus/morpho-ui/es/controls/Panable";
+import Toolbar from "./Toolbar";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useDeepMemo } from "@voplus/morpho-data";
+pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;
+const PDFViewer = (props) => {
+    const viewerRef = useRef(null);
+    const state = useDeepMemo(() => new PDFViewerState(props.url), [props.url]);
+    const [numPages, setNumPages] = useState(0);
+    useLayoutEffect(() => {
+        const observer = new ResizeObserver(() => {
+            runInAction(() => {
+                state.containerWidth = viewerRef.current.getBoundingClientRect().width;
+            });
+        });
+        observer.observe(viewerRef.current);
+        return () => observer.disconnect();
+    }, []);
+    return observe(() => {
+        var _a;
+        return (React.createElement(PDFViewerContext.Provider, { value: state },
+            React.createElement("div", { className: "pdf-viewer" }, (_a = props.toolbar) !== null && _a !== void 0 ? _a : React.createElement(Toolbar, null),
+                React.createElement(Panable, { scroll: true },
+                    React.createElement(Document, { inputRef: viewerRef, file: state.url, onLoadSuccess: onDocumentLoadSuccess, options: {
+                            cMapUrl: `//cdn.jsdelivr.net/npm/pdfjs-dist@${pdfjs.version}/cmaps/`,
+                            cMapPacked: true,
+                        } }, Array.from(new Array(numPages), (el, index) => {
+                        var _a;
+                        return (React.createElement(Page, { onLoadSuccess: onPageLoadSuccess, width: (_a = state.width) !== null && _a !== void 0 ? _a : undefined, key: `page_${index + 1}`, pageNumber: index + 1, renderTextLayer: true }));
+                    }))))));
+    });
+    function onDocumentLoadSuccess(pdf) {
+        setNumPages(pdf.numPages);
+    }
+    function onPageLoadSuccess(page) {
+        state.updateOriginalWidth(page.originalWidth);
+        return;
+    }
+};
+export default PDFViewer;
 //# sourceMappingURL=index.js.map

package/es/controls/PDFViewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/PDFViewer/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/PDFViewer/index.tsx"],"names":[],"mappings":"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"}

package/es/controls/PDFViewer/props.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from "react";
-export declare type PDFViewerProps = {
-    /** the url of the pdf to be displayed */
-    url: string;
-    /**Toolbar if provide will override the default one. */
-    toolbar?: ReactNode;
-};
+import { ReactNode } from "react";
+export type PDFViewerProps = {
+    /** the url of the pdf to be displayed */
+    url: string;
+    /**Toolbar if provide will override the default one. */
+    toolbar?: ReactNode;
+};

package/es/controls/PDFViewer/props.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=props.js.map