devexpress-reporting-react/dx-report-viewer/hooks/dxEllipsisEditor.js

DevExpress Reporting React provides the capability to develop a reporting application to create and customize reports.

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?.dispose();
            setEditor(null);
        };
    }, []);
    React.useEffect(() => {
        if (editor && editor.option('value') != options.value) {
            editor.option('value', options.value);
        }
    });
    return ref;
};
export default useDxEllipsisEditor;