@progress/telerik-jquery-report-viewer 25.25.313 → 26.25.716

package/dist/cjs/sendEmail.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('@progress/telerik-common-report-viewer');
 var stringResources = require('./stringResources.js');
 var binder = require('./binder.js');
 var command = require('./command.js');
@@ -12,8 +13,10 @@ function replaceStringResources($sendEmailDialog) {
     return;
   }
   var labels = $sendEmailDialog.find(".trv-replace-string");
-  var ariaLabel = $sendEmailDialog.find("[aria-label]");
+  var ariaLabel = $sendEmailDialog.find("[aria-label]").add($sendEmailDialog);
   var titles = $sendEmailDialog.find("[title]");
+  var requiredMsg = $sendEmailDialog.find("[data-required-msg]");
+  var emailMsg = $sendEmailDialog.find("[data-email-msg]");
   if (labels.length) {
     Array.from(labels).forEach((element) => {
       replaceText($(element));
@@ -29,6 +32,16 @@ function replaceStringResources($sendEmailDialog) {
       replaceAttribute($(element), "title");
     });
   }
+  if (requiredMsg.length) {
+    Array.from(requiredMsg).forEach((element) => {
+      replaceAttribute($(element), "data-required-msg");
+    });
+  }
+  if (emailMsg.length) {
+    Array.from(emailMsg).forEach((element) => {
+      replaceAttribute($(element), "data-email-msg");
+    });
+  }
 }
 function replaceText($el) {
   if ($el) {
@@ -40,220 +53,215 @@ function replaceAttribute($el, attribute) {
     $el.attr(attribute, stringResources.stringResources[$el.attr(attribute)]);
   }
 }
-function SendEmail(placeholder, options, viewerOptions) {
-  options = $.extend({}, defaultOptions, options);
-  var controller = options.controller;
-  var initialized = false;
-  var dialogVisible = false;
-  var $placeholder;
-  var kendoSendEmailDialog;
-  var selector = viewerOptions.viewerSelector;
-  var inputFrom;
-  var inputTo;
-  var inputCC;
-  var inputSubject;
-  var docFormat;
-  var docFormatEl;
-  var bodyEditorEl;
-  var bodyEditor;
-  var docFormatList;
-  var optionsCommandSet;
-  var windowLocation;
-  var reportViewerWrapper = $("[data-selector='" + selector + "']").find(".trv-report-viewer");
-  if (!controller) {
-    throw "No controller (telerikReporting.ReportViewerController) has been specified.";
-  }
-  if (!viewerOptions.sendEmail || !viewerOptions.sendEmail.enabled) {
-    var toolbarSendEmailItem = $("[data-selector='" + selector + "']").find("a[data-command='telerik_ReportViewer_toggleSendEmailDialog']").closest(".k-item ");
-    toolbarSendEmailItem.hide();
-    return;
-  }
-  controller.beginLoadReport(closeAndClear).viewModeChanged(closeAndClear);
-  controller.getSendEmailDialogState(function(event, args) {
-    args.visible = dialogVisible;
-  }).setSendEmailDialogVisible(function(event, args) {
-    toggle(args.visible);
-  }).setSearchDialogVisible(function(event, args) {
-    if (args.visible && dialogVisible) {
-      toggle(!dialogVisible);
+class SendEmail {
+  // #region fields
+  // #endregion
+  // #region constructor
+  constructor(element, options, viewerOptions) {
+    this.options = $.extend({}, defaultOptions, options);
+    this.viewerOptions = viewerOptions;
+    this.element = element;
+    this.$element = $(element);
+    this.viewerElement = $(`[data-selector='${this.viewerOptions.viewerSelector}']`);
+    this.viewer = this.viewerElement.data("telerik_ReportViewer");
+    this.controller = this.options.controller;
+    this.notificationService = options.notificationService;
+    this.initialized = false;
+    this.dialogVisible = false;
+    this.kendoSendEmailDialog;
+    this.inputFrom;
+    this.inputTo;
+    this.inputCC;
+    this.inputSubject;
+    this.docFormat;
+    this.docFormatEl;
+    this.bodyEditorEl;
+    this.bodyEditor;
+    this.docFormatList;
+    this.optionsCommandSet;
+    this.windowLocation;
+    if (!this.controller) {
+      throw "No controller (telerikReporting.ReportViewerController) has been specified.";
     }
-  });
-  controller.getDocumentFormats().then(function(formats) {
-    docFormatList = formats;
-  });
-  function closeAndClear() {
-    toggle(false);
-  }
-  function toggle(show) {
-    dialogVisible = show;
-    if (show) {
-      ensureInitialized();
-      setDefaultValues(viewerOptions.sendEmail);
-      kendoSendEmailDialog.open();
-    } else {
-      if (kendoSendEmailDialog && kendoSendEmailDialog.options.visible) {
-        kendoSendEmailDialog.close();
-      }
+    if (!this.notificationService) {
+      throw "No notificationService (telerikReporting.NotificationService) has been specified.";
+    }
+    if (!this.viewerOptions.sendEmail || !this.viewerOptions.sendEmail.enabled) {
+      this.viewerElement.find("[data-command='toggleSendEmailDialog']").addClass("send-email-hidden");
+      return;
     }
+    this.init();
   }
-  function getBody() {
-    return bodyEditor ? bodyEditor.value() : "";
+  // #endregion
+  // #region methods
+  init() {
+    if (this.initialized) {
+      return;
+    }
+    replaceStringResources(this.$element);
+    this.controller.getDocumentFormats().then((formats) => {
+      this.docFormatList = formats;
+      this.docFormat?.setDataSource(this.docFormatList);
+      if (this.viewerOptions?.sendEmail && this.viewerOptions?.sendEmail.format) {
+        this.docFormat?.value(this.viewerOptions.sendEmail.format);
+        this.docFormat?.trigger("change");
+      }
+    });
+    this._initDialog();
+    this._initInputFields();
+    this._attachCommands();
+    this._attachEvents();
+    this.initialized = true;
   }
-  function ensureInitialized() {
-    if (!initialized) {
-      $placeholder = $(placeholder);
-      inputFrom = $placeholder.find("[name='from']");
-      inputTo = $placeholder.find("[name='to']");
-      inputCC = $placeholder.find("[name='cc']");
-      inputSubject = $placeholder.find("[name='subject']");
-      docFormatEl = $placeholder.find("[name='format']");
-      bodyEditorEl = $placeholder.find("textarea");
-      setAttrs();
-      initCommands();
-      replaceStringResources($placeholder);
-      try {
-        kendoSendEmailDialog = reportViewerWrapper.find(".trv-send-email-window").kendoWindow({
-          title: stringResources.stringResources.sendEmailDialogTitle,
-          minWidth: 350,
-          minHeight: 350,
-          maxHeight: 900,
-          modal: true,
-          close: function() {
-            storeDialogPosition();
-            clearValidation();
-          },
-          open: function() {
-            adjustDialogSize();
-            adjustDialogPosition();
-          },
-          deactivate: function() {
-            controller.setSendEmailDialogVisible({
-              visible: false
-            });
-          },
-          activate: function() {
-            kendoSendEmailDialog.wrapper.find(".trv-send-email-fields input[type='email']:visible").first().focus();
-            setTimeout(function() {
-              setValidation();
-            }, 250);
-          }
-        }).data("kendoWindow");
-      } catch (error) {
-        console.error("Instantiation of Kendo Window for Send Email dialog threw an exception", error);
-        throw error;
+  _attachEvents() {
+    this.controller.on("beginLoadReport", this.close.bind(this)).on("viewModeChanged", this.close.bind(this));
+    this.notificationService.getSendEmailDialogState((event, args) => {
+      args.visible = this.dialogVisible;
+    }).setSendEmailDialogVisible((event, args) => {
+      if (args.visible === true) {
+        this.open();
+      } else {
+        this.close();
       }
-      kendoSendEmailDialog.wrapper.addClass("trv-send-email");
-      try {
-        docFormat = docFormatEl.kendoComboBox({
-          dataTextField: "localizedName",
-          dataValueField: "name",
-          dataSource: docFormatList || [],
-          filter: "startswith",
-          dataBound: function() {
-            this.select(0);
-            this.trigger("change");
-          }
-        }).data("kendoComboBox");
-      } catch (error) {
-        console.error("Instantiation of Kendo ComboBox as document format selector threw an exception", error);
-        throw error;
+    }).setSearchDialogVisible((event, args) => {
+      if (args.visible && this.dialogVisible) {
+        this.close();
       }
-      $placeholder.on("keydown", '[name="format_input"]', function(event) {
-        var tabkey = 9;
-        if (event.keyCode === tabkey && bodyEditor) {
-          setTimeout(function() {
-            bodyEditor.focus();
-          });
-        }
-      });
-      try {
-        bodyEditor = bodyEditorEl.kendoEditor({
-          tools: [
-            "bold",
-            "italic",
-            "underline",
-            "strikethrough",
-            "justifyLeft",
-            "justifyCenter",
-            "justifyRight",
-            "justifyFull",
-            "insertUnorderedList",
-            "insertOrderedList",
-            "indent",
-            "outdent",
-            "createLink",
-            "unlink",
-            "cleanFormatting",
-            "formatting",
-            "fontName",
-            "fontSize",
-            "foreColor",
-            "backColor",
-            "subscript",
-            "superscript"
-          ]
-        }).data("kendoEditor");
-      } catch (error) {
-        console.error("Instantiation of Kendo Editor for Email body editor threw an exception", error);
-        throw error;
+    });
+    $(window).on("resize", () => {
+      if (this.kendoSendEmailDialog && this.kendoSendEmailDialog.options.visible) {
+        this.storeDialogPosition();
+        this.adjustDialogPosition();
       }
-      setDefaultValues(viewerOptions.sendEmail);
-      initialized = true;
-    }
+    });
   }
-  $(window).resize(function() {
-    if (kendoSendEmailDialog && kendoSendEmailDialog.options.visible) {
-      storeDialogPosition();
-      adjustDialogSize();
-      adjustDialogPosition();
+  open() {
+    this.dialogVisible = true;
+    this.kendoSendEmailDialog.open();
+  }
+  close() {
+    this.dialogVisible = false;
+    if (this.kendoSendEmailDialog && this.kendoSendEmailDialog.options.visible) {
+      this.kendoSendEmailDialog.close();
     }
-  });
-  function setAttrs() {
-    $placeholder.find(".trv-send-email-field input").each(function() {
-      var el = $(this);
-      var attrName = el.attr("name");
-      el.attr("id", selector + "-" + attrName);
-    });
-    $placeholder.find(".trv-send-email-label label").each(function() {
-      var el = $(this);
-      var attrName = el.attr("for");
-      el.attr("for", selector + "-" + attrName);
+  }
+  getBody() {
+    return this.bodyEditor ? this.bodyEditor.value() : "";
+  }
+  _initDialog() {
+    this.kendoSendEmailDialog = new kendo.ui.Window(this.element, {
+      title: stringResources.stringResources.sendEmailDialogTitle,
+      visible: false,
+      width: 800,
+      minWidth: 350,
+      minHeight: 350,
+      modal: true,
+      close: () => {
+        this.storeDialogPosition();
+        this.kendoValidator.reset();
+      },
+      open: () => {
+        this.adjustDialogPosition();
+      },
+      deactivate: () => {
+        this.notificationService.setSendEmailDialogVisible({
+          visible: false
+        });
+      },
+      activate: () => {
+        this.inputFrom.focus();
+        setTimeout(() => {
+          this.setValidation();
+        }, 250);
+      }
     });
+    this.kendoSendEmailDialog.element.removeClass("trv-send-email-dialog k-hidden");
+    this.kendoSendEmailDialog.wrapper.addClass("trv-send-email-dialog");
   }
-  function storeDialogPosition() {
-    var kendoWindow = kendoSendEmailDialog.element.parent(".k-window");
-    windowLocation = kendoWindow.offset();
+  _initInputFields() {
+    const prefix = this.viewerOptions.viewerSelector;
+    this.setAttrs();
+    this.inputFrom = new kendo.ui.TextBox(this.element.querySelector(`[name="${prefix}-from"]`), {});
+    this.inputTo = new kendo.ui.TextBox(this.element.querySelector(`[name="${prefix}-to"]`), {});
+    this.inputCC = new kendo.ui.TextBox(this.element.querySelector(`[name="${prefix}-cc"]`), {});
+    this.inputSubject = new kendo.ui.TextBox(this.element.querySelector(`[name="${prefix}-subject"]`), {});
+    this.docFormat = new kendo.ui.ComboBox(this.element.querySelector(`[name="${prefix}-format"]`), {
+      dataTextField: "localizedName",
+      dataValueField: "name",
+      dataSource: this.docFormatList || [],
+      filter: "startswith",
+      dataBound: (event) => {
+        event.sender.select(0);
+        event.sender.trigger("change");
+      }
+    });
+    this.bodyEditor = new kendo.ui.Editor(this.element.querySelector(`[name="${prefix}-emailBody"]`), {
+      tools: [
+        "bold",
+        "italic",
+        "underline",
+        "strikethrough",
+        "justifyLeft",
+        "justifyCenter",
+        "justifyRight",
+        "justifyFull",
+        "insertUnorderedList",
+        "insertOrderedList",
+        "indent",
+        "outdent",
+        "createLink",
+        "unlink",
+        "cleanFormatting",
+        "formatting",
+        "fontName",
+        "fontSize",
+        "foreColor",
+        "backColor",
+        "subscript",
+        "superscript"
+      ]
+    });
+    this.setDefaultValues(this.viewerOptions.sendEmail);
+    this.kendoValidator = new kendo.ui.Validator(this.element.querySelector(".trv-send-email-fields"), {});
   }
-  function adjustDialogSize() {
-    var kendoWindow = kendoSendEmailDialog.element.parent(".k-window");
-    var windowWidth = $(window).width();
-    var kendoWindowWidth = 350;
-    if (windowWidth > 800) {
-      kendoWindowWidth = 720;
-    }
-    kendoWindow.css({ width: kendoWindowWidth });
-    kendoSendEmailDialog.refresh({
-      width: kendoWindowWidth
+  setAttrs() {
+    const prefix = this.viewerOptions.viewerSelector;
+    Array.from(this.element.querySelectorAll(".trv-send-email-field input, .trv-send-email-field textarea")).forEach((element) => {
+      var attrName = element.getAttribute("name");
+      if (attrName === null) {
+        return;
+      }
+      element.setAttribute("id", `${prefix}-${attrName}`);
+      element.setAttribute("name", `${prefix}-${attrName}`);
     });
+    Array.from(this.element.querySelectorAll(".trv-send-email-label label")).forEach((element) => {
+      var attrFor = element.getAttribute("for");
+      if (attrFor === null) {
+        return;
+      }
+      element.setAttribute("for", `${prefix}-${attrFor}`);
+    });
+  }
+  storeDialogPosition() {
+    var kendoWindow = this.kendoSendEmailDialog.element.parent(".k-window");
+    this.windowLocation = kendoWindow.offset();
   }
-  function adjustDialogPosition() {
-    if (!windowLocation) {
-      kendoSendEmailDialog.center();
+  adjustDialogPosition() {
+    var windowWidth = $(window).innerWidth();
+    var windowHeight = $(window).innerHeight();
+    var width = this.kendoSendEmailDialog.wrapper.outerWidth(true);
+    var height = this.kendoSendEmailDialog.wrapper.outerHeight(true);
+    var padding = 10;
+    if (!this.windowLocation) {
+      this.kendoSendEmailDialog.center();
     } else {
-      var padding = 10;
-      var windowWidth = $(window).innerWidth();
-      var windowHeight = $(window).innerHeight();
-      var kendoWindow = kendoSendEmailDialog.wrapper;
-      var width = kendoWindow.outerWidth(true);
-      var height = kendoWindow.outerHeight(true);
-      var left = windowLocation.left;
-      var top = windowLocation.top;
+      var left = this.windowLocation.left;
+      var top = this.windowLocation.top;
       var right = left + width;
       var bottom = top + height;
       if (right > windowWidth - padding) {
         left = Math.max(padding, windowWidth - width - padding);
-        kendoWindow.css({ left });
-        kendoSendEmailDialog.setOptions({
+        this.kendoSendEmailDialog.setOptions({
           position: {
             left
           }
@@ -261,8 +269,7 @@ function SendEmail(placeholder, options, viewerOptions) {
       }
       if (bottom > windowHeight - padding) {
         top = Math.max(padding, windowHeight - height - padding);
-        kendoWindow.css({ top });
-        kendoSendEmailDialog.setOptions({
+        this.kendoSendEmailDialog.setOptions({
           position: {
             top
           }
@@ -270,123 +277,111 @@ function SendEmail(placeholder, options, viewerOptions) {
       }
     }
   }
-  function initCommands() {
-    optionsCommandSet = {
-      "sendEmail_Cancel": new command.Command(function() {
-        closeWindow();
+  _attachCommands() {
+    this.optionsCommandSet = {
+      "sendEmail_Cancel": new command.Command(() => {
+        this.close();
       }),
-      "sendEmail_Send": new command.Command(function() {
-        sendingEmail();
+      "sendEmail_Send": new command.Command(() => {
+        this.sendingEmail();
       })
     };
-    binder.Binder.attachCommands($placeholder.find(".trv-send-email-actions"), optionsCommandSet, viewerOptions);
+    binder.Binder.attachCommands(this.$element.find(".trv-send-email-actions"), this.optionsCommandSet, this.viewerOptions);
   }
-  function sendingEmail(cmd, args) {
+  sendingEmail(cmd, args) {
     var sendEmailArgs = {
-      from: inputFrom.val(),
-      to: inputTo.val(),
-      cc: inputCC.val(),
-      subject: inputSubject.val(),
-      format: docFormat.value(),
-      body: getBody(),
+      from: this.inputFrom.value(),
+      to: this.inputTo.value(),
+      cc: this.inputCC.value(),
+      subject: this.inputSubject.value(),
+      format: this.docFormat.value(),
+      body: this.getBody(),
       deviceInfo: {}
     };
-    if (validateFields()) {
-      controller.sendReport(sendEmailArgs);
-      closeWindow();
+    if (this.validateFields()) {
+      this.controller.sendReport(sendEmailArgs);
+      this.close();
     }
   }
-  function setValidation() {
-    inputFrom.off("blur").on("blur", function(event) {
-      if (!isEmpty($(this))) {
-        isValidEmail($(this), false);
+  setValidation() {
+    this.inputFrom.element.off("blur").on("blur", () => {
+      if (!this.isEmpty(this.inputFrom)) {
+        this.isValidEmail(this.inputFrom, false);
       }
     });
-    inputTo.off("blur").on("blur", function(event) {
-      if (!isEmpty($(this))) {
-        isValidEmail($(this), true);
+    this.inputTo.element.off("blur").on("blur", () => {
+      if (!this.isEmpty(this.inputTo)) {
+        this.isValidEmail(this.inputTo, true);
       }
     });
-    inputCC.off("blur").on("blur", function(event) {
-      if ($(this).val().length) {
-        isValidEmail($(this), true);
+    this.inputCC.element.off("blur").on("blur", () => {
+      if (this.inputCC.value().toString().length) {
+        this.isValidEmail(this.inputCC, true);
       } else {
-        hideError($(this));
+        this.hideError(this.inputCC.element);
       }
     });
   }
-  function validateFields() {
-    var fromIsValid = isEmpty(inputFrom) || !isValidEmail(inputFrom, false);
-    var toIsValid = isEmpty(inputTo) || !isValidEmail(inputTo, true);
-    var ccIsValid = inputCC.val().length && !isValidEmail(inputCC, true);
-    var hasFormat = docFormat.value().length;
+  validateFields() {
+    var fromIsValid = !this.isEmpty(this.inputFrom) && this.isValidEmail(this.inputFrom, false);
+    var toIsValid = !this.isEmpty(this.inputTo) && this.isValidEmail(this.inputTo, true);
+    var ccIsValid = this.isEmpty(this.inputCC) || this.isValidEmail(this.inputCC, true);
+    var hasFormat = this.docFormat.value().length > 0;
     if (!hasFormat) {
-      showError(docFormatEl, "data-required-msg");
-    }
-    if (fromIsValid || toIsValid || ccIsValid || !hasFormat) {
-      return false;
+      this.showError(this.docFormat.element, "data-required-msg");
     }
-    return true;
+    return fromIsValid && toIsValid && ccIsValid && hasFormat;
   }
-  function setDefaultValues(sendEmail) {
-    inputFrom.val(sendEmail && sendEmail.from || "");
-    inputTo.val(sendEmail && sendEmail.to || "");
-    inputCC.val(sendEmail && sendEmail.cc || "");
-    inputSubject.val(sendEmail && sendEmail.subject || "");
-    if (sendEmail && sendEmail.format) {
-      docFormat.value(sendEmail.format);
-    } else {
-      docFormat.select(0);
-    }
-    docFormat.trigger("change");
-    bodyEditor.value(sendEmail && sendEmail.body || "");
+  /* Sets all default email values except the format as it depends on a request */
+  setDefaultValues(sendEmail) {
+    this.inputFrom.value(sendEmail && sendEmail.from || "");
+    this.inputTo.value(sendEmail && sendEmail.to || "");
+    this.inputCC.value(sendEmail && sendEmail.cc || "");
+    this.inputSubject.value(sendEmail && sendEmail.subject || "");
+    this.bodyEditor.value(sendEmail && sendEmail.body || "");
   }
-  function isEmpty($el) {
-    if (!$el.val().length) {
-      showError($el, "data-required-msg");
+  isEmpty(input) {
+    var $el = input.element;
+    if (!input.value().length) {
+      this.showError($el, "data-required-msg");
       return true;
     }
-    hideError($el);
+    this.hideError($el);
     return false;
   }
-  function showError($el, tag) {
+  showError($el, tag) {
     var validationMsg = stringResources.stringResources[$el.attr(tag)];
     $('[data-for="' + $el.attr("name") + '"]').addClass("-visible").text(validationMsg);
   }
-  function hideError($el) {
+  hideError($el) {
     $('[data-for="' + $el.attr("name") + '"]').removeClass("-visible");
   }
-  function isValidEmail($el, moreThenOneEmail) {
-    var inputValue = $el.val();
+  isValidEmail(input, moreThenOneEmail) {
+    var inputValue = input.value();
+    var $el = input.element;
     if (moreThenOneEmail) {
       var listEmailsAddress = inputValue.split(/[\s,;]+/);
       for (var i = 0; i < listEmailsAddress.length; i++) {
-        if (!_validateEmail(listEmailsAddress[i].trim(), $el)) {
+        if (!this._validateEmail(listEmailsAddress[i].trim(), $el)) {
           return false;
         }
       }
       return true;
     }
-    return _validateEmail(inputValue, $el);
+    return this._validateEmail(inputValue, $el);
   }
-  function _validateEmail(email, $el) {
+  _validateEmail(email, $el) {
     var regexEmail = /\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
     if (email.indexOf(",") > -1 || email.indexOf(";") > -1) {
-      showError($el, "data-single-email-msg");
+      this.showError($el, "data-single-email-msg");
       return false;
     }
     if (!regexEmail.test(email)) {
-      showError($el, "data-email-msg");
+      this.showError($el, "data-email-msg");
       return false;
     }
     return true;
   }
-  function closeWindow() {
-    kendoSendEmailDialog.close();
-  }
-  function clearValidation() {
-    $(".k-invalid-msg").removeClass("-visible");
-  }
 }
 
 exports.SendEmail = SendEmail;

package/dist/cjs/service-client-sentinel.js

@@ -29,7 +29,7 @@ function ServiceClientSentinel(serviceClient, clientID, sessionTimeoutSeconds) {
       return;
     }
     pingMilliseconds = Math.min(pingMilliseconds, 2147483647);
-    interval = setInterval(function() {
+    interval = setInterval(() => {
       serviceClient.keepClientAlive(clientID);
     }, pingMilliseconds);
   }