devexpress-reporting-react 24.1.2-beta

package/dx-report-viewer/components/analytics/Properties/ObjectEditor/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ObjectEditor';
+export { default } from './ObjectEditor';

package/dx-report-viewer/components/analytics/Properties/ObjectEditor/index.js

@@ -0,0 +1,2 @@
+export * from './ObjectEditor';
+export { default } from './ObjectEditor';

package/dx-report-viewer/components/analytics/Properties/PropertyGrid/PropertyGrid.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IObjectPropertiesViewModel } from '@devexpress/analytics-core/property-grid/propertygrid';
+declare const PropertyGrid: React.FC<{
+    data: IObjectPropertiesViewModel;
+}>;
+export default PropertyGrid;

package/dx-report-viewer/components/analytics/Properties/PropertyGrid/PropertyGrid.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import Template from '../../../core/Template';
+const PropertyGrid = ({ data }) => (React.createElement("div", { className: `${data.rtl ? 'dx-rtl' : ''}` },
+    React.createElement("div", { className: "dx-editors" },
+        React.createElement("div", { className: "dx-fieldset" }, data.editors.map(editor => React.createElement(Template, { key: editor.editorInputId, template: editor.editorTemplate, data: editor }))))));
+export default PropertyGrid;

package/dx-report-viewer/components/analytics/Properties/PropertyGrid/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PropertyGrid';
+export { default } from './PropertyGrid';

package/dx-report-viewer/components/analytics/Properties/PropertyGrid/index.js

@@ -0,0 +1,2 @@
+export * from './PropertyGrid';
+export { default } from './PropertyGrid';

package/dx-report-viewer/components/analytics/TabPanel/TabPanel.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ITabPanelViewModel } from '@devexpress/analytics-core/core/widgets/tabPanel';
+declare const TabPanel: React.FC<{
+    data: ITabPanelViewModel;
+}>;
+export default TabPanel;

package/dx-report-viewer/components/analytics/TabPanel/TabPanel.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import Template from '../../core/Template';
+import useDxAction from '../../../hooks/dxAction';
+import useDxResizable from '../../../hooks/dxResizable';
+import useDxMutationObserver from '../../../hooks/dxMutationObserver';
+const TabPanel = ({ data }) => {
+    if (!data)
+        return null;
+    const rightPanel = React.useRef();
+    const [resizableOptions, setResizableOptions] = React.useState(null);
+    useDxResizable(rightPanel, resizableOptions);
+    const rightPanelWrapper = React.useRef();
+    useDxMutationObserver(rightPanelWrapper, data.keyboardHelper);
+    React.useEffect(() => {
+        setResizableOptions(data.getResizableOptions(rightPanel.current, 50, 396));
+    }, [setResizableOptions]);
+    return (React.createElement("div", { className: `dx-shadow dx-shadow-right dxd-border-secondary dxrd-tab-panel-wrapper ${data.class}`, style: { width: data.width + 'px' }, ref: rightPanelWrapper },
+        React.createElement("div", { className: `dxrd-right-tabs dxd-side-panel-tabs-back-color dxd-back-contrast ${data.tabsElement.class}` }, data.tabs.map(tab => React.createElement(TabPanelItem, { key: tab.template, tab: tab }))),
+        React.createElement("div", { className: `dxrd-right-panel dxd-property-grid-group-header-back-color dxd-back-primary2 ${data.contentElement.class}`, style: { width: data.contentElement.width + 'px' }, ref: rightPanel }, data.tabs.map(tab => (React.createElement(Template, { key: tab.template, template: tab.template, data: tab }))))));
+};
+const TabPanelItem = ({ tab }) => {
+    const btnRef = React.useRef(null);
+    useDxAction(btnRef, tab.click, tab);
+    return (React.createElement("div", { ref: btnRef, role: "button", className: `dxrd-tab-item dx-accessibility-rightpanel-button dxd-side-panel-tab-back-color dxd-back-highlighted dx-accessibility-focus-border-accented ${tab.css.class}`, title: tab.text, "aria-label": tab.text, "aria-expanded": tab.active, hidden: !tab.visible },
+        React.createElement("div", { className: `dxrd-image-padding ${tab.image.class}` },
+            React.createElement(Template, { template: tab.image.templateName }))));
+};
+export default TabPanel;

package/dx-report-viewer/components/analytics/TabPanel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TabPanel';
+export { default } from './TabPanel';

package/dx-report-viewer/components/analytics/TabPanel/index.js

@@ -0,0 +1,2 @@
+export * from './TabPanel';
+export { default } from './TabPanel';

package/dx-report-viewer/components/analytics/Widgets/Treelist/Treelist.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ITreeListOptions } from '@devexpress/analytics-core/widgets/treelist/_treelistItem';
+declare const Treelist: React.FC<{
+    options: ITreeListOptions;
+} & Partial<React.HTMLAttributes<HTMLDivElement>>>;
+export default Treelist;

package/dx-report-viewer/components/analytics/Widgets/Treelist/Treelist.js

@@ -0,0 +1,20 @@
+import { __rest } from "tslib";
+import React from 'react';
+import TreelistGroup from './TreelistGroup';
+import { initTreeListBinding } from '@devexpress/analytics-core/widgets/treelist/_binding';
+const Treelist = (_a) => {
+    var { options } = _a, delegatedProps = __rest(_a, ["options"]);
+    const htmlRef = React.useRef();
+    const [viewModel, setViewModel] = React.useState();
+    React.useEffect(() => {
+        if (!htmlRef.current)
+            return () => { };
+        return initTreeListBinding({
+            values: options,
+            element: htmlRef.current,
+            createChildContext: (vm) => setViewModel(vm),
+        });
+    }, [options, htmlRef.current]);
+    return React.createElement("div", Object.assign({ ref: htmlRef }, delegatedProps), viewModel ? React.createElement(TreelistGroup, { data: viewModel }) : null);
+};
+export default Treelist;

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistGroup/TreelistGroup.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ITreeListItemViewModel } from '@devexpress/analytics-core/widgets/treelist/_treelistItem.viewModel';
+declare const TreelistGroup: React.FC<{
+    data: ITreeListItemViewModel;
+}>;
+export default TreelistGroup;

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistGroup/TreelistGroup.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import Template from '../../../../core/Template';
+const TreelistGroup = ({ data }) => {
+    return (React.createElement("div", { role: "group", className: "dx-treelist dxd-text-primary" }, data.items.map((item, index) => (React.createElement("div", { key: index },
+        React.createElement(Template, { template: item.templateName, data: item }),
+        !item.collapsed && React.createElement(TreelistGroup, { data: item }))))));
+};
+export default TreelistGroup;

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TreelistGroup';
+export { default } from './TreelistGroup';

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistGroup/index.js

@@ -0,0 +1,2 @@
+export * from './TreelistGroup';
+export { default } from './TreelistGroup';

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistHeadItemCaption/TreelistHeadItemCaption.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ITreeListItemViewModel } from '@devexpress/analytics-core/widgets/treelist/_treelistItem.viewModel';
+declare const TreelistHeadItemCaption: React.FC<{
+    data: ITreeListItemViewModel;
+}>;
+export default TreelistHeadItemCaption;

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistHeadItemCaption/TreelistHeadItemCaption.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Template from '../../../../core/Template';
+const TreelistHeadItemCaption = ({ data }) => {
+    return (React.createElement(React.Fragment, null,
+        !!data.imageTemplateName &&
+            React.createElement(Template, { title: data.text, template: data.imageTemplateName, className: `dx-treelist-image ${data.imageClassName}` }),
+        React.createElement(Template, { template: data.templates.itemTextContent, data: data })));
+};
+export default TreelistHeadItemCaption;

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistHeadItemCaption/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TreelistHeadItemCaption';
+export { default } from './TreelistHeadItemCaption';

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistHeadItemCaption/index.js

@@ -0,0 +1,2 @@
+export * from './TreelistHeadItemCaption';
+export { default } from './TreelistHeadItemCaption';

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistHeaderItem/TreelistHeaderItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ITreeListItemViewModel } from '@devexpress/analytics-core/widgets/treelist/_treelistItem.viewModel';
+declare const TreelistHeaderItem: React.FC<{
+    data: ITreeListItemViewModel;
+}>;
+export default TreelistHeaderItem;

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistHeaderItem/TreelistHeaderItem.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import Template from '../../../../core/Template';
+const TreelistHeaderItem = ({ data }) => {
+    const staticClasses = 'dx-treelist-item dxd-list-item-back-color dxd-back-highlighted dx-accessibility-treelist-item dx-accessibility-focus-border-accented';
+    return (React.createElement("div", { role: "treeitem", className: `${staticClasses} ${data.isSelected || data.isMultiSelected ? 'dxd-state-selected dx-treelist-item-selected' : ''}`, "aria-expanded": data.attr['aria-expanded'].toString() === 'true' ? true : false, "aria-selected": data.attr['aria-selected'].toString() === 'true' ? true : false, "aria-level": data.attr['aria-level'], "aria-label": data.attr['aria-label'], "aria-setsize": data.attr['aria-setsize'], "aria-posinset": data.attr['aria-posinset'], id: data.attr['id'].toString(), style: {
+            paddingLeft: data.padding['padding-left'] + 'px',
+            paddingRight: data.padding['padding-right'] + 'px'
+        }, onDoubleClick: data.events.dblclick, onMouseEnter: data.events.mouseenter, onMouseLeave: data.events.mouseleave },
+        data.hasItems && (React.createElement("div", null,
+            React.createElement(Template, { template: "dxrd-svg-collapsed", className: `dx-treelist-collapsedbutton ${data.hasItems ? 'dx-collapsing-image' : 'dx-image-leaf-node'} ${(data.hasItems && !data.collapsed) ? 'dx-image-expanded' : ''}`, onClick: data.toggleCollapsed }))),
+        React.createElement("div", { className: "dx-treelist-caption", style: { paddingLeft: data.hasItems ? '0px' : '18px' } },
+            data.actions && data.actions.length > 0 && React.createElement(Template, { template: data.templates.actionsContainer, data: data }),
+            React.createElement("div", null, data.isDraggable
+                ? (React.createElement("div", { className: "dx-treelist-selectedcontent", onClick: data.toggleSelected, "data-bind": "event: $root.ContextMenusEnabled && $root.ContextMenusEnabled() ? { contextmenu: toggleSelected } : null, draggable: dragDropHandler" },
+                    React.createElement(Template, { template: data.templates.headerItemContent, data: data })))
+                : (React.createElement("div", { className: "dx-treelist-selectedcontent", onClick: data.toggleSelected, "data-bind": "event: $root.ContextMenusEnabled && $root.ContextMenusEnabled() ? { contextmenu: toggleSelected } : null" },
+                    React.createElement(Template, { template: data.templates.headerItemContent, data: data })))))));
+};
+export default TreelistHeaderItem;

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistHeaderItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TreelistHeaderItem';
+export { default } from './TreelistHeaderItem';

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistHeaderItem/index.js

@@ -0,0 +1,2 @@
+export * from './TreelistHeaderItem';
+export { default } from './TreelistHeaderItem';

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistItem/TreelistItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ITreeListItemViewModel } from '@devexpress/analytics-core/widgets/treelist/_treelistItem.viewModel';
+declare const TreelistItem: React.FC<{
+    data: ITreeListItemViewModel;
+}>;
+export default TreelistItem;

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistItem/TreelistItem.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Template from '../../../../core/Template';
+const TreelistItem = ({ data }) => {
+    if (!data.visible)
+        return null;
+    return (React.createElement("div", null,
+        React.createElement(Template, { template: data.hasContent ? data.templates.accordionItem : data.templates.headerItem, data: data })));
+};
+export default TreelistItem;

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TreelistItem';
+export { default } from './TreelistItem';

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistItem/index.js

@@ -0,0 +1,2 @@
+export * from './TreelistItem';
+export { default } from './TreelistItem';

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistItemTextContent/TreelistItemTextContent.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ITreeListItemViewModel } from '@devexpress/analytics-core/widgets/treelist/_treelistItem.viewModel';
+declare const TreelistItemTextContent: React.FC<{
+    data: ITreeListItemViewModel;
+}>;
+export default TreelistItemTextContent;

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistItemTextContent/TreelistItemTextContent.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const TreelistItemTextContent = ({ data }) => {
+    if (!data.visible)
+        return null;
+    return (React.createElement("div", { className: "dx-treelist-text-wrapper" },
+        React.createElement("div", null, data.searchModel.searchEnabled
+            ? React.createElement("div", { className: "dx-treelist-text dx-highlighted-search-text", "data-bind": "searchHighlighting: { text: text, textToSearch: searchModel.textToSearch, searchOptions: searchModel.searchOptions }, attr: { title: text }" })
+            : React.createElement("div", { className: "dx-treelist-text", title: data.text },
+                " ",
+                data.text,
+                " "))));
+};
+export default TreelistItemTextContent;

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistItemTextContent/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TreelistItemTextContent';
+export { default } from './TreelistItemTextContent';

package/dx-report-viewer/components/analytics/Widgets/Treelist/TreelistItemTextContent/index.js

@@ -0,0 +1,2 @@
+export * from './TreelistItemTextContent';
+export { default } from './TreelistItemTextContent';

package/dx-report-viewer/components/analytics/Widgets/Treelist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Treelist';
+export { default } from './Treelist';

package/dx-report-viewer/components/analytics/Widgets/Treelist/index.js

@@ -0,0 +1,2 @@
+export * from './Treelist';
+export { default } from './Treelist';

package/dx-report-viewer/components/analytics/_templates.d.ts

@@ -0,0 +1,2 @@
+import { Templates } from '../../core/templates';
+export declare const analyticsTemplates: Templates;

package/dx-report-viewer/components/analytics/_templates.js

@@ -0,0 +1,42 @@
+import TabPanel from './TabPanel';
+import Actions from './Actions';
+import Designer from './Designer';
+import PropertyGrid from './Properties/PropertyGrid';
+import EditorBase from './Properties/Editors/EditorBase';
+import ObjectEditor from './Properties/ObjectEditor';
+import TreelistItem from './Widgets/Treelist/TreelistItem';
+import TreelistItemTextContent from './Widgets/Treelist/TreelistItemTextContent';
+import TreelistHeaderItem from './Widgets/Treelist/TreelistHeaderItem';
+import TreelistHeadItemCaption from './Widgets/Treelist/TreelistHeadItemCaption';
+import TextBoxEditor from './Properties/Editors/TextBox';
+import BooleanEditor from './Properties/Editors/Boolean';
+import NumericEditor from './Properties/Editors/Numeric';
+import SelectBoxEditor from './Properties/Editors/SelectBox';
+import LocalizedSelectBox from './Properties/Editors/LocalizedSelectBox';
+import BoolSelectEditor from './Properties/Editors/BoolSelect';
+import ColorPickerEditor from './Properties/Editors/ColorPicker';
+import DateEditor from './Properties/Editors/Date';
+import CollectionEditor from './Properties/CollectionEditor';
+export const analyticsTemplates = {
+    'dxrd-right-panel-template-base': TabPanel,
+    'dxrd-toolbar-tmplt': Actions,
+    'dx-propertieseditor': PropertyGrid,
+    'dx-text': TextBoxEditor,
+    'dx-number-editor': TextBoxEditor,
+    'dx-date': DateEditor,
+    'dx-selectbox': SelectBoxEditor,
+    'dx-boolean-select': BoolSelectEditor,
+    'dx-treelist-item': TreelistItem,
+    'dx-treelist-item-text-content': TreelistItemTextContent,
+    'dx-treelist-header-item': TreelistHeaderItem,
+    'dx-treelist-header-item-caption-content': TreelistHeadItemCaption,
+    'dxrd-guid': TextBoxEditor,
+    'dx-property-editor': EditorBase,
+    'dx-objectEditorContent': ObjectEditor,
+    'dx-boolean': BooleanEditor,
+    'dx-combobox': LocalizedSelectBox,
+    'dx-numeric': NumericEditor,
+    'dxrd-colorpicker': ColorPickerEditor,
+    'dx-collectioneditor': CollectionEditor,
+    'dx-designer': Designer,
+};

package/dx-report-viewer/components/core/AccessibilitySettingsProvider/AccessibilitySettingsProvider.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type AccessibilitySettings = {
+    accessibilityCompliant: boolean;
+};
+export declare const accesibilitySettingsContext: React.Context<AccessibilitySettings>;
+export type AccessibilitSettingsProps = {
+    value: AccessibilitySettings;
+    children: React.ReactNode;
+};
+declare const AccessibilitySettingsProvider: React.FC<AccessibilitSettingsProps>;
+export default AccessibilitySettingsProvider;

package/dx-report-viewer/components/core/AccessibilitySettingsProvider/AccessibilitySettingsProvider.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export const accesibilitySettingsContext = React.createContext(null);
+const AccessibilitySettingsProvider = ({ value, children }) => (React.createElement(accesibilitySettingsContext.Provider, { value: value }, children));
+export default AccessibilitySettingsProvider;

package/dx-report-viewer/components/core/AccessibilitySettingsProvider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AccessibilitySettingsProvider';
+export { default } from './AccessibilitySettingsProvider';

package/dx-report-viewer/components/core/AccessibilitySettingsProvider/index.js

@@ -0,0 +1,2 @@
+export * from './AccessibilitySettingsProvider';
+export { default } from './AccessibilitySettingsProvider';

package/dx-report-viewer/components/core/LazyTemplate/LazyTemplate.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TemplateViewModels } from 'devexpress-reporting/viewer/templates';
+import { CodeResolver } from '@devexpress/analytics-core/property-grid/internal/_codeResolver';
+type propsType = {
+    template: keyof TemplateViewModels | string;
+    data?: TemplateViewModels[keyof TemplateViewModels];
+    resolver?: CodeResolver;
+    isResolved: (val: boolean) => void;
+} & Partial<React.HTMLAttributes<HTMLDivElement>>;
+declare const LazyTemplate: ({ template, data, resolver, isResolved, ...delegatedProps }: propsType) => React.JSX.Element;
+export default LazyTemplate;

package/dx-report-viewer/components/core/LazyTemplate/LazyTemplate.js

@@ -0,0 +1,26 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { globalResolver } from '@devexpress/analytics-core/property-grid/internal/_codeResolver';
+import Template from '../Template';
+const LazyTemplate = (_a) => {
+    var { template, data, resolver, isResolved } = _a, delegatedProps = __rest(_a, ["template", "data", "resolver", "isResolved"]);
+    const [isReady, setIsReady] = React.useState(false);
+    React.useEffect(() => {
+        let isDisposed = false;
+        const activeResolver = resolver || globalResolver;
+        const task = activeResolver.execute(() => {
+            if (!isDisposed) {
+                isResolved && isResolved(true);
+                setIsReady(true);
+            }
+        });
+        return () => {
+            task.dispose();
+            isDisposed = true;
+        };
+    }, []);
+    if (!isReady)
+        return null;
+    return React.createElement(Template, Object.assign({ template: template, data: data }, delegatedProps));
+};
+export default LazyTemplate;

package/dx-report-viewer/components/core/LazyTemplate/index.d.ts

@@ -0,0 +1,2 @@
+export * from './LazyTemplate';
+export { default } from './LazyTemplate';

package/dx-report-viewer/components/core/LazyTemplate/index.js

@@ -0,0 +1,2 @@
+export * from './LazyTemplate';
+export { default } from './LazyTemplate';

package/dx-report-viewer/components/core/Template/Template.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TemplateViewModels } from 'devexpress-reporting/viewer/templates';
+type propsType = {
+    template: keyof TemplateViewModels | string;
+    data?: TemplateViewModels[keyof TemplateViewModels];
+} & Partial<React.HTMLAttributes<HTMLDivElement>>;
+declare const Template: ({ template, data, ...delegatedProps }: propsType) => React.JSX.Element;
+export default Template;

package/dx-report-viewer/components/core/Template/Template.js

@@ -0,0 +1,21 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { SvgTemplatesEngine } from '@devexpress/analytics-core/property-grid/widgets/internal/_svgTemplateEngine';
+import { getTemplate } from '@devexpress/analytics-core/property-grid/widgets/templateUtils';
+import { TemplateEngineContext } from '../TemplateEngineProvider/TemplateEngineProvider';
+const Template = (_a) => {
+    var { template, data } = _a, delegatedProps = __rest(_a, ["template", "data"]);
+    const templateEngine = React.useContext(TemplateEngineContext);
+    const component = templateEngine.getTemplate(template);
+    if (!!component) {
+        return React.createElement(component, { data });
+    }
+    else if (!!SvgTemplatesEngine.getExistingTemplate(template)) {
+        return React.createElement("div", Object.assign({}, delegatedProps, { dangerouslySetInnerHTML: { __html: getTemplate(template) } }));
+    }
+    else {
+        console.log(`${template} is not found`);
+    }
+    return null;
+};
+export default Template;

package/dx-report-viewer/components/core/Template/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Template';
+export { default } from './Template';

package/dx-report-viewer/components/core/Template/index.js

@@ -0,0 +1,2 @@
+export * from './Template';
+export { default } from './Template';

package/dx-report-viewer/components/core/TemplateEngineProvider/TemplateEngineProvider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TemplateEngine } from '../../../core/template-engine';
+export declare const TemplateEngineContext: React.Context<TemplateEngine>;
+export type TemplateEngineProviderProps = {
+    templateEngine?: TemplateEngine;
+    children: React.ReactNode;
+};
+declare const TemplateEngineProvider: React.FC<TemplateEngineProviderProps>;
+export default TemplateEngineProvider;

package/dx-report-viewer/components/core/TemplateEngineProvider/TemplateEngineProvider.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TemplateEngine } from '../../../core/template-engine';
+export const TemplateEngineContext = React.createContext(null);
+const TemplateEngineProvider = ({ templateEngine, children }) => (React.createElement(TemplateEngineContext.Provider, { value: templateEngine !== null && templateEngine !== void 0 ? templateEngine : new TemplateEngine() }, children));
+export default TemplateEngineProvider;

package/dx-report-viewer/components/core/TemplateEngineProvider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TemplateEngineProvider';
+export { default } from './TemplateEngineProvider';

package/dx-report-viewer/components/core/TemplateEngineProvider/index.js

@@ -0,0 +1,2 @@
+export * from './TemplateEngineProvider';
+export { default } from './TemplateEngineProvider';

package/dx-report-viewer/components/reporting/DocumentMap/DocumentMap.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ITabPanelItemWithPropertyGridViewModel } from '@devexpress/analytics-core/core/tools/_tabInfoWithPropertyGrid';
+declare const DocumentMap: React.FC<{
+    data: ITabPanelItemWithPropertyGridViewModel;
+}>;
+export default DocumentMap;

package/dx-report-viewer/components/reporting/DocumentMap/DocumentMap.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { ScrollView } from 'devextreme-react/scroll-view';
+import Treelist from '../../analytics/Widgets/Treelist';
+import { getLocalization } from '@devexpress/analytics-core/property-grid/localization/_localization';
+import useDxMutationObserver from '../../../hooks/dxMutationObserver';
+const DocumentMap = ({ data }) => {
+    const headerText = getLocalization('Document Map', 'ASPxReportsStringId.DocumentViewer_RibbonCommandText_DocumentMap');
+    const scrollViewRef = React.useRef();
+    const htmlRef = React.useRef();
+    const [viewModel, setViewModel] = React.useState();
+    React.useEffect(() => {
+        var _a, _b;
+        htmlRef.current = (_a = scrollViewRef.current) === null || _a === void 0 ? void 0 : _a.instance().element();
+        setViewModel((_b = data.model) === null || _b === void 0 ? void 0 : _b.getViewModel());
+    }, []);
+    useDxMutationObserver(htmlRef, data.keyboardHelper);
+    return (React.createElement("div", { className: "dxrd-preview-document-map dxrd-height-100 dxrd-overflow-hidden", hidden: !(data.active && data.visible) },
+        React.createElement("div", { className: "dxrd-right-panel-header dxd-text-primary" },
+            React.createElement("div", { className: "dxrd-display-inline-block" }, headerText)),
+        !!viewModel && (React.createElement("div", null,
+            React.createElement(ScrollView, { className: "dxrd-right-panel-body", showScrollbar: 'onHover', useNative: false, scrollByThumb: true, onInitialized: viewModel.onInitialized, ref: scrollViewRef },
+                React.createElement(Treelist, { role: "tree", id: "documentMapTree", className: "dxrd-width-100 dxrd-height-100", options: viewModel.treeListOptions }))))));
+};
+export default DocumentMap;

package/dx-report-viewer/components/reporting/DocumentMap/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DocumentMap';
+export { default } from './DocumentMap';

package/dx-report-viewer/components/reporting/DocumentMap/index.js

@@ -0,0 +1,2 @@
+export * from './DocumentMap';
+export { default } from './DocumentMap';

package/dx-report-viewer/components/reporting/Editing/CharacterComb/CharacterComb.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ICharacterCombEditingFieldViewModel } from 'devexpress-reporting/viewer/editing/models/characterCombEditingField';
+declare const CharacterComb: React.FC<{
+    data: ICharacterCombEditingFieldViewModel;
+}>;
+export default CharacterComb;

package/dx-report-viewer/components/reporting/Editing/CharacterComb/CharacterComb.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import dxZoom from '../../../../hooks/dxZoom';
+const CharacterComb = ({ data }) => {
+    const zoomRef = dxZoom(data.zoom);
+    return (React.createElement("div", { ref: zoomRef, style: data.containerStyle, onClick: event => data.activateEditor(data, event.nativeEvent), className: `dxrp-editing-field-charactercomb dx-accessibility-editing-field-item dx-accessibility-border-accented ${data.active ? 'active' : ''} ${data.field.readOnly ? 'readOnly' : ''}` },
+        (!data.active || data.field.readOnly) &&
+            data.cells.map((cell, index) => (React.createElement("div", { key: index, className: "dxrp-editing-field-charactercomb-cell", style: cell.style }, cell.text))),
+        data.active && !data.field.readOnly &&
+            React.createElement("textarea", { className: "dxrp-editing-field-text dxrd-background-white", value: data.field.editorValue.toString(), style: data.textStyle, onBlur: () => data.hideEditor(true), onKeyUp: event => data.keypressAction(data, event.nativeEvent) })));
+};
+export default CharacterComb;

package/dx-report-viewer/components/reporting/Editing/CharacterComb/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CharacterComb';
+export { default } from './CharacterComb';

package/dx-report-viewer/components/reporting/Editing/CharacterComb/index.js

@@ -0,0 +1,2 @@
+export * from './CharacterComb';
+export { default } from './CharacterComb';

package/dx-report-viewer/components/reporting/Editing/CheckField/CheckBox/CheckBoxEditingField.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ICheckEditingFieldViewModel } from 'devexpress-reporting/viewer/editing/models/checkEditingField';
+declare const CheckBoxEditingField: React.FC<{
+    data: ICheckEditingFieldViewModel;
+}>;
+export default CheckBoxEditingField;

package/dx-report-viewer/components/reporting/Editing/CheckField/CheckBox/CheckBoxEditingField.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import dxZoom from '../../../../../hooks/dxZoom';
+import Template from '../../../../core/Template';
+const CheckBoxEditingField = ({ data }) => {
+    const zoomRef = dxZoom(data.zoom);
+    return (React.createElement("div", { ref: zoomRef, className: "dxrp-editing-field-check-container dx-accessibility-editing-field-item dx-accessibility-border-accented", style: data.containerStyle, onClick: event => data.onClick(data, event.nativeEvent) }, !!data.checkStateStyleIcon &&
+        React.createElement("div", { className: "dxrp-editing-field-check", tabIndex: 1, style: data.checkStyle },
+            React.createElement(Template, { template: data.checkStateStyleIcon, data: data }))));
+};
+export default CheckBoxEditingField;

package/dx-report-viewer/components/reporting/Editing/CheckField/CheckBox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CheckBoxEditingField';
+export { default } from './CheckBoxEditingField';

package/dx-report-viewer/components/reporting/Editing/CheckField/CheckBox/index.js

@@ -0,0 +1,2 @@
+export * from './CheckBoxEditingField';
+export { default } from './CheckBoxEditingField';

package/dx-report-viewer/components/reporting/Editing/CheckField/CheckBoxGlyph/CheckBoxGlyphEditingField.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ICheckEditingFieldViewModel } from 'devexpress-reporting/viewer/editing/models/checkEditingField';
+declare const CheckBoxGlyphEditingField: React.FC<{
+    data: ICheckEditingFieldViewModel;
+}>;
+export default CheckBoxGlyphEditingField;

package/dx-report-viewer/components/reporting/Editing/CheckField/CheckBoxGlyph/CheckBoxGlyphEditingField.js

@@ -0,0 +1,3 @@
+import React from 'react';
+const CheckBoxGlyphEditingField = ({ data }) => (React.createElement("div", { className: "dxrd-checkbox-custom-glyph", style: data.customGlyphStyleCss }));
+export default CheckBoxGlyphEditingField;

package/dx-report-viewer/components/reporting/Editing/CheckField/CheckBoxGlyph/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CheckBoxGlyphEditingField';
+export { default } from './CheckBoxGlyphEditingField';

package/dx-report-viewer/components/reporting/Editing/CheckField/CheckBoxGlyph/index.js

@@ -0,0 +1,2 @@
+export * from './CheckBoxGlyphEditingField';
+export { default } from './CheckBoxGlyphEditingField';

package/dx-report-viewer/components/reporting/Editing/CheckField/Radio/RadioEditingField.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ICheckEditingFieldViewModel } from 'devexpress-reporting/viewer/editing/models/checkEditingField';
+declare const RadioEditingField: React.FC<{
+    data: ICheckEditingFieldViewModel;
+}>;
+export default RadioEditingField;