@agilemotion/oui-react-js 1.6.3 → 1.6.5

package/dist/components/DocumentTemplateDesignerComponent.js

@@ -1,160 +1,70 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ej2ReactRichtexteditor = require("@syncfusion/ej2-react-richtexteditor");
-
-var React = _interopRequireWildcard(require("react"));
-
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _DocumentTemplatePlaceholderDialog = _interopRequireDefault(require("./DocumentTemplatePlaceholderDialog"));
-
 var _mammoth = _interopRequireDefault(require("mammoth"));
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
-var _this = void 0;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var DocumentTemplateDesignerComponent = function DocumentTemplateDesignerComponent(props) {
-  var contractTemplate = props.contractTemplate,
-      uploadTrigger = props.uploadTrigger;
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      open = _React$useState2[0],
-      setOpen = _React$useState2[1];
-
-  var _React$useState3 = React.useState(null),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      error = _React$useState4[0],
-      setError = _React$useState4[1];
-
-  var _React$useState5 = React.useState(false),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      documentLoaded = _React$useState6[0],
-      setDocumentLoaded = _React$useState6[1];
-
-  var fileInputRef = (0, React.useRef)(null);
-  var btnRef = (0, React.useRef)(null);
-  var rteObj;
-  var items = ['Bold', 'Italic', 'Underline', '|', 'Formats', '|', 'CreateLink', '|', {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const DocumentTemplateDesignerComponent = props => {
+  const {
+    contractTemplate,
+    uploadTrigger
+  } = props;
+  const [open, setOpen] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const [documentLoaded, setDocumentLoaded] = React.useState(false);
+  const fileInputRef = (0, _react.useRef)(null);
+  const btnRef = (0, _react.useRef)(null);
+  let rteObj;
+  let items = ['Bold', 'Italic', 'Underline', '|', 'Formats', '|', 'CreateLink', '|', {
     template: '' + '<button class="e-tbar-btn e-btn" tabindex="-1" id="custom_tbar"  style="width:100%"><div class="e-tbar-btn-text" style="font-weight: normal; font-size: inherit;"> Placeholders</div></button>',
     undo: true,
-    click: onClick.bind(_this),
+    click: onClick.bind(void 0),
     tooltipText: 'Insert Placeholders'
   }, '|', 'Undo', 'Redo'];
-  var toolbarSettings = {
+  let toolbarSettings = {
     items: items
   };
-
   function onInsert(holder) {
     rteObj.executeCommand('insertText', holder);
   }
-
   function onClick() {
     setOpen(true);
   }
-
-  var handleFileChange = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(event) {
-      var file, reader;
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              file = event.target.files[0];
-              setError(null);
-
-              if (file) {
-                if (file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document') {
-                  reader = new FileReader();
-
-                  reader.onload = /*#__PURE__*/function () {
-                    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(e) {
-                      var arrayBuffer, _yield$mammoth$conver, value;
-
-                      return regeneratorRuntime.wrap(function _callee$(_context) {
-                        while (1) {
-                          switch (_context.prev = _context.next) {
-                            case 0:
-                              arrayBuffer = e.target.result;
-                              _context.prev = 1;
-                              _context.next = 4;
-                              return _mammoth.default.convertToHtml({
-                                arrayBuffer: arrayBuffer
-                              });
-
-                            case 4:
-                              _yield$mammoth$conver = _context.sent;
-                              value = _yield$mammoth$conver.value;
-                              rteObj.executeCommand('insertHTML', value);
-                              _context.next = 12;
-                              break;
-
-                            case 9:
-                              _context.prev = 9;
-                              _context.t0 = _context["catch"](1);
-                              setError('Error processing the file. Please ensure it is a valid .docx file.');
-
-                            case 12:
-                            case "end":
-                              return _context.stop();
-                          }
-                        }
-                      }, _callee, null, [[1, 9]]);
-                    }));
-
-                    return function (_x2) {
-                      return _ref2.apply(this, arguments);
-                    };
-                  }();
-
-                  reader.readAsArrayBuffer(file);
-                } else {
-                  setError('Unsupported file type. Please upload a .docx file.');
-                }
-              }
-
-            case 3:
-            case "end":
-              return _context2.stop();
+  const handleFileChange = async event => {
+    const file = event.target.files[0];
+    setError(null);
+    if (file) {
+      if (file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document') {
+        const reader = new FileReader();
+        reader.onload = async e => {
+          const arrayBuffer = e.target.result;
+          try {
+            const {
+              value
+            } = await _mammoth.default.convertToHtml({
+              arrayBuffer
+            });
+            rteObj.executeCommand('insertHTML', value);
+          } catch (error) {
+            setError('Error processing the file. Please ensure it is a valid .docx file.');
           }
-        }
-      }, _callee2);
-    }));
-
-    return function handleFileChange(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  (0, React.useEffect)(function () {
+        };
+        reader.readAsArrayBuffer(file);
+      } else {
+        setError('Unsupported file type. Please upload a .docx file.');
+      }
+    }
+  };
+  (0, _react.useEffect)(() => {
     if (uploadTrigger != null && btnRef.current) {
       btnRef.current.click();
     }
@@ -175,7 +85,7 @@ var DocumentTemplateDesignerComponent = function DocumentTemplateDesignerCompone
     accept: ".docx"
   })), /*#__PURE__*/React.createElement(_ej2ReactRichtexteditor.RichTextEditorComponent, {
     id: "defaultRTE",
-    ref: function ref(scope) {
+    ref: scope => {
       rteObj = scope;
     },
     toolbarSettings: toolbarSettings
@@ -183,12 +93,8 @@ var DocumentTemplateDesignerComponent = function DocumentTemplateDesignerCompone
     services: [_ej2ReactRichtexteditor.HtmlEditor, _ej2ReactRichtexteditor.Toolbar, _ej2ReactRichtexteditor.Link, _ej2ReactRichtexteditor.Image, _ej2ReactRichtexteditor.QuickToolbar]
   })), /*#__PURE__*/React.createElement(_DocumentTemplatePlaceholderDialog.default, {
     open: open,
-    onClose: function onClose() {
-      return setOpen(false);
-    },
+    onClose: () => setOpen(false),
     onInsertHandler: onInsert
   }));
 };
-
-var _default = DocumentTemplateDesignerComponent;
-exports.default = _default;
+var _default = exports.default = DocumentTemplateDesignerComponent;

package/dist/components/DocumentTemplatePlaceholderDialog.js

@@ -1,47 +1,23 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _core = require("@material-ui/core");
-
 var _icons = require("@material-ui/icons");
-
 require("./DocumentTemplateDesignerComponent.css");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var DocumentTemplatePlaceholderDialog = function DocumentTemplatePlaceholderDialog(_ref) {
-  var open = _ref.open,
-      onClose = _ref.onClose,
-      onInsertHandler = _ref.onInsertHandler;
-
-  var _useState = (0, _react.useState)(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      selectedIndex = _useState2[0],
-      setSelectedIndex = _useState2[1];
-
-  var placeholders = [{
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const DocumentTemplatePlaceholderDialog = _ref => {
+  let {
+    open,
+    onClose,
+    onInsertHandler
+  } = _ref;
+  const [selectedIndex, setSelectedIndex] = (0, _react.useState)(null);
+  const placeholders = [{
     title: 'Placeholder 1',
     description: '{{placeholder_1}}'
   }, {
@@ -54,23 +30,19 @@ var DocumentTemplatePlaceholderDialog = function DocumentTemplatePlaceholderDial
     title: 'Placeholder 4',
     description: '{{placeholder_4}}'
   }];
-
-  var _useTheme = (0, _core.useTheme)(),
-      palette = _useTheme.palette;
-
-  var handleListItemClick = function handleListItemClick(index) {
+  const {
+    palette
+  } = (0, _core.useTheme)();
+  const handleListItemClick = index => {
     setSelectedIndex(index);
   };
-
-  var handleInsert = function handleInsert() {
+  const handleInsert = () => {
     if (selectedIndex !== null) {
-      console.log("Selected placeholder: ".concat(placeholders[selectedIndex].title));
+      console.log(`Selected placeholder: ${placeholders[selectedIndex].title}`);
       onInsertHandler(placeholders[selectedIndex].description);
     }
-
     onClose();
   };
-
   return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
     open: open,
     onClose: onClose,
@@ -78,26 +50,23 @@ var DocumentTemplatePlaceholderDialog = function DocumentTemplatePlaceholderDial
     maxWidth: 'md'
   }, /*#__PURE__*/_react.default.createElement(_core.DialogTitle, null, "Select a Placeholder"), /*#__PURE__*/_react.default.createElement(_core.DialogContent, null, /*#__PURE__*/_react.default.createElement("div", {
     id: "customTbarDialog"
-  }, /*#__PURE__*/_react.default.createElement(_core.List, null, placeholders.map(function (placeholder, index) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-      key: index
-    }, /*#__PURE__*/_react.default.createElement(_core.ListItem, {
-      button: true,
-      selected: selectedIndex === index,
-      onClick: function onClick() {
-        return handleListItemClick(index);
-      } // className="char_block"
-      ,
-      style: {
-        border: selectedIndex === index ? "1px solid ".concat(palette.primary.main) : null,
-        margin: '4px 0',
-        borderRadius: '4px'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_core.ListItemAvatar, null, /*#__PURE__*/_react.default.createElement(_core.Avatar, null, /*#__PURE__*/_react.default.createElement(_icons.AddCircle, null))), /*#__PURE__*/_react.default.createElement(_core.ListItemText, {
-      primary: placeholder.title,
-      secondary: placeholder.description
-    })), index < placeholders.length - 1 && /*#__PURE__*/_react.default.createElement(_core.Divider, null));
-  })))), /*#__PURE__*/_react.default.createElement(_core.DialogActions, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_core.List, null, placeholders.map((placeholder, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+    key: index
+  }, /*#__PURE__*/_react.default.createElement(_core.ListItem, {
+    button: true,
+    selected: selectedIndex === index,
+    onClick: () => handleListItemClick(index)
+    // className="char_block"
+    ,
+    style: {
+      border: selectedIndex === index ? `1px solid ${palette.primary.main}` : null,
+      margin: '4px 0',
+      borderRadius: '4px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_core.ListItemAvatar, null, /*#__PURE__*/_react.default.createElement(_core.Avatar, null, /*#__PURE__*/_react.default.createElement(_icons.AddCircle, null))), /*#__PURE__*/_react.default.createElement(_core.ListItemText, {
+    primary: placeholder.title,
+    secondary: placeholder.description
+  })), index < placeholders.length - 1 && /*#__PURE__*/_react.default.createElement(_core.Divider, null)))))), /*#__PURE__*/_react.default.createElement(_core.DialogActions, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
     onClick: onClose,
     color: "primary"
   }, "Cancel"), /*#__PURE__*/_react.default.createElement(_core.Button, {
@@ -106,6 +75,4 @@ var DocumentTemplatePlaceholderDialog = function DocumentTemplatePlaceholderDial
     disabled: selectedIndex === null
   }, "Insert")));
 };
-
-var _default = DocumentTemplatePlaceholderDialog;
-exports.default = _default;
+var _default = exports.default = DocumentTemplatePlaceholderDialog;

package/dist/components/DocumentViewer.js

@@ -4,104 +4,67 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Utils = _interopRequireDefault(require("../Utils"));
-
 var _Observable = _interopRequireDefault(require("../event/Observable"));
-
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
-
 var _RestUtils = require("../RestUtils");
-
 var _ServiceCallActionHandler = _interopRequireDefault(require("../event/ServiceCallActionHandler"));
-
 var _DynamicJS = _interopRequireDefault(require("../DynamicJS"));
-
 require("./DocumentView.css");
-
 var _DocumentViewerComponent = _interopRequireDefault(require("./DocumentViewerComponent"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState = _react.default.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      value = _React$useState2[0],
-      setValue = _React$useState2[1];
-
-  _react.default.useEffect(function () {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [value, setValue] = _react.default.useState(null);
+  _react.default.useEffect(() => {
     props.handle.api = api();
   });
-
-  _react.default.useEffect(function () {
-    var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
-
+  _react.default.useEffect(() => {
+    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
     _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
-
     _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
   }, []);
-
-  var api = function api() {
+  const api = () => {
     return {
       get id() {
         return props.config.id;
       },
-
-      loadData: function loadData(actionConfig) {
+      loadData: actionConfig => {
         if (!_Utils.default.isNull(actionConfig) && !_Utils.default.isNull(actionConfig.value)) {
-          var _value = _ApplicationManager.default.isExpression(actionConfig.value) ? _ApplicationManager.default.resolveExpressionValue(actionConfig.value) : actionConfig.value; // TODO : set value
-
+          let value = _ApplicationManager.default.isExpression(actionConfig.value) ? _ApplicationManager.default.resolveExpressionValue(actionConfig.value) : actionConfig.value;
+          // TODO : set value
         } else {
-          var service = !_Utils.default.isNull(props.config.dataService) ? props.config.dataService : actionConfig !== null ? actionConfig.dataService : null;
-          var componentValue = !_Utils.default.isNull(props.config.value) ? props.config.value : actionConfig !== null ? actionConfig.value : null;
-
+          let service = !_Utils.default.isNull(props.config.dataService) ? props.config.dataService : actionConfig !== null ? actionConfig.dataService : null;
+          let componentValue = !_Utils.default.isNull(props.config.value) ? props.config.value : actionConfig !== null ? actionConfig.value : null;
           if (!_Utils.default.isNull(service)) {
             if (service.type === 'rpc') {
-              (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, function (result) {}, function (e) {}, function (parameter) {});
+              (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {}, e => {}, parameter => {});
             } else {
               if (_Utils.default.isNull(actionConfig)) {
                 actionConfig = {};
               }
-
-              actionConfig.service = service; // TODO : Implement the invalid paramenter callback
-
-              _ServiceCallActionHandler.default.execute(actionConfig, null, null, props.viewId, function (data) {
-                var file = {};
-
+              actionConfig.service = service;
+              // TODO : Implement the invalid paramenter callback
+              _ServiceCallActionHandler.default.execute(actionConfig, null, null, props.viewId, data => {
+                let file = {};
                 if (data.payloadBase64) {
                   file.base64 = data.payloadBase64;
                 } else if (data.url) {
                   file.base64 = data.url.replace('data:application/pdf;base64,', '');
                 }
-
                 file.type = props.config.fileType;
                 setValue(file);
-              }, function () {});
+              }, () => {});
             }
           } else {
             if (!_Utils.default.isNull(componentValue)) {
               if (_ApplicationManager.default.isExpression(componentValue)) {
-                var path = _Utils.default.getPropertyChainPath(componentValue);
-
+                let path = _Utils.default.getPropertyChainPath(componentValue);
                 if (!_Utils.default.isNull(path.valueObject)) {
-                  _Observable.default.addSystemGeneratedSubscription(props.viewId, props.viewId, props.config.id, function () {
-                    var value = _DynamicJS.default.executeScript("".concat(props.config.id, "ValueEvaluator"), componentValue);
-
-                    if (!_Utils.default.isNull(value)) {// TODO : set value
+                  _Observable.default.addSystemGeneratedSubscription(props.viewId, props.viewId, props.config.id, () => {
+                    let value = _DynamicJS.default.executeScript(`${props.config.id}ValueEvaluator`, componentValue);
+                    if (!_Utils.default.isNull(value)) {
+                      // TODO : set value
                     }
                   });
                 }
@@ -112,14 +75,11 @@ var DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
       }
     };
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref
   }, !_Utils.default.isNull(value) ? /*#__PURE__*/_react.default.createElement(_DocumentViewerComponent.default, {
     file: value,
-    onDocumentLoadSuccess: function onDocumentLoadSuccess() {}
+    onDocumentLoadSuccess: () => {}
   }) : null);
 }));
-
-var _default = DocumentViewer;
-exports.default = _default;
+var _default = exports.default = DocumentViewer;

package/dist/components/DocumentViewerComponent.js

@@ -4,61 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactPdf = require("react-pdf");
-
 var _Utils = _interopRequireDefault(require("../Utils"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-_reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = "//cdnjs.cloudflare.com/ajax/libs/pdf.js/".concat(_reactPdf.pdfjs.version, "/pdf.worker.js");
-
-var DocumentViewerComponent = function DocumentViewerComponent(props) {
-  var _React$useState = _react.default.useState(1),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      pageNumber = _React$useState2[0],
-      setPageNumber = _React$useState2[1];
-
-  var _React$useState3 = _react.default.useState(null),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      numPages = _React$useState4[0],
-      setNumPages = _React$useState4[1];
-
-  var onDocumentLoadSuccess = function onDocumentLoadSuccess(_ref) {
-    var numPages = _ref.numPages;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+_reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${_reactPdf.pdfjs.version}/pdf.worker.js`;
+const DocumentViewerComponent = props => {
+  const [pageNumber, setPageNumber] = _react.default.useState(1);
+  const [numPages, setNumPages] = _react.default.useState(null);
+  const onDocumentLoadSuccess = _ref => {
+    let {
+      numPages
+    } = _ref;
     setNumPages(numPages);
-
     if (!_Utils.default.isNull(props.onDocumentLoadSuccess)) {
       props.onDocumentLoadSuccess(numPages);
     }
   };
-
-  var changePage = function changePage(offset) {
+  const changePage = offset => {
     setPageNumber(pageNumber + offset);
   };
-
-  var previousPage = function previousPage() {
+  const previousPage = () => {
     changePage(-1);
   };
-
-  var nextPage = function nextPage() {
+  const nextPage = () => {
     changePage(1);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", null, !_Utils.default.isNull(props.file) ? /*#__PURE__*/_react.default.createElement("div", {
     style: {
       borderRadius: "4px",
@@ -87,6 +58,4 @@ var DocumentViewerComponent = function DocumentViewerComponent(props) {
     alt: ''
   }), props.onDocumentLoadSuccess(1))) : null);
 };
-
-var _default = DocumentViewerComponent;
-exports.default = _default;
+var _default = exports.default = DocumentViewerComponent;