devexpress-reporting-react 24.1.2-beta

package/dx-report-viewer/hooks/dxEllipsisEditor.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { EllipsisEditorOptions } from '@devexpress/analytics-core/property-grid/widgets/ellipsiseditor/_editor';
+declare const useDxEllipsisEditor: (options: EllipsisEditorOptions) => React.MutableRefObject<HTMLElement>;
+export default useDxEllipsisEditor;

package/dx-report-viewer/hooks/dxEllipsisEditor.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { dxEllipsisEditor } from '@devexpress/analytics-core/property-grid/widgets/ellipsiseditor/_editor';
+const useDxEllipsisEditor = (options) => {
+    const ref = React.useRef();
+    const [editor, setEditor] = React.useState();
+    React.useEffect(() => {
+        const editorInstance = new dxEllipsisEditor(ref.current, options);
+        setEditor(editorInstance);
+        return () => {
+            editorInstance === null || editorInstance === void 0 ? void 0 : editorInstance.dispose();
+            setEditor(null);
+        };
+    }, []);
+    React.useEffect(() => {
+        if (editor && editor.option('value') != options.value) {
+            editor.option('value', options.value);
+        }
+    });
+    return ref;
+};
+export default useDxEllipsisEditor;

package/dx-report-viewer/hooks/dxForceRerender.d.ts

@@ -0,0 +1,2 @@
+declare const useDxForceRerender: () => () => void;
+export default useDxForceRerender;

package/dx-report-viewer/hooks/dxForceRerender.js

@@ -0,0 +1,6 @@
+import React from 'react';
+const useDxForceRerender = () => {
+    const [, setTrigger] = React.useState('');
+    return () => setTrigger(crypto.randomUUID());
+};
+export default useDxForceRerender;

package/dx-report-viewer/hooks/dxKeyDownActions.d.ts

@@ -0,0 +1,3 @@
+import { IActionListBaseViewModel } from '@devexpress/analytics-core/core/tools/_actionListBase.viewModel';
+declare const useDxKeyDownActions: (actionList: IActionListBaseViewModel) => void;
+export default useDxKeyDownActions;

package/dx-report-viewer/hooks/dxKeyDownActions.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { GetWindowKeyDownHandlersManager } from '@devexpress/analytics-core/core/tools/_keyboardHelper';
+const useDxKeyDownActions = (actionList) => {
+    React.useEffect(() => {
+        const handlersManager = GetWindowKeyDownHandlersManager();
+        const disposeFunc = handlersManager.bindHandler(e => actionList.processShortcut(e));
+        return () => disposeFunc();
+    }, [actionList]);
+};
+export default useDxKeyDownActions;

package/dx-report-viewer/hooks/dxLazyImages.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ILazyImagesOptions } from 'devexpress-reporting/viewer/internal/_bindings';
+declare const useDxLazyImages: (ref: React.MutableRefObject<HTMLElement>, options: ILazyImagesOptions) => void;
+export default useDxLazyImages;

package/dx-report-viewer/hooks/dxLazyImages.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { initializeLazyImagesBinding } from 'devexpress-reporting/viewer/internal/_bindings';
+const useDxLazyImages = (ref, options) => {
+    React.useEffect(() => options && initializeLazyImagesBinding(ref.current, options), [options, ref.current]);
+};
+export default useDxLazyImages;

package/dx-report-viewer/hooks/dxMutationObserver.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IMutationObserverArgs } from '@devexpress/analytics-core/analytics-internal';
+declare const useDxMutationObserver: (ref: React.MutableRefObject<HTMLElement>, args: IMutationObserverArgs) => void;
+export default useDxMutationObserver;

package/dx-report-viewer/hooks/dxMutationObserver.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { accesibilitySettingsContext } from '../components/core/AccessibilitySettingsProvider';
+import { initializeMutationObserver } from '@devexpress/analytics-core/analytics-internal';
+const useDxMutationObserver = (ref, args) => {
+    const accesibilitySetting = React.useContext(accesibilitySettingsContext);
+    React.useEffect(() => {
+        if (args && ref.current)
+            return initializeMutationObserver(ref.current, args, accesibilitySetting.accessibilityCompliant);
+        return () => { };
+    }, [args, accesibilitySetting, ref.current]);
+};
+export default useDxMutationObserver;

package/dx-report-viewer/hooks/dxResizable.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IResizableOptions } from '@devexpress/analytics-core/core/internal/_resizable';
+declare const useDxResizable: (ref: React.MutableRefObject<HTMLElement>, options: IResizableOptions) => void;
+export default useDxResizable;

package/dx-report-viewer/hooks/dxResizable.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { initializeBaseResizableOptions, initializeResize } from '@devexpress/analytics-core/core/internal/_resizable';
+const useDxResizable = (ref, options) => {
+    const [subscription, setSubscription] = React.useState(null);
+    React.useEffect(() => {
+        if (!subscription && options) {
+            setSubscription(initializeResize(ref.current, initializeBaseResizableOptions(options)));
+        }
+        return () => {
+            subscription && subscription();
+            setSubscription(undefined);
+        };
+    }, [options, ref.current]);
+};
+export default useDxResizable;

package/dx-report-viewer/hooks/dxToView.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IToViewOptions } from 'devexpress-reporting/viewer/internal/_bindings';
+declare const useDxToView: (ref: React.MutableRefObject<HTMLElement>, options: IToViewOptions) => void;
+export default useDxToView;

package/dx-report-viewer/hooks/dxToView.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { initializeToViewBinding } from 'devexpress-reporting/viewer/internal/_bindings';
+const useDxToView = (ref, options) => {
+    React.useEffect(() => initializeToViewBinding(ref.current, options), [options, ref.current]);
+};
+export default useDxToView;

package/dx-report-viewer/hooks/dxZoom.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const dxZoom: (value: number) => React.MutableRefObject<HTMLElement>;
+export default dxZoom;

package/dx-report-viewer/hooks/dxZoom.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { updateZoomBinding } from '@devexpress/analytics-core/core/_updateZoomBinding';
+const dxZoom = (value) => {
+    const ref = React.useRef();
+    React.useEffect(() => {
+        updateZoomBinding(ref.current, value);
+    });
+    return ref;
+};
+export default dxZoom;

package/dx-report-viewer/index.d.ts

@@ -0,0 +1,12 @@
+import DxReportViewer from './DxReportViewer';
+import Callbacks from './options/Callbacks';
+import ExportSettings from './options/ExportSettings';
+import MobileModeSettings from './options/MobileModeSettings';
+import ProgressBarSettings from './options/ProgressBarSettings';
+import RemoteSettings from './options/RemoteSettings';
+import RequestSettings from './options/RequestSettings';
+import SearchSettings from './options/SearchSettings';
+import TabPanelSettings from './options/TabPanelSettings';
+import { TemplateEngine } from './core/template-engine';
+export { Callbacks, ExportSettings, MobileModeSettings, ProgressBarSettings, RemoteSettings, RequestSettings, SearchSettings, TabPanelSettings, DxReportViewer, TemplateEngine };
+export default DxReportViewer;

package/dx-report-viewer/index.js

@@ -0,0 +1,12 @@
+import DxReportViewer from './DxReportViewer';
+import Callbacks from './options/Callbacks';
+import ExportSettings from './options/ExportSettings';
+import MobileModeSettings from './options/MobileModeSettings';
+import ProgressBarSettings from './options/ProgressBarSettings';
+import RemoteSettings from './options/RemoteSettings';
+import RequestSettings from './options/RequestSettings';
+import SearchSettings from './options/SearchSettings';
+import TabPanelSettings from './options/TabPanelSettings';
+import { TemplateEngine } from './core/template-engine';
+export { Callbacks, ExportSettings, MobileModeSettings, ProgressBarSettings, RemoteSettings, RequestSettings, SearchSettings, TabPanelSettings, DxReportViewer, TemplateEngine };
+export default DxReportViewer;

package/dx-report-viewer/options/Callbacks.d.ts

@@ -0,0 +1,21 @@
+import { FunctionComponent } from 'react';
+type CallbacksPropsType = {
+    CustomizeElements?: (args: any) => void;
+    PreviewClick?: (args: any) => void;
+    EditingFieldChanged?: (args: any) => void;
+    DocumentReady?: (args: any) => void;
+    CustomizeExportOptions?: (args: any) => void;
+    CustomizeParameterEditors?: (args: any) => void;
+    CustomizeParameterLookUpSource?: (args: any) => void;
+    ParametersReset?: (args: any) => void;
+    ParametersSubmitted?: (args: any) => void;
+    ParametersInitialized?: (args: any) => void;
+    CustomizeMenuActions?: (args: any) => void;
+    CustomizeLocalization?: (args: any) => void;
+    OnInitializing?: (args: any) => void;
+    BeforeRender?: (args: any) => void;
+    OnServerError?: (args: any) => void;
+    OnExport?: (args: any) => void;
+};
+declare const Callbacks: FunctionComponent<CallbacksPropsType>;
+export default Callbacks;

package/dx-report-viewer/options/Callbacks.js

@@ -0,0 +1,22 @@
+import PropTypes from 'prop-types';
+const Callbacks = () => null;
+Callbacks.displayName = 'DxReportViewerCallbacks';
+Callbacks.propTypes = {
+    CustomizeElements: PropTypes.func,
+    PreviewClick: PropTypes.func,
+    EditingFieldChanged: PropTypes.func,
+    DocumentReady: PropTypes.func,
+    CustomizeExportOptions: PropTypes.func,
+    CustomizeParameterEditors: PropTypes.func,
+    CustomizeParameterLookUpSource: PropTypes.func,
+    ParametersReset: PropTypes.func,
+    ParametersSubmitted: PropTypes.func,
+    ParametersInitialized: PropTypes.func,
+    CustomizeMenuActions: PropTypes.func,
+    CustomizeLocalization: PropTypes.func,
+    OnInitializing: PropTypes.func,
+    BeforeRender: PropTypes.func,
+    OnServerError: PropTypes.func,
+    OnExport: PropTypes.func,
+};
+export default Callbacks;

package/dx-report-viewer/options/ExportSettings.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+type ExportSettingsPropsType = {
+    useSameTab?: boolean;
+    useAsynchronousExport?: boolean;
+    showPrintNotificationDialog?: boolean;
+};
+declare const ExportSettings: FunctionComponent<ExportSettingsPropsType>;
+export default ExportSettings;

package/dx-report-viewer/options/ExportSettings.js

@@ -0,0 +1,9 @@
+import PropTypes from 'prop-types';
+const ExportSettings = () => null;
+ExportSettings.displayName = 'DxReportViewerExportSettings';
+ExportSettings.propTypes = {
+    useSameTab: PropTypes.bool,
+    useAsynchronousExport: PropTypes.bool,
+    showPrintNotificationDialog: PropTypes.bool,
+};
+export default ExportSettings;

package/dx-report-viewer/options/MobileModeSettings.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+type MobileModeSettingsPropsType = {
+    readerMode?: boolean;
+    animationEnabled?: boolean;
+};
+declare const MobileModeSettings: FunctionComponent<MobileModeSettingsPropsType>;
+export default MobileModeSettings;

package/dx-report-viewer/options/MobileModeSettings.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+const MobileModeSettings = () => null;
+MobileModeSettings.displayName = 'DxReportViewerMobileModeSettings';
+MobileModeSettings.propTypes = {
+    readerMode: PropTypes.bool,
+    animationEnabled: PropTypes.bool,
+};
+export default MobileModeSettings;

package/dx-report-viewer/options/ProgressBarSettings.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+type ProgressBarSettingsPropsType = {
+    position?: string;
+    keepOnVisibleArea?: boolean;
+};
+declare const ProgressBarSettings: FunctionComponent<ProgressBarSettingsPropsType>;
+export default ProgressBarSettings;

package/dx-report-viewer/options/ProgressBarSettings.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+const ProgressBarSettings = () => null;
+ProgressBarSettings.displayName = 'DxReportViewerProgressBarSettings';
+ProgressBarSettings.propTypes = {
+    position: PropTypes.string,
+    keepOnVisibleArea: PropTypes.bool,
+};
+export default ProgressBarSettings;

package/dx-report-viewer/options/RemoteSettings.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+type RemoteSettingsPropsType = {
+    authToken?: string;
+    serverUri?: string;
+};
+declare const RemoteSettings: FunctionComponent<RemoteSettingsPropsType>;
+export default RemoteSettings;

package/dx-report-viewer/options/RemoteSettings.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+const RemoteSettings = () => null;
+RemoteSettings.displayName = 'DxReportViewerRemoteSettings';
+RemoteSettings.propTypes = {
+    authToken: PropTypes.string,
+    serverUri: PropTypes.string,
+};
+export default RemoteSettings;

package/dx-report-viewer/options/RequestSettings.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+type RequestSettingsPropsType = {
+    invokeAction: string;
+    getLocalizationAction?: string;
+    host: string;
+};
+declare const RequestSettings: FunctionComponent<RequestSettingsPropsType>;
+export default RequestSettings;

package/dx-report-viewer/options/RequestSettings.js

@@ -0,0 +1,12 @@
+import PropTypes from 'prop-types';
+const RequestSettings = () => null;
+RequestSettings.displayName = 'DxReportViewerRequestSettings';
+RequestSettings.propTypes = {
+    invokeAction: PropTypes.string.isRequired,
+    getLocalizationAction: PropTypes.string,
+    host: PropTypes.string.isRequired,
+};
+RequestSettings.defaultProps = {
+    invokeAction: '/DXXRDV',
+};
+export default RequestSettings;

package/dx-report-viewer/options/SearchSettings.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+type SearchSettingsPropsType = {
+    useAsyncSearch?: boolean;
+    searchEnabled?: boolean;
+};
+declare const SearchSettings: FunctionComponent<SearchSettingsPropsType>;
+export default SearchSettings;

package/dx-report-viewer/options/SearchSettings.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+const SearchSettings = () => null;
+SearchSettings.displayName = 'DxReportViewerSearchSettings';
+SearchSettings.propTypes = {
+    useAsyncSearch: PropTypes.bool,
+    searchEnabled: PropTypes.bool,
+};
+export default SearchSettings;

package/dx-report-viewer/options/TabPanelSettings.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+type TabPanelSettingsPropsType = {
+    position?: string;
+    width?: number;
+};
+declare const TabPanelSettings: FunctionComponent<TabPanelSettingsPropsType>;
+export default TabPanelSettings;

package/dx-report-viewer/options/TabPanelSettings.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+const TabPanelSettings = () => null;
+TabPanelSettings.displayName = 'DxReportViewerTabPanelSettings';
+TabPanelSettings.propTypes = {
+    position: PropTypes.string,
+    width: PropTypes.number,
+};
+export default TabPanelSettings;

package/index.d.ts

@@ -0,0 +1,2 @@
+export { default as dxReportViewer } from './dx-report-viewer';
+export { default as dxReportDesigner } from './dx-report-designer';

package/index.js

@@ -0,0 +1,2 @@
+export { default as dxReportViewer } from './dx-report-viewer';
+export { default as dxReportDesigner } from './dx-report-designer';

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "devexpress-reporting-react",
+  "version": "24.1.2-beta",
+  "homepage": "https://www.devexpress.com/",
+  "bugs": "https://www.devexpress.com/support/",
+  "author": "Developer Express Inc.",
+  "description": "",
+  "keywords": [
+    "xtrareports",
+    "reports",
+    "analytics",
+    "reporting",
+    "devexpress"
+  ],
+  "license": "SEE LICENSE IN README.md",
+  "main": "./index.js",
+  "dependencies": {
+    "prop-types": "^15.8.1",
+    "devexpress-reporting": "24.1.2-beta"
+  },
+  "peerDependencies": {
+    "@types/react": "^18.0.28",
+    "@types/react-dom": "^18.0.28",
+    "devextreme-react": "24.1.2-beta",
+    "react": "^18.0.28",
+    "react-dom": "^18.0.28"
+  },
+  "devDependencies": {
+    "shx": "^0.3.4",
+    "typescript": "~5.0.4",
+    "@devexpress/analytics-core": "24.1.2-beta"
+  },
+  "scripts": {
+    "prebuild": "npx shx rm -rf dist && npx shx mkdir dist && npx shx cp README.md dist/ && npx shx cp package.json dist/",
+    "build": "npx tsc --project tsconfig.lib.json"
+  }
+}