@vitrosoftware/common-ui-ts 1.1.11 → 1.1.12

package/css/white/controls/pdf-viewer/zoom.css

@@ -0,0 +1,14 @@
+.canvasWrapper {
+    position: relative;
+}
+
+canvas.zoom {
+    position: absolute;
+    z-index: 2;
+    opacity: 0;
+    /*outline: 2px solid #ff0000;*/
+}
+
+canvas.zoom.loaded {
+    opacity: 1;
+}

package/dist/constants/Event.d.ts

@@ -0,0 +1,4 @@
+export declare enum EVENT {
+    MOUSEDOWN = "mousedown",
+    RESIZE = "resize"
+}

package/dist/controls/PdfViewer/PdfViewer.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { PdfViewerContext } from './PdfViewerContext';
+export interface PdfViewerProps {
+    context: PdfViewerContext;
+}
+export declare const PdfViewer: (props: PdfViewerProps) => JSX.Element;

package/dist/controls/PdfViewer/PdfViewerContext.d.ts

@@ -0,0 +1,7 @@
+export interface PdfViewerContext {
+    file: any;
+    openFile(): void;
+    getFile(id: string): any;
+    getFileVersionList(id: string): any;
+    createLocale(key: string): any;
+}

package/dist/controls/PdfViewer/Viewer.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { PdfViewerContext } from './PdfViewerContext';
+export interface ViewerProps {
+    context: PdfViewerContext;
+}
+export declare const Viewer: (props: ViewerProps) => JSX.Element;

package/dist/index.css

@@ -1,6 +1,13 @@
-@import url('@vitrosoftware/common-ui-ts/css/white/third-party/kendo.css');
-@import url('@vitrosoftware/common-ui-ts/css/white/third-party/treegrid.css');
-@import url('@vitrosoftware/common-ui-ts/css/white/third-party/jstree/style.min.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/kendo/kendo.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/treegrid/treegrid.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jstree/style.min.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-ui/jquery-ui.min.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-ui/jquery-ui.structure.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-ui/jquery-ui.theme.min.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-contextMenu/jquery.contextMenu.min.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-svg/jquery.svg.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/sweetalert2/sweetalert2.css');
+@import url('@vitrosoftware/common-ui-ts/css/white/controls/pdf-viewer/pdf-viewer.css');
 
 .vitro-opacity-low {
     opacity: .3;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import '../css/white/common.css';
+import '../css/common.css';
 import { Breadcrumbs } from "./controls/Breadcrumbs/Breadcrumbs";
 import { TopLevelMenu } from "./controls/TopLevelMenu/TopLevelMenu";
 import { TreeView } from "./controls/TreeView/TreeView";
@@ -23,6 +23,8 @@ import { View } from "./controls/View/View";
 import { TabGroup } from "./controls/TabGroup/TabGroup";
 import { TabItem } from "./controls/TabGroup/TabItem";
 import { ControlGroup } from "./controls/ControlGroup/ControlGroup";
+import { PdfViewer } from "./controls/PdfViewer/PdfViewer";
+import { PdfViewerContext } from "./controls/PdfViewer/PdfViewerContext";
 export { Breadcrumbs };
 export { TopLevelMenu };
 export { TreeView, TreeViewContext, TREE_VIEW };
@@ -34,3 +36,4 @@ export { ActionHandler, ACTION_HANDLER };
 export { View };
 export { TabGroup };
 export { ControlGroup, TabItem };
+export { PdfViewer, PdfViewerContext };

package/dist/index.js

@@ -17,11 +17,11 @@ var Item = function Item(props) {
   }, props.text);
 };
 
-var EVENTS;
-(function (EVENTS) {
-  EVENTS["MOUSEDOWN"] = "mousedown";
-  EVENTS["RESIZE"] = "resize";
-})(EVENTS || (EVENTS = {}));
+var EVENT;
+(function (EVENT) {
+  EVENT["MOUSEDOWN"] = "mousedown";
+  EVENT["RESIZE"] = "resize";
+})(EVENT || (EVENT = {}));
 
 var styles = {"vitro-breadcrumbs":"_breadcrumbs_vitro-breadcrumbs_1H9SaWn","vitro-breadcrumbs-list-wrap":"_breadcrumbs_vitro-breadcrumbs-list-wrap_2ToVuJR","breadcrumbs-button":"_breadcrumbs_breadcrumbs-button_1rbdArs","vitro-breadcrumbs-list":"_breadcrumbs_vitro-breadcrumbs-list_2EcJLSD","site-name":"_breadcrumbs_site-name_3Tszwcr","opened":"_breadcrumbs_opened_20GYXvG","closed":"_breadcrumbs_closed_2nuvqpK","drop-down-list":"_breadcrumbs_drop-down-list_2zSbI1y"};
 
@@ -51,12 +51,12 @@ var Breadcrumbs = function Breadcrumbs(props) {
     updateBreadcrumbsView();
   }, [windowWidth]);
   React.useEffect(function () {
-    window.addEventListener(EVENTS.MOUSEDOWN, clickOutside);
-    window.addEventListener(EVENTS.RESIZE, handleResize);
+    window.addEventListener(EVENT.MOUSEDOWN, clickOutside);
+    window.addEventListener(EVENT.RESIZE, handleResize);
     handleResize();
     return function () {
-      window.addEventListener(EVENTS.MOUSEDOWN, clickOutside);
-      window.addEventListener(EVENTS.RESIZE, handleResize);
+      window.addEventListener(EVENT.MOUSEDOWN, clickOutside);
+      window.addEventListener(EVENT.RESIZE, handleResize);
     };
   }, []);
   React.useEffect(function () {
@@ -162,12 +162,12 @@ var TopLevelMenu = function TopLevelMenu(props) {
     updateTopLevelMenuView();
   }, [windowWidth]);
   React.useEffect(function () {
-    window.addEventListener(EVENTS.MOUSEDOWN, clickOutside);
-    window.addEventListener(EVENTS.RESIZE, handleResize);
+    window.addEventListener(EVENT.MOUSEDOWN, clickOutside);
+    window.addEventListener(EVENT.RESIZE, handleResize);
     handleResize();
     return function () {
-      window.addEventListener(EVENTS.MOUSEDOWN, clickOutside);
-      window.addEventListener(EVENTS.RESIZE, handleResize);
+      window.addEventListener(EVENT.MOUSEDOWN, clickOutside);
+      window.addEventListener(EVENT.RESIZE, handleResize);
     };
   }, []);
   var handleResize = function handleResize() {
@@ -19881,12 +19881,12 @@ var METHOD;
   METHOD["EDIT"] = "edit";
   METHOD["GET_PARENT"] = "get_parent";
 })(METHOD || (METHOD = {}));
-var EVENT;
+var EVENT$1;
 (function (EVENT) {
   EVENT["CLOSE_NODE"] = "close_node.jstree";
   EVENT["SELECT_NODE"] = "select_node.jstree";
   EVENT["LOADED"] = "loaded.jstree";
-})(EVENT || (EVENT = {}));
+})(EVENT$1 || (EVENT$1 = {}));
 var NODE_TYPE;
 (function (NODE_TYPE) {
   NODE_TYPE["FOLDER"] = "folder";
@@ -19896,7 +19896,7 @@ var NODE_TYPE;
 var TreeViewConstants = {
     __proto__: null,
     get METHOD () { return METHOD; },
-    get EVENT () { return EVENT; },
+    get EVENT () { return EVENT$1; },
     get NODE_TYPE () { return NODE_TYPE; }
 };
 
@@ -20319,7 +20319,7 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
   return TreeGridTableViewContextImpl;
 }();
 
-var EVENT$1;
+var EVENT$2;
 (function (EVENT) {
   EVENT["ON_SELECT"] = "OnSelect";
   EVENT["ON_DATA_SEND"] = "OnDataSend";
@@ -20352,7 +20352,7 @@ var EVENT$1;
   EVENT["ON_START_DRAG"] = "OnStartDrag";
   EVENT["ON_SUGGEST"] = "OnSuggest";
   EVENT["ON_VALUE_CHANGED"] = "OnValueChanged";
-})(EVENT$1 || (EVENT$1 = {}));
+})(EVENT$2 || (EVENT$2 = {}));
 var URL;
 (function (URL) {
   URL["LAYOUT"] = "Layout";
@@ -20467,7 +20467,7 @@ var NUMBER_FORMAT;
 
 var TableViewConstants = {
     __proto__: null,
-    get EVENT () { return EVENT$1; },
+    get EVENT () { return EVENT$2; },
     get URL () { return URL; },
     get CONTROLLER () { return CONTROLLER; },
     get CACHE () { return CACHE; },
@@ -20529,7 +20529,7 @@ var TreeGrid = function TreeGrid(props) {
     }
     if (props.onSelect) {
       var onSelectEventHandler = {
-        id: EVENT$1.ON_SELECT,
+        id: EVENT$2.ON_SELECT,
         process: props.onSelect
       };
       grid.setEventHandler(onSelectEventHandler);
@@ -20538,7 +20538,7 @@ var TreeGrid = function TreeGrid(props) {
       props.onInit(grid, next);
     }
     var onDateSendEventHandler = {
-      id: EVENT$1.ON_DATA_SEND,
+      id: EVENT$2.ON_DATA_SEND,
       process: onDataSendHandler
     };
     grid.setEventHandler(onDateSendEventHandler);
@@ -20556,7 +20556,7 @@ var TreeGrid = function TreeGrid(props) {
   };
   React.useEffect(function () {
     disposeTableViewById(props.id);
-    w$1.TGSetEvent(EVENT$1.ON_LOADED, props.id, function (grid, next) {
+    w$1.TGSetEvent(EVENT$2.ON_LOADED, props.id, function (grid, next) {
       return onGridLoaded(grid, next);
     });
     if (props.layout || props.data) {
@@ -20712,12 +20712,12 @@ var MicroFrontend = function MicroFrontend(props) {
   });
 };
 
-var EVENTS$1;
+var EVENTS;
 (function (EVENTS) {
   EVENTS["UPLOAD_SUCCESS"] = "vitro.upload.success";
   EVENTS["ADD_FILE"] = "vitro.file.add";
   EVENTS["READY_STATE_CHANGE"] = "readystatechange";
-})(EVENTS$1 || (EVENTS$1 = {}));
+})(EVENTS || (EVENTS = {}));
 
 var $ = window.$;
 var TelerikUploaderContextImpl = /*#__PURE__*/function () {
@@ -20750,7 +20750,7 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
   };
   _proto.initAuthorization = function initAuthorization(e, token) {
     var xhr = e.XMLHttpRequest;
-    xhr.addEventListener(EVENTS$1.READY_STATE_CHANGE, function () {
+    xhr.addEventListener(EVENTS.READY_STATE_CHANGE, function () {
       if (xhr.readyState === 1) {
         xhr.setRequestHeader('AuthorizationToken', token);
       }
@@ -20763,7 +20763,7 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
     }
   };
   _proto.success = function success(e) {
-    var event = new CustomEvent(EVENTS$1.UPLOAD_SUCCESS, {
+    var event = new CustomEvent(EVENTS.UPLOAD_SUCCESS, {
       detail: this
     });
     window.dispatchEvent(event);
@@ -20844,8 +20844,8 @@ var TelerikUploader = function TelerikUploader(props) {
   }, [uploaderRef]);
   React.useEffect(function () {
     if (kendoUploader) {
-      window.addEventListener(EVENTS$1.UPLOAD_SUCCESS, onUploadSuccess);
-      window.addEventListener(EVENTS$1.ADD_FILE, addFile);
+      window.addEventListener(EVENTS.UPLOAD_SUCCESS, onUploadSuccess);
+      window.addEventListener(EVENTS.ADD_FILE, addFile);
     }
   }, [kendoUploader]);
   var addFile = function addFile() {
@@ -58131,6 +58131,42 @@ var GetGroupControl = function GetGroupControl(props) {
   }));
 };
 
+var w$4 = window;
+var Viewer = function Viewer(props) {
+  var init = function init() {
+    if (w$4.initPdfViewer) {
+      w$4.initPdfViewer(props.context);
+    }
+  };
+  React.useEffect(function () {
+    if (props.context.file) {
+      init();
+    }
+  }, [props.context.file]);
+  return React__default.createElement(React__default.Fragment, null);
+};
+
+var PdfViewer = function PdfViewer(props) {
+  var scriptList = [{
+    "url": "resource/pdfViewer/js/init-viewer-page.js",
+    "id": "vitro-script-init-pdf-viewer"
+  }, {
+    "url": "resource/pdfViewer/js/pdf-viewer.js",
+    "id": "vitro-script-pdf-viewer"
+  }];
+  return React__default.createElement(commonUi.ScriptLoader, {
+    urlList: scriptList.map(function (x) {
+      return x.url;
+    }),
+    idList: scriptList.map(function (x) {
+      return x.id;
+    }),
+    placeholder: React__default.createElement(commonUi.Progress, null)
+  }, React__default.createElement(Viewer, {
+    context: props.context
+  }));
+};
+
 exports.ACTION_HANDLER = ActionHandlerConstants;
 exports.ActionHandler = ActionHandler;
 exports.Breadcrumbs = Breadcrumbs;
@@ -58138,6 +58174,7 @@ exports.ComponentLoader = ComponentLoader;
 exports.ComponentLoaderContextImpl = ComponentLoaderContextImpl;
 exports.ControlGroup = ControlGroup;
 exports.MicroFrontend = MicroFrontend;
+exports.PdfViewer = PdfViewer;
 exports.TABLE_VIEW = TableViewConstants;
 exports.TREE_VIEW = TreeViewConstants;
 exports.TabGroup = TabGroup;