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

package/README.md

@@ -2,7 +2,7 @@
         
 This package is part of [Telerik Reporting](https://www.telerik.com/reporting).
 
-This version of Telerik jQuery Report Viewer requires Telerik Report Server or Telerik Reporting REST Service 19.0.25.313.
+This version of Telerik jQuery Report Viewer requires Telerik Report Server or Telerik Reporting REST Service 19.1.25.521.
 
 __Intended for internal purposes only.__
 

package/dist/cjs/accessibility.js

@@ -2,13 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('./utils.js');
-var stringResources = require('./stringResources.js');
+require('@progress/telerik-common-report-viewer');
 
 var defaultOptions = {};
 function Accessibility(options) {
   var controller;
-  var pageInitialized = false;
   var areas;
   var lastArea;
   var keyMap = {
@@ -27,25 +25,24 @@ function Accessibility(options) {
   if (!controller) {
     throw "No controller (telerikReporting.ReportViewerController) has been specified.";
   }
-  controller.reportLoadComplete(function() {
-    setAccessibilityUI();
-    var content = findContentArea();
-    if (content.length > 0) {
-      content.focus();
-    }
-  }).pageReady(function(event, page) {
-    initPage(page);
-    pageInitialized = true;
-  }).error(function(e, message) {
-    focusOnErrorMessage();
-    window.setTimeout(setAccessibilityUI, 500);
-  });
-  controller.updateUI(function(e) {
-    if (pageInitialized) {
-      setPageSelector();
-      decorateMenuItems();
-    }
-  });
+  init();
+  function init() {
+    _attachEvents();
+  }
+  function _attachEvents() {
+    controller.onAsync("reportLoadComplete", async () => {
+      setAccessibilityUI();
+      var content = findContentArea();
+      if (content.length > 0) {
+        content.focus();
+      }
+    }).on("pageReady", (event, page) => {
+      initPage(page);
+    }).on("error", (event, message) => {
+      focusOnErrorMessage();
+      window.setTimeout(setAccessibilityUI, 500);
+    });
+  }
   function setAccessibilityUI() {
     if (!areas) {
       initAreas();
@@ -69,18 +66,6 @@ function Accessibility(options) {
     var area = areas[keyMap.CONTENT_AREA_KEY];
     setContentAreaKeyDown(area);
   }
-  function setPageSelector() {
-    var pagers = document.querySelectorAll(".trv-report-pager");
-    var pageNumber = controller.getCurrentPageNumber();
-    var pageCount = controller.getPageCount();
-    pagers.forEach((pager) => {
-      pager.setAttribute("aria-label", utils.stringFormat(stringResources.stringResources.ariaLabelPageNumberSelector, [pageNumber, pageCount]));
-      var pageInputs = pager.querySelectorAll("input[data-role=telerik_ReportViewer_PageNumberInput]");
-      pageInputs.forEach((input) => {
-        input.setAttribute("aria-label", stringResources.stringResources.ariaLabelPageNumberEditor);
-      });
-    });
-  }
   function initAreas() {
     areas = {};
     areas[keyMap.DOCUMENT_MAP_AREA_KEY] = findDocumentMapArea();
@@ -99,10 +84,10 @@ function Accessibility(options) {
     return $("div[data-role=telerik_ReportViewer_DocumentMapArea] div[data-role=treeview]");
   }
   function findMenuArea() {
-    return $("ul[data-role=telerik_ReportViewer_MainMenu]");
+    return $("div[data-role=telerik_ReportViewer_Toolbar]");
   }
   function findParametersArea() {
-    return $("div[data-role=telerik_ReportViewer_ParametersArea] div.trv-parameters-area-content");
+    return $("div[data-role=telerik_ReportViewer_ParametersArea] .trv-parameters-area-content .trv-parameters-wrapper");
   }
   function processKeyDown(event) {
     if (!areas) {
@@ -146,7 +131,7 @@ function Accessibility(options) {
     });
   }
   function IsAreaContainerVisible(container) {
-    return container && !(container.hasClass("k-collapsed") || container.hasClass("trv-hidden"));
+    return container && !(container.hasClass("k-collapsed") || container.hasClass("k-hidden"));
   }
   function setContentAreaKeyDown(contentArea) {
     if (!contentArea) {
@@ -165,33 +150,6 @@ function Accessibility(options) {
       });
     });
   }
-  function decorateMenuItems() {
-    var menuAreas = areas[keyMap.MENU_AREA_KEY];
-    if (!menuAreas) {
-      return;
-    }
-    Array.from(menuAreas).forEach((menu) => {
-      var $menu = $(menu);
-      var menuItems = $menu.children("li.k-item");
-      Array.from(menuItems).forEach((menuItem) => {
-        var $menuItem = $(menuItem);
-        if (!$menuItem.hasClass("trv-report-pager")) {
-          var ariaLabel = $menuItem.attr("aria-label");
-          var expandableSr = utils.stringFormat(". {0}", [stringResources.stringResources.ariaLabelExpandable]);
-          var expandable = $menuItem.find("ul").length > 0 && ariaLabel.indexOf(expandableSr) < 0 ? expandableSr : "";
-          var selectedSr = utils.stringFormat(". {0}", [stringResources.stringResources.ariaLabelSelected]);
-          var selected = $menuItem.hasClass("k-selected") && ariaLabel.indexOf(selectedSr) < 0 ? selectedSr : "";
-          var label = ariaLabel + expandable + selected;
-          $menuItem.attr("aria-label", label);
-          if ($menuItem.hasClass("k-disabled")) {
-            $menuItem.attr("aria-disabled", "true");
-          } else {
-            $menuItem.removeAttr("aria-disabled");
-          }
-        }
-      });
-    });
-  }
   function setKeyMap(keyMapValues) {
     keyMap = keyMapValues;
     areas = void 0;

package/dist/cjs/aiPrompt.js

@@ -0,0 +1,311 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var binder = require('./binder.js');
+var command = require('./command.js');
+var stringResources = require('./stringResources.js');
+
+var defaultOptions = {};
+function replaceStringResources($aiDialogsWrapper) {
+  if (!$aiDialogsWrapper) {
+    return;
+  }
+  var labels = $aiDialogsWrapper.find(".trv-replace-string");
+  var ariaLabel = $aiDialogsWrapper.find("[aria-label]").add($aiDialogsWrapper);
+  var titles = $aiDialogsWrapper.find("[title]");
+  if (labels.length) {
+    Array.from(labels).forEach((element) => {
+      replaceText($(element));
+    });
+  }
+  if (ariaLabel.length) {
+    Array.from(ariaLabel).forEach((element) => {
+      replaceAttribute($(element), "aria-label");
+    });
+  }
+  if (titles.length) {
+    Array.from(titles).forEach((element) => {
+      replaceAttribute($(element), "title");
+    });
+  }
+}
+function replaceText($el) {
+  if ($el) {
+    $el.text(stringResources.stringResources[$el.text()]);
+  }
+}
+function replaceAttribute($el, attribute) {
+  if ($el) {
+    $el.attr(attribute, stringResources.stringResources[$el.attr(attribute)]);
+  }
+}
+class AiPrompt {
+  constructor(element, options, viewerOptions) {
+    this.options = $.extend({}, defaultOptions, options);
+    this.viewerOptions = viewerOptions;
+    this.controller = this.options.controller;
+    if (!this.controller) {
+      throw "No controller (telerikReporting.ReportViewerController) has been specified.";
+    }
+    this.notificationService = this.options.notificationService;
+    if (!this.notificationService) {
+      throw "No notificationService (telerikReporting.NotificationService) has been specified.";
+    }
+    this.element = element;
+    this.$element = $(element);
+    this.kendoAiConsentDialog;
+    this.kendoAiPromptDialog;
+    this.kendoAiPrompt;
+    this.kendoAiPromtDialogLocation;
+    this.pagesAreaContainer = $('[data-id="trv-pages-area"]');
+    this.aiPromptDialogInitialized = false;
+    this.aiPromptInitialized = false;
+    const aiConfigurationOptions = this.controller.getAiConfigurationOptions();
+    this.requireConsent = aiConfigurationOptions.requireConsent;
+    this.allowCustomPrompts = aiConfigurationOptions.allowCustomPrompts;
+    this.init();
+  }
+  init() {
+    if (this.aiPromptDialogInitialized) {
+      return;
+    }
+    replaceStringResources(this.$element);
+    if (this.requireConsent) {
+      this._initAiConsentDialog();
+      this._attachAiConsentDialogCommands();
+    }
+    this._initAiPromptDialog();
+    this._attachEvents();
+    this.aiPromptDialogInitialized = true;
+  }
+  _attachEvents() {
+    this.controller.on("beginLoadReport", this.close.bind(this)).on("viewModeChanged", this.close.bind(this));
+    this.notificationService.setAiPromptDialogVisible((event, args) => {
+      this.toggleAiPromptDialog(args.visible);
+    }).setSendEmailDialogVisible((event, args) => {
+      if (args.visible && this.controller.getAiPromptInitiated()) {
+        this.close();
+      }
+    });
+    $(window).on("resize", () => {
+      if (this.kendoAiPromptDialog && this.kendoAiPromptDialog.options.visible) {
+        this.storeDialogPosition();
+        this.adjustDialogPosition(this.kendoAiPromptDialog);
+      }
+    });
+  }
+  _attachAiConsentDialogCommands() {
+    const optionsCommandSet = {
+      "aiConsent_Cancel": new command.Command(() => {
+        this.kendoAiConsentDialog.close();
+        this.notificationService.setAiPromptDialogVisible({
+          visible: false
+        });
+      }),
+      "aiConsent_Accept": new command.Command(() => {
+        this.kendoAiConsentDialog.close();
+        this.controller.saveToSessionStorage("trvAiConsent", "true");
+        this.controller.setAiPromptInitiated(true);
+        this.open();
+      })
+    };
+    binder.Binder.attachCommands(this.kendoAiConsentDialog.element.find(".trv-ai-consent-actions"), optionsCommandSet, this.viewerOptions);
+  }
+  _initAiConsentDialog() {
+    const aiConsentDialogElement = this.element.querySelector(".trv-ai-consent-dialog");
+    if (!aiConsentDialogElement) {
+      console.warn('Failed to initialize AI consent dialog due to missing element with class "trv-ai-consent-dialog".');
+      return;
+    }
+    this.kendoAiConsentDialog = new kendo.ui.Window(aiConsentDialogElement, {
+      title: "Before you start with AI",
+      width: 500,
+      minWidth: 400,
+      minHeight: 106,
+      maxHeight: 800,
+      resizable: false,
+      scrollable: true,
+      open: (event) => {
+        this.adjustDialogPosition(this.kendoAiConsentDialog);
+      }
+    });
+    this.kendoAiConsentDialog.element.removeClass("trv-ai-consent-dialog k-hidden");
+    this.kendoAiConsentDialog.wrapper.addClass("trv-ai-consent-dialog");
+  }
+  _initAiPromptDialog() {
+    const aiPromptDialogElement = this.element.querySelector(".trv-ai-prompt-dialog");
+    if (!aiPromptDialogElement) {
+      console.warn('Failed to initialize AI prompt dialog due to missing element with class "trv-ai-prompt-dialog".');
+      return;
+    }
+    this.kendoAiPromptDialog = new kendo.ui.Window(aiPromptDialogElement, {
+      title: false,
+      visible: false,
+      draggable: {
+        dragHandle: ".k-prompt-header"
+      },
+      height: "fit-content",
+      width: 500,
+      minWidth: 400,
+      maxHeight: 800,
+      scrollable: true,
+      close: (event) => {
+        this.storeDialogPosition();
+      },
+      open: (event) => {
+        this.adjustDialogPosition(this.kendoAiPromptDialog);
+      },
+      deactivate: (event) => {
+        this.notificationService.setAiPromptDialogVisible({
+          visible: false
+        });
+      }
+    });
+    this.kendoAiPromptDialog.element.removeClass("trv-ai-prompt-dialog k-hidden");
+    this.kendoAiPromptDialog.wrapper.addClass("trv-ai-prompt-dialog");
+  }
+  _initAiPrompt(promptSuggestions) {
+    if (this.aiPromptInitialized) {
+      return;
+    }
+    const aiPromptElement = this.kendoAiPromptDialog?.element?.find("#trv-ai-prompt");
+    if (!aiPromptElement) {
+      console.warn('Failed to initialize AI prompt dialog due to missing element with id "trv-ai-prompt".');
+      return;
+    }
+    const that = this;
+    this.kendoAiPrompt = new kendo.ui.AIPrompt(aiPromptElement, {
+      activeView: 0,
+      promptRequest: function(event) {
+        if (!event.prompt) {
+          return;
+        }
+        that.controller.getAIResponse(event.prompt).then((response) => {
+          this.addPromptOutput(that.createPromptOutputFromResponse(response, event));
+          this.activeView(1);
+        }).catch((error) => {
+          this.addPromptOutput(that.createPromptOutputFromResponse(error?._responseJSON, event));
+          this.activeView(1);
+        });
+      },
+      toolbarItems: [
+        { type: "spacer" },
+        { type: "button", icon: "x", fillMode: "flat", themeColor: "primary", click: (e) => {
+          this.close();
+        } }
+      ],
+      views: [
+        {
+          type: "prompt",
+          promptSuggestions,
+          messages: {
+            promptPlaceholder: "Enter your prompt"
+          }
+        },
+        {
+          type: "output"
+        }
+      ]
+    });
+    this.disableAiPromptTextArea(promptSuggestions && promptSuggestions.length > 0);
+    const aiPromptToolbar = this.kendoAiPrompt.element.find(".k-prompt-header .k-toolbar").data("kendoToolBar");
+    aiPromptToolbar && aiPromptToolbar.bind("toggle", (e) => {
+      if (e.target.text() === "Ask AI") {
+        this.disableAiPromptTextArea(promptSuggestions && promptSuggestions.length > 0);
+      }
+    });
+    this.aiPromptInitialized = true;
+  }
+  disableAiPromptTextArea(hasPromptSuggestions) {
+    if (this.allowCustomPrompts) {
+      return;
+    }
+    let aiPromptTextAreaPlaceholder = "Enter your prompt";
+    const aiPromptTextArea = this.kendoAiPrompt.element.find(".k-prompt-content .k-prompt-view textarea");
+    if (!hasPromptSuggestions) {
+      const aiPromptGenerateButton = this.kendoAiPrompt.element.find(".k-prompt-footer");
+      aiPromptGenerateButton && aiPromptGenerateButton.addClass("k-disabled");
+      aiPromptTextAreaPlaceholder = "Custom prompts are disabled and there are no predefined prompts configured. Please allow custom prompts or add predefined prompts to use the AI feature.";
+    } else {
+      aiPromptTextAreaPlaceholder = "Custom prompts are disabled, please select one of the predefined suggestions below";
+    }
+    aiPromptTextArea && aiPromptTextArea.attr("placeholder", aiPromptTextAreaPlaceholder) && aiPromptTextArea.addClass("k-disabled");
+  }
+  storeDialogPosition() {
+    this.kendoAiPromtDialogLocation = this.kendoAiPromptDialog.wrapper.offset();
+  }
+  adjustDialogPosition(dialog) {
+    var windowWidth = $(window).innerWidth();
+    var windowHeight = $(window).innerHeight();
+    var width = dialog.wrapper.outerWidth(true);
+    var height = dialog.wrapper.outerHeight(true);
+    var padding = 10;
+    if (!this.kendoAiPromtDialogLocation) {
+      var reportViewerCoords = this.pagesAreaContainer[0].getBoundingClientRect();
+      dialog.setOptions({
+        position: {
+          top: reportViewerCoords.top + padding,
+          left: reportViewerCoords.right - width - padding
+        }
+      });
+    } else {
+      var left = this.kendoAiPromtDialogLocation.left;
+      var top = this.kendoAiPromtDialogLocation.top;
+      var right = left + width;
+      var bottom = top + height;
+      if (right > windowWidth - padding) {
+        left = Math.max(padding, windowWidth - width - padding);
+        dialog.setOptions({
+          position: {
+            left
+          }
+        });
+      }
+      if (bottom > windowHeight - padding) {
+        top = Math.max(padding, windowHeight - height - padding);
+        this.kendoAiPromptDialog.setOptions({
+          position: {
+            top
+          }
+        });
+      }
+    }
+  }
+  toggleAiPromptDialog(show) {
+    if (show) {
+      this.open();
+    } else {
+      this.close();
+    }
+  }
+  open() {
+    if (this.kendoAiConsentDialog && this.requireConsent && this.controller.loadFromSessionStorage("trvAiConsent") !== "true") {
+      this.kendoAiConsentDialog.open();
+      return;
+    }
+    if (this.kendoAiPromptDialog) {
+      this.controller.createAIThread().then((data) => {
+        this.controller.setAiPromptInitiated(true);
+        this._initAiPrompt(data?.predefinedPrompts);
+        this.kendoAiPromptDialog.open();
+      });
+    }
+  }
+  close() {
+    this.controller.setAiPromptInitiated(false);
+    if (this.kendoAiPromptDialog && this.kendoAiPromptDialog.options.visible) {
+      this.kendoAiPromptDialog.close();
+    }
+  }
+  createPromptOutputFromResponse(response, promptData) {
+    return {
+      id: kendo.guid(),
+      output: response,
+      prompt: promptData.prompt,
+      isRetry: promptData.isRetry
+    };
+  }
+}
+
+exports.AiPrompt = AiPrompt;

package/dist/cjs/base-component.js

@@ -2,23 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 class BaseComponent {
+  // #region fields
+  element;
+  $element;
+  options;
   // #endregion
   // #region constructor
-  constructor(element, options) {
-    // #region fields
-    __publicField(this, "element");
-    __publicField(this, "$element");
-    __publicField(this, "options");
+  constructor(element, options = {}) {
     this.element = element;
     this.$element = $(element);
     this.options = options;
+    Object.defineProperty(this.element, "__COMPONENT__", {
+      get: () => this
+    });
   }
   // #endregion
 }

package/dist/cjs/binder.js

@@ -30,26 +30,26 @@ class Binder {
       attachCommand(key, command, viewerOptions, $element);
     });
     function commandHandler(event) {
-      var prefixedDataCommand = $(this).attr("data-command");
+      var prefixedDataCommand = $(event.currentTarget).attr("data-command");
       if (prefixedDataCommand) {
         var dataCommand = prefixedDataCommand.substring("telerik_ReportViewer_".length);
         var cmd = commands[dataCommand];
-        if (cmd && cmd.enabled()) {
-          cmd.exec($(this).attr("data-command-parameter"));
+        if (cmd && cmd.getEnabled()) {
+          cmd.exec($(event.currentTarget).attr("data-command-parameter"));
         }
         event.preventDefault();
       }
     }
     function customCommandHandler(event) {
-      var $this = $(this);
+      var $this = $(event.currentTarget);
       var prefixedDataCommand = $this.attr("data-command");
       var reportViewerTarget = $this.attr("data-target-report-viewer");
       if (prefixedDataCommand && reportViewerTarget) {
         var dataCommand = prefixedDataCommand.substring("telerik_ReportViewer_".length);
         var reportViewer = $(reportViewerTarget).data("telerik_ReportViewer");
         var cmd = reportViewer.commands[dataCommand];
-        if (cmd.enabled()) {
-          cmd.exec($(this).attr("data-command-parameter"));
+        if (cmd.getEnabled()) {
+          cmd.exec($(event.currentTarget).attr("data-command-parameter"));
         }
         event.preventDefault();
       }
@@ -62,13 +62,13 @@ function attachCommand(dataCommand, cmd, viewerOptions, $element) {
     var customElementSelector = '[data-target-report-viewer="' + viewerOptions.selector + '"]' + elementSelector;
     var $defaultElement = $element.find(elementSelector);
     var $customElement = $(customElementSelector);
-    $(cmd).on("enabledChanged", function(event) {
-      (cmd.enabled() ? $.fn.removeClass : $.fn.addClass).call($defaultElement.parent("li"), "k-disabled");
-      (cmd.enabled() ? $.fn.removeClass : $.fn.addClass).call($customElement, viewerOptions.disabledButtonClass);
-    }).on("checkedChanged", function(event) {
+    $(cmd).on("enabledChanged", (event) => {
+      (cmd.getEnabled() ? $.fn.removeClass : $.fn.addClass).call($defaultElement.parent("li"), "k-disabled");
+      (cmd.getEnabled() ? $.fn.removeClass : $.fn.addClass).call($customElement, viewerOptions.disabledButtonClass);
+    }).on("checkedChanged", (event) => {
       var defaultTarget = $defaultElement.parent("li");
-      (cmd.checked() ? $.fn.addClass : $.fn.removeClass).call(defaultTarget, getSelectedClassName(defaultTarget));
-      (cmd.checked() ? $.fn.addClass : $.fn.removeClass).call($customElement, viewerOptions.checkedButtonClass);
+      (cmd.getChecked() ? $.fn.addClass : $.fn.removeClass).call(defaultTarget, getSelectedClassName(defaultTarget));
+      (cmd.getChecked() ? $.fn.addClass : $.fn.removeClass).call($customElement, viewerOptions.checkedButtonClass);
     });
   }
 }

package/dist/cjs/command.js

@@ -2,31 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function Command(execCallback) {
-  var enabledState = true;
-  var checkedState = false;
-  var cmd = {
-    enabled: function(state) {
-      if (arguments.length === 0) {
-        return enabledState;
-      }
-      var newState = Boolean(state);
-      enabledState = newState;
-      $(this).trigger("enabledChanged");
-      return cmd;
-    },
-    checked: function(state) {
-      if (arguments.length === 0) {
-        return checkedState;
-      }
-      var newState = Boolean(state);
-      checkedState = newState;
-      $(this).trigger("checkedChanged");
-      return cmd;
-    },
-    exec: execCallback
-  };
-  return cmd;
+class Command {
+  // #region fields
+  _enabled;
+  _checked;
+  _fn;
+  // #endregion
+  // #region properties
+  getEnabled() {
+    return this._enabled;
+  }
+  setEnabled(value) {
+    const newState = Boolean(value);
+    if (this._enabled !== newState) {
+      this._enabled = newState;
+    }
+    $(this).trigger("enabledChanged", this._enabled);
+    return this;
+  }
+  getChecked() {
+    return this._checked;
+  }
+  setChecked(value) {
+    const newState = Boolean(value);
+    if (this._checked !== newState) {
+      this._checked = newState;
+    }
+    $(this).trigger("checkedChanged", this._checked);
+    return this;
+  }
+  // #endregion
+  // #region constructor
+  constructor(fn) {
+    this._enabled = true;
+    this._checked = false;
+    this._fn = fn;
+  }
+  // #endregion
+  // #region methods
+  exec(...args) {
+    if (typeof this._fn === "function") {
+      this._fn.apply(this, args);
+    }
+  }
+  // #endregion
 }
 
 exports.Command = Command;