devexpress-reporting 23.2.0-build-000-1111 → 23.2.1-alpha-23254-1700

package/viewer/reportPreview.viewModel.d.ts

@@ -0,0 +1,31 @@
+/**
+* DevExpress HTML/JS Reporting (viewer\reportPreview.viewModel.d.ts)
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
+* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
+* License: https://www.devexpress.com/Support/EULAs/universal.xml
+*/
+import { ArrayPropertyChangedEventArgs, IViewModel, PropertyChangedEventArgs } from '@devexpress/analytics-core/analytics-serializer-native';
+import { PreviewBricksKeyboardHelper } from './accessibility/_previewBricksKeyboardHelper';
+import { ILazyImagesOptions } from './internal/_bindings';
+import { IPreviewPageViewModel } from './internal/_page.viewModel';
+import { ISignatureDisplayItem } from './internal/_previewRequestWrapper';
+import { IProgressBarViewModel } from './internal/_progressViewModel';
+import { ReportPreview } from './reportPreview';
+export interface IReportPreviewViewModel extends IViewModel {
+    rtlReport: boolean;
+    editingFieldsHighlighted: boolean;
+    progressBar: IProgressBarViewModel;
+    currentPage: IPreviewPageViewModel;
+    pages: IPreviewPageViewModel[];
+    showMultipagePreview: boolean;
+    emptyDocumentCaption: string;
+    previewVisible: boolean;
+    lazyImagesOptions: ILazyImagesOptions;
+    getSelectedContent: (mask?: string) => string;
+    delayedInit: () => void;
+    signatures: ISignatureDisplayItem[];
+    previewBrickKeyboardHelper: PreviewBricksKeyboardHelper;
+}
+export declare function createReportPreviewViewModel(this: ReportPreview, base: IReportPreviewViewModel): IReportPreviewViewModel;
+export declare function updateReportPreviewViewModel(this: ReportPreview, args: PropertyChangedEventArgs<ReportPreview> | ArrayPropertyChangedEventArgs<ReportPreview>): void;

package/viewer/reportPreview.viewModel.js

@@ -0,0 +1,65 @@
+/**
+* DevExpress HTML/JS Reporting (viewer\reportPreview.viewModel.js)
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
+* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
+* License: https://www.devexpress.com/Support/EULAs/universal.xml
+*/
+import { createViewModelGenerator } from '@devexpress/analytics-core/analytics-serializer-native';
+export function createReportPreviewViewModel(base) {
+    var _a, _b;
+    return createViewModelGenerator(base)
+        .generateProperty('editingFieldsHighlighted', this.editingFieldsHighlighted)
+        .generateProperty('rtlReport', this.rtlReport)
+        .generateProperty('currentPage', (_a = this.currentPage) === null || _a === void 0 ? void 0 : _a.getViewModel())
+        .generateProperty('progressBar', (_b = this.progressBar) === null || _b === void 0 ? void 0 : _b.getViewModel())
+        .generateProperty('showMultipagePreview', this.showMultipagePreview)
+        .generateProperty('previewVisible', this.previewVisible)
+        .generateProperty('getSelectedContent', (mask) => this.getSelectedContent(mask))
+        .generateProperty('lazyImagesOptions', {
+        getEnabled: () => this.showMultipagePreview,
+        setLoadVisibleImagesCallback: (callback) => {
+            this._loadVisibleImages = callback;
+            return () => {
+                this._loadVisibleImages = null;
+            };
+        },
+        getPage: (index) => {
+            return this.pages[index];
+        },
+        setPageVisibility: (page, isVisible) => this.setPageVisibility(page.getModel(), isVisible)
+    })
+        .generateProperty('pages', this._getPagesViewModels())
+        .generateProperty('delayedInit', () => this.delayedInit())
+        .generateProperty('emptyDocumentCaption', this.emptyDocumentCaption)
+        .generateProperty('previewBrickKeyboardHelper', this.previewBrickKeyboardHelper)
+        .getViewModel();
+}
+export function updateReportPreviewViewModel(args) {
+    var _a;
+    const viewModel = this.getViewModel();
+    if (args.propertyName === 'editingFieldsHighlighted') {
+        viewModel.editingFieldsHighlighted = this.editingFieldsHighlighted;
+    }
+    if (args.propertyName === 'showMultipagePreview') {
+        viewModel.showMultipagePreview = this.showMultipagePreview;
+    }
+    if (args.propertyName === 'rtlReport') {
+        viewModel.rtlReport = this.rtlReport;
+    }
+    if (args.propertyName === 'emptyDocumentCaption') {
+        viewModel.emptyDocumentCaption = this.emptyDocumentCaption;
+    }
+    if (args.propertyName === 'previewVisible') {
+        viewModel.previewVisible = this.previewVisible;
+    }
+    if (args.propertyName === 'currentPage') {
+        viewModel.currentPage = (_a = this.currentPage) === null || _a === void 0 ? void 0 : _a.getViewModel();
+    }
+    if (args.propertyName === 'pages') {
+        viewModel.pages = this._getPagesViewModels();
+    }
+    if (args.propertyName === 'signatures') {
+        viewModel.signatures = this.signatures;
+    }
+}

package/viewer/search/_searchResultNavigator.d.ts

@@ -1,26 +1,23 @@
-/**
-* DevExpress HTML/JS Reporting (viewer\search\_searchResultNavigator.d.ts)
-* Version:  23.2.1-build-23191-1448
-* Build date: Jul 10, 2023
-* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
-* License: https://www.devexpress.com/Support/EULAs/universal.xml
-*/
+/**
+* DevExpress HTML/JS Reporting (viewer\search\_searchResultNavigator.d.ts)
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
+* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
+* License: https://www.devexpress.com/Support/EULAs/universal.xml
+*/
 import { IFoundText, SearchViewModel } from './_searchViewModel';
 import { ReportPreview } from '../reportPreview';
-import { Disposable } from '@devexpress/analytics-core/analytics-utils';
-import * as ko from 'knockout';
+import { Disposable } from '@devexpress/analytics-core/analytics-utils-native';
 export interface ISearchResultNavigator {
     next: (up: boolean) => boolean;
     getFirstMatchFromPage: (pageIndex: number, up: boolean, thisPageOnly?: boolean) => IFoundText;
-    currentResult: ko.Observable<IFoundText>;
+    currentResult: IFoundText;
     goToResult: (resultId: number) => void;
-    searchResult: ko.Observable<IFoundText[]>;
 }
 export declare class SearchResultNavigator extends Disposable implements ISearchResultNavigator {
     constructor(searchModel: SearchViewModel, reportPreview: ReportPreview);
     next: (up: boolean) => boolean;
     getFirstMatchFromPage: (pageIndex: number, up: boolean, thisPageOnly?: boolean) => IFoundText;
-    currentResult: ko.Observable<any>;
+    currentResult: IFoundText;
     goToResult: (resultId: number) => void;
-    searchResult: ko.Observable<IFoundText[]>;
 }

package/viewer/search/_searchResultNavigator.js

@@ -1,31 +1,29 @@
-/**
-* DevExpress HTML/JS Reporting (viewer\search\_searchResultNavigator.js)
-* Version:  23.2.1-build-23191-1448
-* Build date: Jul 10, 2023
-* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
-* License: https://www.devexpress.com/Support/EULAs/universal.xml
-*/
-import { Disposable } from '@devexpress/analytics-core/analytics-utils';
-import * as ko from 'knockout';
+/**
+* DevExpress HTML/JS Reporting (viewer\search\_searchResultNavigator.js)
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
+* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
+* License: https://www.devexpress.com/Support/EULAs/universal.xml
+*/
+import { Disposable } from '@devexpress/analytics-core/analytics-utils-native';
 export class SearchResultNavigator extends Disposable {
     constructor(searchModel, reportPreview) {
         super();
-        this.currentResult = ko.observable(null);
         var goToMatchedResult = (foundResult) => {
             if (!foundResult) {
                 return;
             }
             reportPreview.goToPage && reportPreview.goToPage(foundResult.pageIndex);
-            var page = reportPreview.pages.peek()[foundResult.pageIndex];
+            var page = reportPreview.pages[foundResult.pageIndex];
             page && page.selectBrick(foundResult.indexes);
         };
         this.getFirstMatchFromPage = (pageIndex, up, thisPageOnly) => {
-            if (!searchModel.searchResult() || searchModel.searchResult().length === 0) {
+            if (!searchModel.searchResult || searchModel.searchResult.length === 0) {
                 return null;
             }
             var firstMatch;
             var sortOutResult = (index) => {
-                searchModel.searchResult().forEach((m) => {
+                searchModel.searchResult.forEach((m) => {
                     if (thisPageOnly && m.pageIndex === index) {
                         if (!firstMatch || (m.id < firstMatch.id && !up || m.id > firstMatch.id && up)) {
                             firstMatch = m;
@@ -39,19 +37,19 @@ export class SearchResultNavigator extends Disposable {
                 });
             };
             sortOutResult(pageIndex);
-            !firstMatch && sortOutResult(up ? reportPreview.pages().length : 0);
+            !firstMatch && sortOutResult(up ? reportPreview.pages.length : 0);
             return firstMatch;
         };
         var _setCurrentResult = (highlight, resultId, thisPageOnly) => {
-            if (searchModel.searchResult() && searchModel.searchResult().length !== 0) {
-                var currentResult = (resultId >= 0 && searchModel.searchResult().length > resultId) ?
-                    searchModel.searchResult()[resultId] :
-                    this.getFirstMatchFromPage(reportPreview.pageIndex.peek(), searchModel.searchUp.peek(), thisPageOnly);
-                this.currentResult(currentResult);
-                highlight && goToMatchedResult(this.currentResult.peek());
+            if (searchModel.searchResult && searchModel.searchResult.length !== 0) {
+                var currentResult = (resultId >= 0 && searchModel.searchResult.length > resultId) ?
+                    searchModel.searchResult[resultId] :
+                    this.getFirstMatchFromPage(reportPreview.pageIndex, searchModel.searchUp, thisPageOnly);
+                this.currentResult = currentResult;
+                highlight && goToMatchedResult(this.currentResult);
             }
             else {
-                reportPreview.pages() && reportPreview.pages()[reportPreview.pageIndex()] && reportPreview.pages()[reportPreview.pageIndex()].selectBrick('');
+                reportPreview.pages && reportPreview.pages[reportPreview.pageIndex] && reportPreview.pages[reportPreview.pageIndex].selectBrick('');
             }
         };
         this.goToResult = (id) => {
@@ -60,24 +58,22 @@ export class SearchResultNavigator extends Disposable {
             }
             _setCurrentResult(true, id);
         };
-        this._disposables.push(reportPreview.pageIndex.subscribe((newPageIndex) => {
-            if (this.currentResult() && newPageIndex === this.currentResult().pageIndex)
-                return;
-            this.currentResult(null);
-        }));
-        this._disposables.push(searchModel.searchResult.subscribe(() => {
-            if (!this.currentResult())
+        this.addDisposable(searchModel.events.on('searchResultChanged', (args) => {
+            if (!this.currentResult)
                 _setCurrentResult(true);
+        }), reportPreview.events.on('pageIndexChanged', (args) => {
+            if (!this.currentResult || args.newValue !== this.currentResult.pageIndex)
+                this.currentResult = null;
         }));
         this.next = (up) => {
-            if (!searchModel.searchResult()) {
+            if (!searchModel.searchResult) {
                 return false;
             }
-            if (!this.currentResult()) {
-                var prevPageIndex = (reportPreview.pageIndex() === 0 ? reportPreview.pages.length : reportPreview.pageIndex()) - 1;
-                var pageIndexToSearchFrom = up ? prevPageIndex : reportPreview.pageIndex();
+            if (!this.currentResult) {
+                var prevPageIndex = (reportPreview.pageIndex === 0 ? reportPreview.pages.length : reportPreview.pageIndex) - 1;
+                var pageIndexToSearchFrom = up ? prevPageIndex : reportPreview.pageIndex;
                 var firstResult = this.getFirstMatchFromPage(pageIndexToSearchFrom, up);
-                this.currentResult(firstResult);
+                this.currentResult = firstResult;
                 if (firstResult) {
                     goToMatchedResult(firstResult);
                     return true;
@@ -86,15 +82,15 @@ export class SearchResultNavigator extends Disposable {
                     return false;
                 }
             }
-            var id, currentId = this.currentResult().id;
+            var id, currentId = this.currentResult.id;
             if (up) {
-                id = (currentId === 0) ? searchModel.searchResult().length - 1 : (currentId - 1);
+                id = (currentId === 0) ? searchModel.searchResult.length - 1 : (currentId - 1);
             }
             else {
-                id = (currentId === searchModel.searchResult().length - 1) ? 0 : (currentId + 1);
+                id = (currentId === searchModel.searchResult.length - 1) ? 0 : (currentId + 1);
             }
-            this.currentResult(searchModel.searchResult()[id]);
-            goToMatchedResult(this.currentResult());
+            this.currentResult = searchModel.searchResult[id];
+            goToMatchedResult(this.currentResult);
             return true;
         };
     }

package/viewer/search/_searchViewModel.d.ts

@@ -1,18 +1,22 @@
-/**
-* DevExpress HTML/JS Reporting (viewer\search\_searchViewModel.d.ts)
-* Version:  23.2.1-build-23191-1448
-* Build date: Jul 10, 2023
-* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
-* License: https://www.devexpress.com/Support/EULAs/universal.xml
-*/
+/**
+* DevExpress HTML/JS Reporting (viewer\search\_searchViewModel.d.ts)
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
+* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
+* License: https://www.devexpress.com/Support/EULAs/universal.xml
+*/
 /// <reference types="jquery" />
-import { IActionsProvider } from '@devexpress/analytics-core/analytics-internal';
-import { Disposable, IAction, TabInfo } from '@devexpress/analytics-core/analytics-utils';
+import { editor_template, IActionsProvider } from '@devexpress/analytics-core/analytics-internal-native';
+import { IAction, TabInfo } from '@devexpress/analytics-core/analytics-utils-native';
 import DataSource from 'devextreme/data/data_source';
-import * as ko from 'knockout';
 import { ReportPreview } from '../reportPreview';
 import { SearchResultNavigator } from './_searchResultNavigator';
 import { ISearchSettings } from '../utils/initializer';
+import { ArrayPropertyChangedEventArgs, BaseRenderingModel, IViewModel, PropertyChangedEventArgs } from '@devexpress/analytics-core/analytics-serializer-native';
+import { FocusOutEvent, KeyDownEvent, ValueChangedEvent as TextChangedEvent } from 'devextreme/ui/text_box';
+import { ClickEvent } from 'devextreme/ui/button';
+import { ValueChangedEvent } from 'devextreme/ui/check_box';
+import { ItemRenderedEvent } from 'devextreme/ui/list';
 export interface IFoundText {
     pageIndex: number;
     indexes: string;
@@ -24,14 +28,59 @@ export interface ISearchResult {
     success: boolean;
     faultMessage: string;
 }
-export interface ISearchEditorModel {
-    findUp: () => void;
-    findDown: () => void;
-    loading: ko.Observable<boolean> | ko.Computed<boolean>;
-    searchText: ko.Observable<string> | ko.Computed<string>;
-    focusRequested: ko.Subscribable<boolean>;
+export interface ISearchResultItemViewModel extends IViewModel {
+    itemClickAction: (e: any) => void;
+    data: IFoundText;
+    attr: {
+        'aria-label': string;
+    };
+    info: string;
+}
+interface ISearchEditorCheckBox {
+    text: string;
+    value: boolean;
+    onValueChanged: (event: ValueChangedEvent) => void;
 }
-export declare class SearchViewModel extends Disposable implements ISearchEditorModel, IActionsProvider {
+interface ISearchEditorArrowButton {
+    template: typeof editor_template;
+    icon: string;
+    onClick: (event: ClickEvent) => void;
+}
+export interface ISearchViewModel extends IViewModel {
+    buttons: {
+        searchButton: {
+            text: string;
+            disabled: boolean;
+            onClick: (e: ClickEvent) => void;
+        };
+        upButton: ISearchEditorArrowButton;
+        downButton: ISearchEditorArrowButton;
+    };
+    searchEditor: {
+        onKeyDown: (e: KeyDownEvent) => void;
+        onFocusOut: (e: FocusOutEvent) => void;
+        inputAttr: {
+            type: string;
+            title: string;
+        };
+    };
+    matchCaseEditor: ISearchEditorCheckBox;
+    matchWholeWordEditor: ISearchEditorCheckBox;
+    loading: boolean;
+    headerText: string;
+    noResultText: string;
+    resultsInText: string;
+    searchCompleted: boolean;
+    resultsPagesText: string;
+    searchResultCount: number;
+    searchResultHeaderId: string;
+    searchResultPageCount: number;
+    searchResultDataSource: DataSource;
+    doSearch: (searchUp: boolean) => void;
+    onItemRendered: (event: ItemRenderedEvent) => void;
+}
+export declare class SearchViewModel extends BaseRenderingModel<ISearchViewModel> implements IActionsProvider {
+    reportPreview: ReportPreview;
     private _cachedRequests;
     private _cachedWholeWordRequests;
     private _cachedCaseSensitiveRequests;
@@ -41,52 +90,57 @@ export declare class SearchViewModel extends Disposable implements ISearchEditor
     private _searchTimeout;
     private _searchIgnoreObs;
     static createResultNavigator: (seacrhModel: SearchViewModel, reportPreview: ReportPreview) => SearchResultNavigator;
+    updateViewModel(args: PropertyChangedEventArgs<SearchViewModel> | ArrayPropertyChangedEventArgs<SearchViewModel>): void;
+    createViewModel(): ISearchViewModel;
     resetSearchResult(): void;
-    findTextRequestDone(result: ISearchResult, cache: any): void;
+    findTextRequestDone(result: ISearchResult, cache: IFoundText[]): void;
     appentSearchResult(result: ISearchResult): void;
-    performSearchAsync(text: string, reportPreview: ReportPreview, ignore?: ko.Observable<boolean>): void;
-    performSearch(text: string, reportPreview: ReportPreview, cache: any, ignore?: ko.Observable<boolean>): void;
+    performSearchAsync(text: string, reportPreview: ReportPreview, ignore?: boolean): void;
+    performSearch(text: string, reportPreview: ReportPreview, cache: {
+        [key: string]: IFoundText[];
+    }, ignore?: boolean): void;
+    mapSearchResultsToViewModels(results: {
+        data: IFoundText;
+    }[]): ISearchResultItemViewModel[];
     resetSearchResultDataSource(): void;
     resetDeffereds(): void;
-    failRequestHandler(fail: any, ignore: boolean): void;
+    failRequestHandler(ignore: boolean): void;
+    onPropertyChanged(args: PropertyChangedEventArgs<SearchViewModel> | ArrayPropertyChangedEventArgs<SearchViewModel>): void;
     constructor(reportPreview: ReportPreview, searchSettings?: ISearchSettings, enableKeyboardSupport?: boolean);
+    goToResult(result: IFoundText): void;
+    newSearch(text: string, matchCase: boolean, matchWholeWord: boolean): void;
+    stopSearchProcess(): void;
+    startSearchProcess(): void;
+    searchButtonClick(): void;
+    updateSearch(timeout: number): void;
+    findNext(searchUp?: boolean): void;
     dispose(): void;
-    itemClickAction: (e: any) => void;
-    onItemRendered(e: any): void;
-    getActions(context: any): IAction[];
+    onItemRendered(): void;
+    getActions(context: object): IAction[];
     noResultText(): string;
+    getSearchButtonText(): string;
+    onSearchTextChanged(e: FocusOutEvent | TextChangedEvent): void;
     tabInfo: TabInfo;
     actions: IAction[];
-    findUp: () => void;
-    findDown: () => void;
-    goToResult: (result: IFoundText) => void;
-    focusRequested: ko.Observable<boolean>;
-    matchWholeWord: ko.Observable<boolean>;
-    matchCase: ko.Observable<boolean>;
-    searchUp: ko.Observable<boolean>;
-    searchText: ko.Observable<string>;
-    newSearch: (text: string, matchCase: boolean, matchWholeWord: boolean) => void;
-    searchResult: ko.Observable<IFoundText[]>;
+    matchWholeWord: boolean;
+    matchCase: boolean;
+    searchUp: boolean;
+    searchText: string;
+    searchResult: IFoundText[];
     searchOperationId: string;
-    get disabled(): boolean;
-    loading: ko.Observable<boolean>;
-    searchResultCount: ko.Computed;
-    searchResultPageCount: ko.Computed;
-    stopSearchDisabled: ko.Computed;
-    searchCompleted: ko.Observable<boolean>;
-    _renderedSearchResult: ko.Observable<{
+    loading: boolean;
+    searchResultCount: number;
+    searchResultPageCount: number;
+    stopSearchDisabled: boolean;
+    searchCompleted: boolean;
+    _renderedSearchResult: {
         data: IFoundText;
-    }[]>;
-    searchResultDataSource: ko.Observable<DataSource<any, any>>;
-    useAsyncSearch: ko.Observable<boolean>;
+    }[];
+    searchResultDataSource: DataSource;
+    useAsyncSearch: boolean;
     searchRequestDeferred: JQuery.Deferred<any, any, any>;
     startSearchDeferred: JQuery.Deferred<any, any, any>;
-    findNext: () => void;
-    clean: () => void;
-    searchButtonClick: () => void;
-    stopSearchProcess: () => void;
-    startSearchProcess: () => void;
     fetchLimit: number;
     pageSize: number;
-    searchResultHeaderId: string;
 }
+export {};