@progress/telerik-react-report-viewer 20.23.1114 → 21.24.116

package/README.md

@@ -17,7 +17,7 @@ While the component is not native (the theming mechanism uses Kendo UI for jQuer
 and has a dependency to jQuery itself), it brings reporting value to your React applications 
 in no time.
  
-This version of the React Report Viewer requires Telerik Report Server or Telerik Reporting REST Service 17.2.23.1114
+This version of the React Report Viewer requires Telerik Report Server or Telerik Reporting REST Service 18.0.24.116
  
 ## License
 

package/dist/cjs/main.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "TelerikReportViewer", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _telerikReportViewer.TelerikReportViewer;
   }
 });

package/dist/cjs/telerik-report-viewer.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,206 +8,136 @@ require("../dependencies/initExtDeps");
 var _react = _interopRequireDefault(require("react"));
 var _telerikReportViewer = require("../dependencies/telerikReportViewer.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-var TelerikReportViewer = /*#__PURE__*/function (_React$Component) {
-  _inherits(TelerikReportViewer, _React$Component);
-  var _super = _createSuper(TelerikReportViewer);
-  function TelerikReportViewer() {
-    var _this;
-    _classCallCheck(this, TelerikReportViewer);
-    _this = _super.call(this);
-    _this.state = {
+class TelerikReportViewer extends _react.default.Component {
+  constructor() {
+    super();
+    this.state = {
       reportViewerID: ''
     };
-    return _this;
-  }
-  _createClass(TelerikReportViewer, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.setState({
-        reportViewerID: this.props.id || "reportViewer1"
-      });
-      var keepClientAlive = this.props.keepClientAlive === undefined ? true : this.props.keepClientAlive;
-      this.viewerObject = new _telerikReportViewer.ReportViewer(this.el, {
-        id: this.state.reportViewerID,
-        serviceUrl: this.props.serviceUrl,
-        reportServer: this.props.reportServer,
-        trvTemplateUrl: this.props.templateUrl,
-        initialPageAreaImageUrl: this.props.initialPageAreaImageUrl,
-        reportSource: this.props.reportSource,
-        sendEmail: this.props.sendEmail,
-        scale: this.props.scale,
-        scaleMode: this.props.scaleMode,
-        viewMode: this.props.viewMode,
-        pageMode: this.props.pageMode,
-        parameters: this.props.parameters,
-        persistSession: this.props.persistSession,
-        parameterEditors: this.props.parameterEditors,
-        authenticationToken: this.props.authenticationToken,
-        ready: this.props.ready,
-        printMode: this.props.printMode,
-        selector: this.props.selector,
-        disabledButtonClass: this.props.disabledButtonClass,
-        checkedButtonClass: this.props.checkedButtonClass,
-        exportBegin: this.props.exportBegin,
-        exportEnd: this.props.exportEnd,
-        printBegin: this.props.printBegin,
-        printEnd: this.props.printEnd,
-        renderingBegin: this.props.renderingBegin,
-        renderingEnd: this.props.renderingEnd,
-        sendEmailBegin: this.props.sendEmailBegin,
-        sendEmailEnd: this.props.sendEmailEnd,
-        updateUi: this.props.updateUi,
-        pageReady: this.props.pageReady,
-        error: this.props.error,
-        interactiveActionExecuting: this.props.interactiveActionExecuting,
-        interactiveActionEnter: this.props.interactiveActionEnter,
-        interactiveActionLeave: this.props.interactiveActionLeave,
-        viewerToolTipOpening: this.props.viewerToolTipOpening,
-        enableAccessibility: this.props.enableAccessibility,
-        searchMetadataOnDemand: this.props.searchMetadataOnDemand,
-        parametersAreaVisible: this.props.parametersAreaVisible,
-        documentMapVisible: this.props.documentMapVisible,
-        documentMapAreaPosition: this.props.documentMapAreaPosition,
-        parametersAreaPosition: this.props.parametersAreaPosition,
-        keepClientAlive: keepClientAlive
-      });
-      this.commands = this.viewerObject.commands;
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.dispose();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        id: this.state.reportViewerID,
-        style: _objectSpread({}, this.props.viewerContainerStyle),
-        ref: function ref(el) {
-          return _this2.el = el;
-        }
-      });
-    }
-  }, {
-    key: "refreshReport",
-    value: function refreshReport() {
-      return this.viewerObject.refreshReport();
-    }
-  }, {
-    key: "getReportSource",
-    value: function getReportSource() {
-      return this.viewerObject.reportSource();
-    }
-  }, {
-    key: "setReportSource",
-    value: function setReportSource(rs) {
-      return this.viewerObject.reportSource(rs);
-    }
-  }, {
-    key: "getViewMode",
-    value: function getViewMode() {
-      return this.viewerObject.viewMode();
-    }
-  }, {
-    key: "setViewMode",
-    value: function setViewMode(vm) {
-      return this.viewerObject.viewMode(vm);
-    }
-  }, {
-    key: "getScale",
-    value: function getScale() {
-      return this.viewerObject.scale();
-    }
-  }, {
-    key: "setScale",
-    value: function setScale(scale) {
-      return this.viewerObject.scale(scale);
-    }
-  }, {
-    key: "pageCount",
-    value: function pageCount() {
-      return this.viewerObject.pageCount();
-    }
-  }, {
-    key: "currentPage",
-    value: function currentPage() {
-      return this.viewerObject.currentPage();
-    }
-  }, {
-    key: "setAuthenticationToken",
-    value: function setAuthenticationToken(token) {
-      return this.viewerObject.authenticationToken(token);
-    }
-  }, {
-    key: "getAccessibilityKeyMap",
-    value: function getAccessibilityKeyMap() {
-      return this.viewerObject.accessibilityKeyMap();
-    }
-  }, {
-    key: "setAccessibilityKeyMap",
-    value: function setAccessibilityKeyMap(keyMap) {
-      return this.viewerObject.accessibilityKeyMap(keyMap);
-    }
-  }, {
-    key: "bind",
-    value: function bind(eventName, eventHandler) {
-      this.viewerObject.bind(eventName, eventHandler);
-    }
-  }, {
-    key: "unbind",
-    value: function unbind(eventName, eventHandler) {
-      this.viewerObject.unbind(eventName, eventHandler);
-    }
-  }, {
-    key: "unbindAll",
-    value: function unbindAll(eventName) {
-      this.viewerObject.unbind(eventName);
-    }
-  }, {
-    key: "getPageMode",
-    value: function getPageMode() {
-      return this.viewerObject.pageMode();
-    }
-  }, {
-    key: "setPageMode",
-    value: function setPageMode(psm) {
-      return this.viewerObject.pageMode(psm);
-    }
-  }, {
-    key: "clearReportSource",
-    value: function clearReportSource() {
-      return this.viewerObject.clearReportSource();
-    }
-  }, {
-    key: "dispose",
-    value: function dispose() {
-      return this.viewerObject.dispose();
-    }
-  }, {
-    key: "getReportParameters",
-    value: function getReportParameters() {
-      return this.viewerObject.getReportParameters();
-    }
-  }]);
-  return TelerikReportViewer;
-}(_react.default.Component);
+  }
+  componentDidMount() {
+    this.setState({
+      reportViewerID: this.props.id || "reportViewer1"
+    });
+    const keepClientAlive = this.props.keepClientAlive === undefined ? true : this.props.keepClientAlive;
+    this.viewerObject = new _telerikReportViewer.ReportViewer(this.el, {
+      id: this.state.reportViewerID,
+      serviceUrl: this.props.serviceUrl,
+      reportServer: this.props.reportServer,
+      trvTemplateUrl: this.props.templateUrl,
+      initialPageAreaImageUrl: this.props.initialPageAreaImageUrl,
+      reportSource: this.props.reportSource,
+      sendEmail: this.props.sendEmail,
+      scale: this.props.scale,
+      scaleMode: this.props.scaleMode,
+      viewMode: this.props.viewMode,
+      pageMode: this.props.pageMode,
+      parameters: this.props.parameters,
+      persistSession: this.props.persistSession,
+      parameterEditors: this.props.parameterEditors,
+      authenticationToken: this.props.authenticationToken,
+      ready: this.props.ready,
+      printMode: this.props.printMode,
+      selector: this.props.selector,
+      disabledButtonClass: this.props.disabledButtonClass,
+      checkedButtonClass: this.props.checkedButtonClass,
+      exportBegin: this.props.exportBegin,
+      exportEnd: this.props.exportEnd,
+      printBegin: this.props.printBegin,
+      printEnd: this.props.printEnd,
+      renderingBegin: this.props.renderingBegin,
+      renderingEnd: this.props.renderingEnd,
+      sendEmailBegin: this.props.sendEmailBegin,
+      sendEmailEnd: this.props.sendEmailEnd,
+      updateUi: this.props.updateUi,
+      pageReady: this.props.pageReady,
+      error: this.props.error,
+      interactiveActionExecuting: this.props.interactiveActionExecuting,
+      interactiveActionEnter: this.props.interactiveActionEnter,
+      interactiveActionLeave: this.props.interactiveActionLeave,
+      viewerToolTipOpening: this.props.viewerToolTipOpening,
+      enableAccessibility: this.props.enableAccessibility,
+      searchMetadataOnDemand: this.props.searchMetadataOnDemand,
+      parametersAreaVisible: this.props.parametersAreaVisible,
+      documentMapVisible: this.props.documentMapVisible,
+      documentMapAreaPosition: this.props.documentMapAreaPosition,
+      parametersAreaPosition: this.props.parametersAreaPosition,
+      keepClientAlive: keepClientAlive
+    });
+    this.commands = this.viewerObject.commands;
+  }
+  componentWillUnmount() {
+    this.dispose();
+  }
+  render() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      id: this.state.reportViewerID,
+      style: {
+        ...this.props.viewerContainerStyle
+      },
+      ref: el => this.el = el
+    });
+  }
+  refreshReport() {
+    return this.viewerObject.refreshReport();
+  }
+  getReportSource() {
+    return this.viewerObject.reportSource();
+  }
+  setReportSource(rs) {
+    return this.viewerObject.reportSource(rs);
+  }
+  getViewMode() {
+    return this.viewerObject.viewMode();
+  }
+  setViewMode(vm) {
+    return this.viewerObject.viewMode(vm);
+  }
+  getScale() {
+    return this.viewerObject.scale();
+  }
+  setScale(scale) {
+    return this.viewerObject.scale(scale);
+  }
+  pageCount() {
+    return this.viewerObject.pageCount();
+  }
+  currentPage() {
+    return this.viewerObject.currentPage();
+  }
+  setAuthenticationToken(token) {
+    return this.viewerObject.authenticationToken(token);
+  }
+  getAccessibilityKeyMap() {
+    return this.viewerObject.accessibilityKeyMap();
+  }
+  setAccessibilityKeyMap(keyMap) {
+    return this.viewerObject.accessibilityKeyMap(keyMap);
+  }
+  bind(eventName, eventHandler) {
+    this.viewerObject.bind(eventName, eventHandler);
+  }
+  unbind(eventName, eventHandler) {
+    this.viewerObject.unbind(eventName, eventHandler);
+  }
+  unbindAll(eventName) {
+    this.viewerObject.unbind(eventName);
+  }
+  getPageMode() {
+    return this.viewerObject.pageMode();
+  }
+  setPageMode(psm) {
+    return this.viewerObject.pageMode(psm);
+  }
+  clearReportSource() {
+    return this.viewerObject.clearReportSource();
+  }
+  dispose() {
+    return this.viewerObject.dispose();
+  }
+  getReportParameters() {
+    return this.viewerObject.getReportParameters();
+  }
+}
 exports.TelerikReportViewer = TelerikReportViewer;
-var _default = TelerikReportViewer;
-exports.default = _default;
+var _default = exports.default = TelerikReportViewer;

package/dist/dependencies/telerikReportViewer.js

@@ -1,7 +1,7 @@
 var $ = require("jquery");
 /*
-* TelerikReporting v17.2.23.1114 (https://www.telerik.com/products/reporting.aspx)
-* Copyright 2023 Progress Software EAD. All rights reserved.
+* TelerikReporting v18.0.24.116 (https://www.telerik.com/products/reporting.aspx)
+* Copyright 2024 Progress Software EAD. All rights reserved.
 *
 * Telerik Reporting commercial licenses may be obtained at
 * https://www.telerik.com/purchase/license-agreement/reporting.aspx
@@ -78,11 +78,15 @@ var telerikReportViewer = (() => {
     areEqualArrays: () => areEqualArrays,
     each: () => each,
     escapeHtml: () => escapeHtml,
+    exceptionTypeNamesMatch: () => exceptionTypeNamesMatch,
     extend: () => extend,
     filterUniqueLastOccurance: () => filterUniqueLastOccurance,
     findElement: () => findElement,
     generateGuidString: () => generateGuidString,
     getColorAlphaValue: () => getColorAlphaValue,
+    getExceptionInstance: () => getExceptionInstance,
+    isApplicationException: () => isApplicationException,
+    isApplicationExceptionInstance: () => isApplicationExceptionInstance,
     isArray: () => isArray,
     isExceptionOfType: () => isExceptionOfType,
     isInternalServerError: () => isInternalServerError,
@@ -90,6 +94,7 @@ var telerikReportViewer = (() => {
     isRgbColor: () => isRgbColor,
     isSpecialKey: () => isSpecialKey,
     isSvgSupported: () => isSvgSupported,
+    isSystemArgumentException: () => isSystemArgumentException,
     loadScript: () => loadScript,
     loadScriptWithCallback: () => loadScriptWithCallback,
     logError: () => logError,
@@ -309,20 +314,31 @@ var telerikReportViewer = (() => {
     }
     return false;
   }
+  function isSystemArgumentException(xhr) {
+    var exceptionShortName = "ArgumentException";
+    var exceptionInstance = getExceptionInstance(xhr);
+    return isExceptionInstanceOfType(exceptionInstance, exceptionShortName, "System." + exceptionShortName);
+  }
   function isInvalidClientException(xhr) {
-    return isExceptionOfType(xhr, "Telerik.Reporting.Services.Engine.InvalidClientException");
+    var exceptionShortName = "InvalidClientException";
+    var exceptionInstance = getExceptionInstance(xhr);
+    return isExceptionInstanceOfType(exceptionInstance, exceptionShortName, "Telerik.Reporting.Services.Engine." + exceptionShortName);
+  }
+  function isApplicationException(xhr) {
+    return isApplicationExceptionInstance(getExceptionInstance(xhr));
+  }
+  function isApplicationExceptionInstance(exception) {
+    var exceptionShortName = "DrawingFactoryUnavailableException";
+    return isExceptionInstanceOfType(exception, exceptionShortName, "Telerik.Drawing.Contract." + exceptionShortName);
   }
   function isExceptionOfType(xhr, exceptionType) {
-    if (!xhr)
-      return false;
-    if (!xhr.responseText)
-      return false;
-    var json = parseJSON(xhr.responseText);
-    if (!json)
-      return false;
-    if (!json.exceptionType)
-      return false;
-    return json.exceptionType === exceptionType;
+    return isExceptionInstanceOfType(getExceptionInstance(xhr), exceptionType, exceptionType);
+  }
+  function isExceptionInstanceOfType(exceptionInstance, exceptionTypeShortName, exceptionTypeFullName) {
+    return exceptionInstance && exceptionInstance.exceptionType && exceptionTypeNamesMatch(exceptionInstance.exceptionType, exceptionTypeShortName, exceptionTypeFullName);
+  }
+  function exceptionTypeNamesMatch(instanceTypeName, exceptionTypeShortName, exceptionTypeFullName) {
+    return instanceTypeName && (instanceTypeName === exceptionTypeFullName || instanceTypeName.endsWith(exceptionTypeShortName));
   }
   function parseJSON(json) {
     try {
@@ -343,6 +359,12 @@ var telerikReportViewer = (() => {
       return null;
     }
   }
+  function getExceptionInstance(xhr) {
+    if (!xhr || !xhr.responseText) {
+      return false;
+    }
+    return parseJSON(xhr.responseText);
+  }
   function extend() {
     var src, copy, name, options, target, i = 0, length = arguments.length;
     target = length > 1 ? arguments[i++] || {} : {};
@@ -681,7 +703,7 @@ var telerikReportViewer = (() => {
     errorSendingDocument: "Error sending report document (Report = '{0}')."
   };
   window.telerikReportViewer ||= {};
-  window.telerikReportViewer.sr = sr;
+  window.telerikReportViewer.sr ||= sr;
 
   // src/stringResources.js
   var sr2 = sr2 || {};
@@ -1662,19 +1684,25 @@ var telerikReportViewer = (() => {
         raiseError(formatXhrError({ "responseText": errorMessage }, null, null, null));
         throw errorMessage;
       }
-      if (isInvalidClientException(xhrData.xhr)) {
+      var xhr = xhrData.xhr;
+      if (isInvalidClientException(xhr)) {
         onClientExpired();
       }
       var formattedError = formatXhrError(
-        xhrData.xhr,
+        xhr,
         xhrData.status,
         isInternalServerError(xhrData.error) ? "" : xhrData.error,
         localizedMessage
       );
       raiseError(formattedError);
       if (!suppressErrorBubbling) {
-        errorMessage = xhrData.xhr.responseJSON && xhrData.xhr.responseJSON.exceptionMessage ? xhrData.xhr.responseJSON.exceptionMessage : stringResources.promisesChainStopError;
-        throw errorMessage;
+        if (isApplicationException(xhr)) {
+          var exception = getExceptionInstance(xhr);
+          if (exception) {
+            throw exception;
+          }
+        }
+        throw xhr.responseJSON && exception.exceptionMessage ? xhr.responseJSON.exceptionMessage : stringResources.promisesChainStopError;
       }
     }
     function initializeClientAsync() {
@@ -1892,19 +1920,15 @@ var telerikReportViewer = (() => {
       deviceInfo.enableSearch = enableSearch;
       return deviceInfo;
     }
-    function resolveErrorByExceptionType(exceptionType) {
-      switch (exceptionType) {
-        case "Telerik.Reporting.Services.Engine.InvalidParameterException":
-          return stringResources.missingOrInvalidParameter;
-        default:
-          return "";
-      }
+    function tryResolveClientErrorByExceptionType(exceptionType) {
+      var parameterExceptionShortName = "InvalidParameterException";
+      return exceptionTypeNamesMatch(exceptionType, parameterExceptionShortName, "Telerik.Reporting.Services.Engine." + parameterExceptionShortName) ? stringResources.missingOrInvalidParameter : "";
     }
     function formatXhrError(xhr, status, error, localizedMessage) {
       var parsedXhr = parseJSON(xhr.responseText);
       var result = "";
       if (parsedXhr) {
-        var errorMessage = resolveErrorByExceptionType(parsedXhr.exceptionType || parsedXhr.error);
+        var errorMessage = tryResolveClientErrorByExceptionType(parsedXhr.exceptionType || parsedXhr.error);
         if (errorMessage) {
           return errorMessage;
         }
@@ -2329,7 +2353,7 @@ var telerikReportViewer = (() => {
       return client.getSearchResults(clientId, reportInstanceId, reportDocumentId, args.searchToken, args.matchCase, args.matchWholeWord, args.useRegex).catch(handleSearchResultsError);
     }
     function handleSearchResultsError(xhrData) {
-      if (!isExceptionOfType(xhrData.xhr, "System.ArgumentException")) {
+      if (!isSystemArgumentException(xhrData.xhr)) {
         handleRequestError(xhrData, null, true);
         throw null;
       }
@@ -6592,6 +6616,11 @@ var telerikReportViewer = (() => {
           menu._oldHoverItem.toggleClass("k-focus");
         }
       }
+      if (!args.renderingExtensions) {
+        controller.getDocumentFormats().then(fillFormats);
+      } else {
+        fillFormats(args.renderingExtensions);
+      }
     });
     function init2() {
       try {
@@ -6600,7 +6629,6 @@ var telerikReportViewer = (() => {
         console.error("Instantiation of Kendo Menu as Main Menu threw an exception", e);
         throw e;
       }
-      menu.bind("open", onSubmenuOpen);
       menu.bind("activate", onSubmenuActivate);
       menu.bind("deactivate", onSubmenuDeactivate);
       menu.element.off("keydown", onMenuKeyDown);
@@ -6655,16 +6683,6 @@ var telerikReportViewer = (() => {
         });
       });
     }
-    function onSubmenuOpen(e) {
-      var $item = $(e.item);
-      menu.unbind("open", onSubmenuOpen);
-      menu.append({ text: stringResources.loadingFormats, spriteCssClass: "k-icon k-loading" }, $item);
-      controller.getDocumentFormats().then(fillFormats).then(function() {
-        menu.open($item);
-      }).then(function() {
-        menu.bind("open", onSubmenuOpen);
-      });
-    }
     function fillFormats(formats) {
       each($(dom).find("ul[data-command-list=export-format-list]"), function() {
         var $list = $(this), $parent = $list.parents("li");
@@ -8304,7 +8322,7 @@ var telerikReportViewer = (() => {
     if (!validateOptions(options)) {
       return;
     }
-    var version = "17.2.23.1114";
+    var version = "18.0.24.116";
     options = extend({}, getDefaultOptions(svcApiUrl, version), options);
     settings = new ReportViewerSettings(
       persistanceKey,
@@ -8795,8 +8813,9 @@ var telerikReportViewer = (() => {
       ensureKendo(version2).then(function() {
       }).then(function() {
         viewer.authenticationToken(options.authenticationToken);
-        controller.getServiceVersion().catch(function() {
-          $placeholder.text(stringFormat(stringResources.errorServiceUrl, [escapeHtml(svcApiUrl)]));
+        controller.getServiceVersion().catch(function(ex) {
+          var errorOutput = isApplicationExceptionInstance(ex) ? ex.exceptionMessage : stringFormat(stringResources.errorServiceUrl, [escapeHtml(svcApiUrl)]);
+          $placeholder.text(errorOutput);
           return Promise.reject();
         }).then(function(data) {
           if (data !== version2) {
@@ -8873,7 +8892,7 @@ var telerikReportViewer = (() => {
   return __toCommonJS(src_exports);
 })();
 
-/* DO NOT MODIFY OR DELETE THIS LINE! UPGRADE WIZARD CHECKSUM 90485bf9963b5f8fe2856225dae030cb */
+/* DO NOT MODIFY OR DELETE THIS LINE! UPGRADE WIZARD CHECKSUM 158555f9b27bbf1db6fe5ef8bdd09a06 */
 module.exports = {
     ReportViewer: telerikReportViewer.ReportViewer
 };

package/dist/dependencies/telerikReportViewerTemplate.html

@@ -4,8 +4,8 @@
     <title>Telerik HTML5 Report Viewer Templates</title>
 
     <!--Telerik served resources. For more information see: http://docs.telerik.com/reporting/html5-report-viewer-styling-and-appearance -->
-    <link href="{service}resources/font/fonticons-17.2.23.1114.css/" rel="stylesheet" />
-    <link href="{service}resources/styles/telerikReportViewer-17.2.23.1114.css/" rel="stylesheet" />
+    <link href="{service}resources/font/fonticons-18.0.24.116.css/" rel="stylesheet" />
+    <link href="{service}resources/styles/telerikReportViewer-18.0.24.116.css/" rel="stylesheet" />
 
 </head>
 <body>
@@ -329,4 +329,4 @@
 
 </body>
 </html>
-<!-- DO NOT MODIFY OR DELETE THIS LINE! UPGRADE WIZARD CHECKSUM e7abbe1152b58ee77a0c9c643dfe2c57 -->
+<!-- DO NOT MODIFY OR DELETE THIS LINE! UPGRADE WIZARD CHECKSUM 1c1b6b254bc960722558f9294a39b516 -->

package/dist/es/telerik-report-viewer.js

@@ -1,205 +1,135 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import '../dependencies/initExtDeps';
 import React from 'react';
 import { ReportViewer } from '../dependencies/telerikReportViewer.js';
-export var TelerikReportViewer = /*#__PURE__*/function (_React$Component) {
-  _inherits(TelerikReportViewer, _React$Component);
-  var _super = _createSuper(TelerikReportViewer);
-  function TelerikReportViewer() {
-    var _this;
-    _classCallCheck(this, TelerikReportViewer);
-    _this = _super.call(this);
-    _this.state = {
+export class TelerikReportViewer extends React.Component {
+  constructor() {
+    super();
+    this.state = {
       reportViewerID: ''
     };
-    return _this;
-  }
-  _createClass(TelerikReportViewer, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.setState({
-        reportViewerID: this.props.id || "reportViewer1"
-      });
-      var keepClientAlive = this.props.keepClientAlive === undefined ? true : this.props.keepClientAlive;
-      this.viewerObject = new ReportViewer(this.el, {
-        id: this.state.reportViewerID,
-        serviceUrl: this.props.serviceUrl,
-        reportServer: this.props.reportServer,
-        trvTemplateUrl: this.props.templateUrl,
-        initialPageAreaImageUrl: this.props.initialPageAreaImageUrl,
-        reportSource: this.props.reportSource,
-        sendEmail: this.props.sendEmail,
-        scale: this.props.scale,
-        scaleMode: this.props.scaleMode,
-        viewMode: this.props.viewMode,
-        pageMode: this.props.pageMode,
-        parameters: this.props.parameters,
-        persistSession: this.props.persistSession,
-        parameterEditors: this.props.parameterEditors,
-        authenticationToken: this.props.authenticationToken,
-        ready: this.props.ready,
-        printMode: this.props.printMode,
-        selector: this.props.selector,
-        disabledButtonClass: this.props.disabledButtonClass,
-        checkedButtonClass: this.props.checkedButtonClass,
-        exportBegin: this.props.exportBegin,
-        exportEnd: this.props.exportEnd,
-        printBegin: this.props.printBegin,
-        printEnd: this.props.printEnd,
-        renderingBegin: this.props.renderingBegin,
-        renderingEnd: this.props.renderingEnd,
-        sendEmailBegin: this.props.sendEmailBegin,
-        sendEmailEnd: this.props.sendEmailEnd,
-        updateUi: this.props.updateUi,
-        pageReady: this.props.pageReady,
-        error: this.props.error,
-        interactiveActionExecuting: this.props.interactiveActionExecuting,
-        interactiveActionEnter: this.props.interactiveActionEnter,
-        interactiveActionLeave: this.props.interactiveActionLeave,
-        viewerToolTipOpening: this.props.viewerToolTipOpening,
-        enableAccessibility: this.props.enableAccessibility,
-        searchMetadataOnDemand: this.props.searchMetadataOnDemand,
-        parametersAreaVisible: this.props.parametersAreaVisible,
-        documentMapVisible: this.props.documentMapVisible,
-        documentMapAreaPosition: this.props.documentMapAreaPosition,
-        parametersAreaPosition: this.props.parametersAreaPosition,
-        keepClientAlive: keepClientAlive
-      });
-      this.commands = this.viewerObject.commands;
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.dispose();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/React.createElement("div", {
-        id: this.state.reportViewerID,
-        style: _objectSpread({}, this.props.viewerContainerStyle),
-        ref: function ref(el) {
-          return _this2.el = el;
-        }
-      });
-    }
-  }, {
-    key: "refreshReport",
-    value: function refreshReport() {
-      return this.viewerObject.refreshReport();
-    }
-  }, {
-    key: "getReportSource",
-    value: function getReportSource() {
-      return this.viewerObject.reportSource();
-    }
-  }, {
-    key: "setReportSource",
-    value: function setReportSource(rs) {
-      return this.viewerObject.reportSource(rs);
-    }
-  }, {
-    key: "getViewMode",
-    value: function getViewMode() {
-      return this.viewerObject.viewMode();
-    }
-  }, {
-    key: "setViewMode",
-    value: function setViewMode(vm) {
-      return this.viewerObject.viewMode(vm);
-    }
-  }, {
-    key: "getScale",
-    value: function getScale() {
-      return this.viewerObject.scale();
-    }
-  }, {
-    key: "setScale",
-    value: function setScale(scale) {
-      return this.viewerObject.scale(scale);
-    }
-  }, {
-    key: "pageCount",
-    value: function pageCount() {
-      return this.viewerObject.pageCount();
-    }
-  }, {
-    key: "currentPage",
-    value: function currentPage() {
-      return this.viewerObject.currentPage();
-    }
-  }, {
-    key: "setAuthenticationToken",
-    value: function setAuthenticationToken(token) {
-      return this.viewerObject.authenticationToken(token);
-    }
-  }, {
-    key: "getAccessibilityKeyMap",
-    value: function getAccessibilityKeyMap() {
-      return this.viewerObject.accessibilityKeyMap();
-    }
-  }, {
-    key: "setAccessibilityKeyMap",
-    value: function setAccessibilityKeyMap(keyMap) {
-      return this.viewerObject.accessibilityKeyMap(keyMap);
-    }
-  }, {
-    key: "bind",
-    value: function bind(eventName, eventHandler) {
-      this.viewerObject.bind(eventName, eventHandler);
-    }
-  }, {
-    key: "unbind",
-    value: function unbind(eventName, eventHandler) {
-      this.viewerObject.unbind(eventName, eventHandler);
-    }
-  }, {
-    key: "unbindAll",
-    value: function unbindAll(eventName) {
-      this.viewerObject.unbind(eventName);
-    }
-  }, {
-    key: "getPageMode",
-    value: function getPageMode() {
-      return this.viewerObject.pageMode();
-    }
-  }, {
-    key: "setPageMode",
-    value: function setPageMode(psm) {
-      return this.viewerObject.pageMode(psm);
-    }
-  }, {
-    key: "clearReportSource",
-    value: function clearReportSource() {
-      return this.viewerObject.clearReportSource();
-    }
-  }, {
-    key: "dispose",
-    value: function dispose() {
-      return this.viewerObject.dispose();
-    }
-  }, {
-    key: "getReportParameters",
-    value: function getReportParameters() {
-      return this.viewerObject.getReportParameters();
-    }
-  }]);
-  return TelerikReportViewer;
-}(React.Component);
+  }
+  componentDidMount() {
+    this.setState({
+      reportViewerID: this.props.id || "reportViewer1"
+    });
+    const keepClientAlive = this.props.keepClientAlive === undefined ? true : this.props.keepClientAlive;
+    this.viewerObject = new ReportViewer(this.el, {
+      id: this.state.reportViewerID,
+      serviceUrl: this.props.serviceUrl,
+      reportServer: this.props.reportServer,
+      trvTemplateUrl: this.props.templateUrl,
+      initialPageAreaImageUrl: this.props.initialPageAreaImageUrl,
+      reportSource: this.props.reportSource,
+      sendEmail: this.props.sendEmail,
+      scale: this.props.scale,
+      scaleMode: this.props.scaleMode,
+      viewMode: this.props.viewMode,
+      pageMode: this.props.pageMode,
+      parameters: this.props.parameters,
+      persistSession: this.props.persistSession,
+      parameterEditors: this.props.parameterEditors,
+      authenticationToken: this.props.authenticationToken,
+      ready: this.props.ready,
+      printMode: this.props.printMode,
+      selector: this.props.selector,
+      disabledButtonClass: this.props.disabledButtonClass,
+      checkedButtonClass: this.props.checkedButtonClass,
+      exportBegin: this.props.exportBegin,
+      exportEnd: this.props.exportEnd,
+      printBegin: this.props.printBegin,
+      printEnd: this.props.printEnd,
+      renderingBegin: this.props.renderingBegin,
+      renderingEnd: this.props.renderingEnd,
+      sendEmailBegin: this.props.sendEmailBegin,
+      sendEmailEnd: this.props.sendEmailEnd,
+      updateUi: this.props.updateUi,
+      pageReady: this.props.pageReady,
+      error: this.props.error,
+      interactiveActionExecuting: this.props.interactiveActionExecuting,
+      interactiveActionEnter: this.props.interactiveActionEnter,
+      interactiveActionLeave: this.props.interactiveActionLeave,
+      viewerToolTipOpening: this.props.viewerToolTipOpening,
+      enableAccessibility: this.props.enableAccessibility,
+      searchMetadataOnDemand: this.props.searchMetadataOnDemand,
+      parametersAreaVisible: this.props.parametersAreaVisible,
+      documentMapVisible: this.props.documentMapVisible,
+      documentMapAreaPosition: this.props.documentMapAreaPosition,
+      parametersAreaPosition: this.props.parametersAreaPosition,
+      keepClientAlive: keepClientAlive
+    });
+    this.commands = this.viewerObject.commands;
+  }
+  componentWillUnmount() {
+    this.dispose();
+  }
+  render() {
+    return /*#__PURE__*/React.createElement("div", {
+      id: this.state.reportViewerID,
+      style: {
+        ...this.props.viewerContainerStyle
+      },
+      ref: el => this.el = el
+    });
+  }
+  refreshReport() {
+    return this.viewerObject.refreshReport();
+  }
+  getReportSource() {
+    return this.viewerObject.reportSource();
+  }
+  setReportSource(rs) {
+    return this.viewerObject.reportSource(rs);
+  }
+  getViewMode() {
+    return this.viewerObject.viewMode();
+  }
+  setViewMode(vm) {
+    return this.viewerObject.viewMode(vm);
+  }
+  getScale() {
+    return this.viewerObject.scale();
+  }
+  setScale(scale) {
+    return this.viewerObject.scale(scale);
+  }
+  pageCount() {
+    return this.viewerObject.pageCount();
+  }
+  currentPage() {
+    return this.viewerObject.currentPage();
+  }
+  setAuthenticationToken(token) {
+    return this.viewerObject.authenticationToken(token);
+  }
+  getAccessibilityKeyMap() {
+    return this.viewerObject.accessibilityKeyMap();
+  }
+  setAccessibilityKeyMap(keyMap) {
+    return this.viewerObject.accessibilityKeyMap(keyMap);
+  }
+  bind(eventName, eventHandler) {
+    this.viewerObject.bind(eventName, eventHandler);
+  }
+  unbind(eventName, eventHandler) {
+    this.viewerObject.unbind(eventName, eventHandler);
+  }
+  unbindAll(eventName) {
+    this.viewerObject.unbind(eventName);
+  }
+  getPageMode() {
+    return this.viewerObject.pageMode();
+  }
+  setPageMode(psm) {
+    return this.viewerObject.pageMode(psm);
+  }
+  clearReportSource() {
+    return this.viewerObject.clearReportSource();
+  }
+  dispose() {
+    return this.viewerObject.dispose();
+  }
+  getReportParameters() {
+    return this.viewerObject.getReportParameters();
+  }
+}
 export default TelerikReportViewer;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/telerik-react-report-viewer",
   "description": "Progress® Telerik® Report Viewer for React",
-  "version": "20.23.1114",
+  "version": "21.24.116",
   "author": "Progress",
   "license": "See LICENSE.md",
   "homepage": "https://www.telerik.com/reporting",