devexpress-reporting-react 24.1.2-beta

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import dxZoom from '../../../../../hooks/dxZoom';
+const RadioEditingField = ({ 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) },
+        React.createElement("div", { className: "dxrp-editing-field-check", style: data.checkStyle },
+            React.createElement("svg", { version: "1.0", xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 760 760", preserveAspectRatio: "xMidYMid meet" },
+                React.createElement("g", { fill: "#010101", stroke: "none" },
+                    React.createElement("path", { d: "M32,380a348,348 0 1,0 696,0a348,348 0 1,0 -696,0", className: "highlight dxrd-stroke-width-50 dxrd-stroke-rgb-0" }),
+                    React.createElement("path", { d: "M185,380a195,195 0 1,0 390,0a195,195 0 1,0 -390,0", style: { fill: data.checked ? 'black' : 'transparent' } }))))));
+};
+export default RadioEditingField;

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

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

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IExportToolViewModel } from 'devexpress-reporting/viewer/internal/_exportHandler.viewModel';
+declare const ExportTool: React.FC<{
+    data: IExportToolViewModel;
+}>;
+export default ExportTool;

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Popup } from 'devextreme-react/popup';
+import { initializeViewerExportBinding } from 'devexpress-reporting/viewer/internal/_bindings';
+const ExportTool = ({ data }) => {
+    const elementRef = React.useRef();
+    const [popupOptions, setPopupOptions] = React.useState();
+    React.useEffect(() => {
+        const element = elementRef.current;
+        const container = data.popupOptions.getPopupContainer(element);
+        setPopupOptions({
+            container, position: { of: container }
+        });
+        initializeViewerExportBinding(element, data);
+    }, [data]);
+    return (React.createElement("div", { ref: elementRef },
+        React.createElement("div", { className: "dxrd-visually-hidden" },
+            React.createElement("form", { action: "data.exportActionUri", method: "post" }, data.exportFormData.map(item => (React.createElement("input", { key: item.name, name: item.name, value: item.value }))))),
+        React.createElement(Popup, { width: data.popupOptions.width, height: data.popupOptions.height, title: data.popupOptions.title, visible: data.popupOptions.visible, showCloseButton: true, onHidden: () => data.popupOptions.onHidden(), toolbarItems: data.popupOptions.toolbarItems, wrapperAttr: data.popupOptions.wrapperAttr, container: popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.container, position: popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.position },
+            React.createElement("div", { className: "dxrd-print-dialog-content" },
+                React.createElement("div", null, data.printingTexts.caption),
+                React.createElement("p", null),
+                !!data.printingTexts.prefix && React.createElement("div", { className: "dxrdp-print-text-prefix" }, data.printingTexts.prefix),
+                "\u00A0",
+                React.createElement("a", { href: "", className: "dxrd-preview-printing-link", onClick: event => data.printingLinkCallback(data, event.nativeEvent) }, data.printingTexts.link),
+                !!data.printingTexts.postfix && React.createElement("div", { className: "dxrdp-print-text-postfix" }, data.printingTexts.postfix)))));
+};
+export default ExportTool;

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

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

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

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

package/dx-report-viewer/components/reporting/Editing/ImageEditingField/ImageEditingFieldComponent/ImageFieldComponent.d.ts

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

package/dx-report-viewer/components/reporting/Editing/ImageEditingField/ImageEditingFieldComponent/ImageFieldComponent.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import ImageFieldEditor from '../ImageEditingFieldEditor';
+const ImageEditingFieldComponent = ({ data }) => (React.createElement("div", { className: "dxrp-editing-field-container dx-accessibility-editing-field-item dx-accessibility-border-accented", style: data.containerStyle },
+    React.createElement(ImageFieldEditor, { data: data })));
+export default ImageEditingFieldComponent;

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

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

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

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

package/dx-report-viewer/components/reporting/Editing/ImageEditingField/ImageEditingFieldEditor/ImageFieldEditor.d.ts

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

package/dx-report-viewer/components/reporting/Editing/ImageEditingField/ImageEditingFieldEditor/ImageFieldEditor.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import PictureEditor from '../../../Widgets/PictureEditor';
+const ImageEditingFieldEditor = ({ data }) => (React.createElement(PictureEditor, { options: data, className: "dxrd-height-100 dxrd-width-100" }));
+export default ImageEditingFieldEditor;

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

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

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

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

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

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

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import Template from '../../../core/Template';
+import Painter from '../../Widgets/PictureEditor/Painter';
+import { Popup } from 'devextreme-react/popup';
+const PopupImageEditingField = ({ data }) => {
+    const elementRef = React.useRef();
+    const popupContainerRef = React.useRef();
+    const [popupOptions, setPopupOptions] = React.useState({});
+    React.useEffect(() => {
+        const element = elementRef.current;
+        const container = data.popupData.getPopupContainer(element);
+        setPopupOptions({
+            position: {
+                boundary: container,
+                of: popupContainerRef.current,
+                collision: 'flipfit'
+            },
+            container: container
+        });
+    }, []);
+    return (React.createElement("div", { ref: elementRef, className: "dxrp-editing-field-container", style: data.containerStyle },
+        React.createElement("div", { ref: popupContainerRef, className: 'dx-accessibility-editing-field-item dx-accessibility-border-accented ' + data.parentPopupClass, onClick: event => data.activateEditor(data, event) },
+            React.createElement(Painter, { className: "dxrp-editing-field-popup-container-cloned", options: data.getPainterOptions() }),
+            React.createElement(Popup, { className: "dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen", width: data.containerStyle.width, height: data.containerStyle.height, position: popupOptions.position, container: popupOptions.container, showTitle: false, deferRendering: false, hideOnOutsideClick: true, showCloseButton: false, onContentReady: data.popupData.onContentReady, onHiding: data.popupData.onHiding, onShown: data.popupData.onShown, shading: data.popupData.shading, wrapperAttr: { class: 'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen' }, animation: {
+                    show: { type: 'slide', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } },
+                    hide: { type: 'fade', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } }
+                }, visible: data.popupData.visible }, data.popupData.showContent ? React.createElement(Template, { template: data.popupData.contentTemplate, data: data }) : React.createElement("div", null)))));
+};
+export default PopupImageEditingField;

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

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

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

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

package/dx-report-viewer/components/reporting/Editing/TextField/Container/EditingFieldContainer.d.ts

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

package/dx-report-viewer/components/reporting/Editing/TextField/Container/EditingFieldContainer.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import Template from '../../../../core/Template';
+import dxZoom from '../../../../../hooks/dxZoom';
+const processStyles = styles => {
+    const updateKey = (obj, key, newKey) => {
+        if (obj[key]) {
+            obj[newKey] = obj[key];
+            delete obj[key];
+        }
+    };
+    const newStyles = Object.assign({}, styles);
+    updateKey(newStyles, 'line-height', 'lineHeight');
+    updateKey(newStyles, 'border-color', 'borderColor');
+    return newStyles;
+};
+const EditingFieldContainer = ({ data }) => {
+    const zoomRef = dxZoom(data.zoom);
+    return (React.createElement("div", { ref: zoomRef, style: processStyles(data.containerStyle), className: `dxrp-editing-field-container dx-accessibility-editing-field-item dx-accessibility-border-accented ${data.active ? 'active' : ''} ${data.field.readOnly ? 'readonly' : ''}` },
+        React.createElement("div", { className: "dxrp-editing-field-borders", style: data.borderStyle }),
+        React.createElement("div", { className: "dxrp-editing-field-content", onClick: event => data.activateEditor(data, event) },
+            (!data.active || data.field.readOnly) &&
+                React.createElement("div", { className: `dxrp-editing-field-readonly-text ${!data.wordWrap ? 'dxrp-editing-field-text-wordwrap' : ''}`, style: data.textStyle }, data.field.htmlValue
+                    ? React.createElement("div", { className: "dxrp-editing-field-text-html dxrp-editing-field-text-html-complex", style: data.breakOffsetStyle, dangerouslySetInnerHTML: { __html: data.field.htmlValue } })
+                    : data.field.editValue.toString()),
+            data.active && !data.field.readOnly && React.createElement(Template, { template: data.editorTemplate, data: data.data }))));
+};
+export default EditingFieldContainer;

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

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

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

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

package/dx-report-viewer/components/reporting/Editing/TextField/DateTime/EditingFieldDateTime.d.ts

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

package/dx-report-viewer/components/reporting/Editing/TextField/DateTime/EditingFieldDateTime.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { DateBox } from 'devextreme-react/date-box';
+import { initializeChildStyleBinding } from 'devexpress-reporting/viewer/internal/_bindings';
+const TextEditingField = ({ data }) => {
+    const dateBoxRef = React.useRef();
+    const [dropDownOptions, setDropDownOptions] = React.useState({});
+    React.useEffect(() => {
+        const element = dateBoxRef.current.instance().element();
+        const container = data.getPopupContainer(element);
+        initializeChildStyleBinding(element, { style: data.textStyle, selector: '.dx-texteditor-input' });
+        setDropDownOptions({
+            container,
+            position: {
+                at: 'left bottom',
+                collision: 'flipfit fit',
+                my: 'left top',
+                boundary: container, of: element
+            }
+        });
+    }, [data.textStyle]);
+    return (React.createElement(DateBox, { ref: dateBoxRef, className: 'dxrp-editing-field-mask', dropDownOptions: dropDownOptions, value: data.options.value, onValueChanged: data.options.onValueChanged, onFocusOut: data.options.onFocusOut, onInitialized: data.options.onInitialized, onKeyUp: data.options.onKeyUp, onKeyDown: data.options.onKeyDown, onFocusIn: data.options.onFocusIn, onPaste: data.options.onPaste }));
+};
+export default TextEditingField;

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

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

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

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

package/dx-report-viewer/components/reporting/Editing/TextField/Mask/EditingFieldMask.d.ts

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

package/dx-report-viewer/components/reporting/Editing/TextField/Mask/EditingFieldMask.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TextBox } from 'devextreme-react/text-box';
+import { initializeChildStyleBinding } from 'devexpress-reporting/viewer/internal/_bindings';
+const MaskEditingField = ({ data }) => {
+    const textBoxRef = React.useRef();
+    React.useEffect(() => {
+        initializeChildStyleBinding(textBoxRef.current.instance().element(), { style: data.textStyle, selector: '.dx-texteditor-input' });
+    }, [data.textStyle]);
+    return (React.createElement(TextBox, { ref: textBoxRef, className: 'dxrp-editing-field-mask', value: data.options.value, onValueChanged: data.options.onValueChanged, onFocusOut: data.options.onFocusOut, onInitialized: data.options.onInitialized, onKeyUp: data.options.onKeyUp, onKeyDown: data.options.onKeyDown, onFocusIn: data.options.onFocusIn, onPaste: data.options.onPaste }));
+};
+export default MaskEditingField;

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

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

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

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

package/dx-report-viewer/components/reporting/Editing/TextField/Number/EditingFieldNumber.d.ts

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

package/dx-report-viewer/components/reporting/Editing/TextField/Number/EditingFieldNumber.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { NumberBox } from 'devextreme-react/number-box';
+import { initializeChildStyleBinding } from 'devexpress-reporting/viewer/internal/_bindings';
+const NumberEditingField = ({ data }) => {
+    const numberBoxRef = React.useRef();
+    React.useEffect(() => {
+        initializeChildStyleBinding(numberBoxRef.current.instance().element(), { style: data.textStyle, selector: '.dx-texteditor-input' });
+    }, [data.textStyle]);
+    return (React.createElement(NumberBox, { ref: numberBoxRef, className: 'dxrp-editing-field-mask', value: data.options.value, onValueChanged: data.options.onValueChanged, onFocusOut: data.options.onFocusOut, onInitialized: data.options.onInitialized, onKeyUp: data.options.onKeyUp, onKeyDown: data.options.onKeyDown, onFocusIn: data.options.onFocusIn, onPaste: data.options.onPaste }));
+};
+export default NumberEditingField;

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

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

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

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

package/dx-report-viewer/components/reporting/Editing/TextField/Text/EditingFieldText.d.ts

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

package/dx-report-viewer/components/reporting/Editing/TextField/Text/EditingFieldText.js

@@ -0,0 +1,10 @@
+import React from 'react';
+const TextEditingField = ({ data }) => {
+    const [value, setValue] = React.useState(data.value.toString());
+    const handleValueChanged = value => {
+        setValue(value);
+        data.value = value;
+    };
+    return (React.createElement("textarea", { className: "dxrp-editing-field-text", value: value, onChange: e => handleValueChanged(e.target.value), style: data.textStyle, onBlur: () => data.hideEditor(true), onKeyUp: event => data.keypressAction(data, event.nativeEvent) }));
+};
+export default TextEditingField;

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import ScrollView from 'devextreme-react/scroll-view';
+import Template from '../../core/Template';
+import useDxMutationObserver from '../../../hooks/dxMutationObserver';
+import EditorDescriptionPopover from '../../analytics/Properties/EditorDescriptionPopover';
+import { getLocalization } from '@devexpress/analytics-core/property-grid/localization/localization_utils';
+const ExportOptions = ({ data }) => {
+    const headerText = getLocalization('Export Options', 'DevExpress.XtraReports.UI.XtraReport.ExportOptions');
+    const onScrollViewInitialized = (args) => args.component.option('useKeyboard', false);
+    const mutationObserverRef = React.useRef();
+    useDxMutationObserver(mutationObserverRef, data.keyboardHelper);
+    return (React.createElement("div", { className: "dxrd-preview-export-options-wrapper dxrd-preview-property-wrapper", hidden: !(data.active && data.visible) },
+        React.createElement("div", { className: "dxrd-right-panel-header dxd-text-primary" },
+            React.createElement("span", null, headerText)),
+        React.createElement(ScrollView, { className: "dxrd-right-panel-body", showScrollbar: "onHover", useNative: false, scrollByThumb: true, onInitialized: onScrollViewInitialized },
+            React.createElement("div", { className: "dx-fieldset", ref: mutationObserverRef },
+                React.createElement("div", { className: "dxrd-right-panel-content dxrd-export-options-content", role: "tree" },
+                    React.createElement(Template, { template: "dx-propertieseditor", data: data.propertyGrid })),
+                React.createElement(EditorDescriptionPopover, { data: data.propertyGrid.popover })))));
+};
+export default ExportOptions;

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

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

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

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

package/dx-report-viewer/components/reporting/Mobile/Actions/MobileActions/MobileActions.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IMobileActionListViewModel } from 'devexpress-reporting/viewer/mobile/utils/_mobileActionList';
+declare const MobileActions: React.FC<{
+    data: IMobileActionListViewModel;
+}>;
+export default MobileActions;

package/dx-report-viewer/components/reporting/Mobile/Actions/MobileActions/MobileActions.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import Template from '../../../../core/Template';
+const MobileActions = ({ data }) => (React.createElement("div", { className: "dxrdp-mobile-actions", hidden: !data.visible },
+    React.createElement("div", { className: "dxrdp-mobile-actions-content" }, data.actions.map((action, index) => (React.createElement("div", { key: index, className: "dxrdp-mobile-action" },
+        React.createElement("div", { hidden: !action.visible, className: 'dxrdp-mobile-action ' + action.imageClassName, onClick: action.clickAction }, !!action.imageTemplateName && React.createElement(Template, { template: action.imageTemplateName })),
+        !!action.content && React.createElement(Template, { template: action.content.name, data: action.content.data })))))));
+export default MobileActions;

package/dx-report-viewer/components/reporting/Mobile/Actions/MobileActions/index.d.ts

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

package/dx-report-viewer/components/reporting/Mobile/Actions/MobileActions/index.js

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

package/dx-report-viewer/components/reporting/Mobile/Actions/MobileActionsExport/MobileActionsExport.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IMobileExportAction } from 'devexpress-reporting/viewer/mobile/utils/_mobileActionList';
+declare const MobileActionsExport: React.FC<{
+    data: IMobileExportAction;
+}>;
+export default MobileActionsExport;

package/dx-report-viewer/components/reporting/Mobile/Actions/MobileActionsExport/MobileActionsExport.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Popover } from 'devextreme-react/popover';
+import useDxParentContainer from '../../hooks/mobileParentContainer';
+const MobileActionsExport = ({ data }) => {
+    const [ref, parentContainer] = useDxParentContainer();
+    const renderContent = () => (React.createElement("div", null, data.items.map(item => React.createElement("div", { key: item.text, className: "dxrd-menu-export-item", onClick: item.action }, item.text))));
+    return (React.createElement(Popover, { ref: ref, className: "dxrd-menu-export-popover", wrapperAttr: { class: 'dxrd-menu-export-popover' }, width: "266px", height: "266px", visible: data.visible, target: ".dxrdp-mobile-action.dxrd-image-export-to", container: parentContainer, contentRender: renderContent }));
+};
+export default MobileActionsExport;

package/dx-report-viewer/components/reporting/Mobile/Actions/MobileActionsExport/index.d.ts

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

package/dx-report-viewer/components/reporting/Mobile/Actions/MobileActionsExport/index.js

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

package/dx-report-viewer/components/reporting/Mobile/Gallery/MobileGallery.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IMobileReportPreviewViewModel } from 'devexpress-reporting/viewer/mobile/mobilePreview.viewModel';
+type PropType = {
+    data: IMobileReportPreviewViewModel;
+    slideOptions: IMobileReportPreviewViewModel['slideOptions'];
+    gallery: IMobileReportPreviewViewModel['gallery'];
+};
+declare const MobileGallery: React.FC<PropType>;
+export default MobileGallery;

package/dx-report-viewer/components/reporting/Mobile/Gallery/MobileGallery.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { dxGalleryExtender } from 'devexpress-reporting/viewer/mobile/internal/gallery/_galleryComponent';
+import { Gallery } from 'devextreme-react/gallery';
+import ScrollView from 'devextreme-react/scroll-view';
+import Template from '../../../core/Template';
+const Max = (val1, val2) => {
+    return Math.max(val1, val2);
+};
+const renderGalleryItem = () => (item) => (React.createElement(ScrollView, { className: "dxrd-scrollView-mobile", direction: item.reportPreview.scrollViewOptions.direction, bounceEnabled: item.reportPreview.scrollViewOptions.bounceEnabled, disabled: item.reportPreview.scrollViewOptions.disabled, onUpdated: item.reportPreview.scrollViewOptions.onUpdated },
+    React.createElement("div", { className: "dxrd-gallery-blocks", style: {
+            width: item.gallery.contentSize ? item.gallery.contentSize.width + 'px' : undefined,
+            height: item.gallery.contentSize ? item.gallery.contentSize.height + +'px' : undefined
+        } }, item.blocks.filter(block => block.page).map(block => (React.createElement("div", { className: `dxrd-gallery-block ${block.classSet}`, style: {
+            left: block.position.left + 'px',
+            right: block.position.right + 'px',
+            top: block.position.top + 'px',
+            bottom: block.position.bottom + 'px',
+        } },
+        React.createElement("div", { className: "dxrd-gallery-block-content", style: {
+                width: Max(block.page.width, block.position.width) + 'px',
+                height: Max(block.page.height, block.position.height) + 'px',
+                backgroundColor: block.page.color
+            } },
+            React.createElement("div", { className: `dxrdp-active-border ${block.page.active && block.active ? 'dxrdp-active dxrdp-page-padding' : ''}`, hidden: !item.reportPreview.slideOptions.readerMode }),
+            React.createElement("div", { className: "dxrd-mobile-page", style: {
+                    width: block.page.width + 'px',
+                    height: block.page.height + 'px',
+                    pointerEvents: block.reportPreview.pageEvents,
+                    touchEvents: block.reportPreview.pageEvents,
+                } },
+                React.createElement(Template, { template: "dxrd-preview-page-mobile", data: block.page })))))))));
+const MobileGallery = ({ data, slideOptions, gallery }) => {
+    const galleryRef = React.useRef();
+    React.useEffect(() => {
+        const widget = galleryRef.current.instance();
+        widget.option('gallery', gallery || data.gallery);
+        widget.option('slideOptions', slideOptions || data.slideOptions);
+        new dxGalleryExtender(widget).extend(widget.element());
+    }, []);
+    return (React.createElement(Gallery, { className: "dxrd-mobile-gallery", ref: galleryRef, dataSource: data.gallery.items, animationEnabled: data.gallery.animationEnabled, disabled: data.zoomUpdating, width: "100%", height: "100%", showIndicator: false, loop: true, onSelectionChanged: data.onSlide, onOptionChanged: data.gallery.onOptionChanged, itemRender: renderGalleryItem() }));
+};
+export default MobileGallery;

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

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

package/dx-report-viewer/components/reporting/Mobile/Gallery/index.js

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

package/dx-report-viewer/components/reporting/Mobile/Page/MobilePage.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IMobilePageViewModel } from 'devexpress-reporting/viewer/mobile/internal/_mobilePage';
+declare const MobilePage: React.FC<{
+    data: IMobilePageViewModel;
+}>;
+export default MobilePage;

package/dx-report-viewer/components/reporting/Mobile/Page/MobilePage.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import Template from '../../../core/Template';
+import useDxMobileAutofit from '../hooks/mobileAutofit';
+const MobilePage = ({ data }) => {
+    const ref = useDxMobileAutofit(data.autoFitOptions);
+    return (React.createElement("div", { className: "dxrdp-content", onClick: event => data.clickToBrick(data, event), style: { width: data.width + 'px', height: data.height + 'px' }, ref: ref },
+        React.createElement("div", { className: "dxrdp-loading-wrapper", style: {
+                width: data.width + 'px',
+                height: data.height + 'px',
+                lineHeight: data.height + 'px',
+                backgroundColor: data.color
+            }, hidden: !data.pageLoading }, data.loadingText),
+        React.createElement("img", { className: "dxrd-width-100 dxrd-height-100", src: data.displayImageSrc, style: { backgroundColor: data.color } }),
+        React.createElement("div", { className: `dxrdp-active-border ${data.active && data.hasBricks ? 'dxrdp-active' : ''}`, hidden: data.readerMode }),
+        data.activeBricks.map(brick => React.createElement(Template, { key: brick.indexes, template: "dxrd-page-brick-mobile", data: brick })),
+        !data.brickLoading && data.editingFields &&
+            data.editingFields.map((editingField, index) => React.createElement(Template, { key: index, template: editingField.template, data: editingField }))));
+};
+export default MobilePage;

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

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

package/dx-report-viewer/components/reporting/Mobile/Page/index.js

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

package/dx-report-viewer/components/reporting/Mobile/Pages/MobilePaginator.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IMobilePaginatorViewModel } from 'devexpress-reporting/scopes/reporting-viewer-mobile-internal';
+declare const MobilePaginator: React.FC<{
+    data: IMobilePaginatorViewModel;
+}>;
+export default MobilePaginator;

package/dx-report-viewer/components/reporting/Mobile/Pages/MobilePaginator.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import useDxMobilePaginator from '../hooks/mobilePaginator';
+const MobilePaginator = ({ data }) => {
+    const ref = useDxMobilePaginator(data);
+    return (React.createElement("div", { className: "dxrdp-mobile-paginator", ref: ref },
+        React.createElement("div", { className: "dxrdp-mobile-paginator-content" },
+            React.createElement("div", { className: "dxrdp-mobile-paginator-text" }, data.text))));
+};
+export default MobilePaginator;

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

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

package/dx-report-viewer/components/reporting/Mobile/Pages/index.js

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

package/dx-report-viewer/components/reporting/Mobile/Parameters/MobileParameters/MobileParameters.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IParametersPopupViewModelBase } from 'devexpress-reporting/viewer/mobile/internal/_parametersPopup.viewModel';
+declare const MobileParameters: React.FC<{
+    data: IParametersPopupViewModelBase;
+}>;
+export default MobileParameters;

package/dx-report-viewer/components/reporting/Mobile/Parameters/MobileParameters/MobileParameters.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import Button from 'devextreme-react/button';
+import ScrollView from 'devextreme-react/scroll-view';
+import Template from '../../../../core/Template';
+const MobileParameters = ({ data }) => {
+    const ref = React.useRef();
+    React.useEffect(() => {
+        data.cacheElementContent(ref.current);
+    }, []);
+    return (React.createElement("div", { className: 'dxrdp-parameters-mobile ' + data.className },
+        React.createElement("div", { className: "dxrdp-parameters-title" },
+            data.title,
+            " "),
+        React.createElement(ScrollView, { className: "dxrdp-parameters-scroll", showScrollbar: "onHover", useNative: false, scrollByThumb: true, bounceEnabled: false },
+            React.createElement(Template, { template: data.contentTemplate, data: data.model.getViewModel() })),
+        React.createElement("div", { className: "dxrdp-parameters-buttons text-buttons", ref: ref }, data.actionButtons.map(button => (React.createElement(Button, { key: button.id, className: 'dxrdp-parameter-action ' + button.className, text: button.text, onClick: button.action, disabled: button.disabled, visible: button.visible })))),
+        React.createElement("div", { className: "dxrdp-parameters-buttons", hidden: !data.showIcons }, data.actionIcons.map(icon => (React.createElement(Button, { key: icon.className, className: 'dxrdp-parameter-icon ' + icon.className, onClick: icon.action, disabled: icon.disabled }))))));
+};
+export default MobileParameters;

package/dx-report-viewer/components/reporting/Mobile/Parameters/MobileParameters/index.d.ts

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

package/dx-report-viewer/components/reporting/Mobile/Parameters/MobileParameters/index.js

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