devexpress-reporting-react
Version:
DevExpress Reporting React provides the capability to develop a reporting application to create and customize reports.
24 lines (23 loc) • 1.11 kB
JavaScript
import React from 'react';
import CollectionEditor from '../../../../analytics/Properties/CollectionEditor';
import Template from '../../../../core/Template';
import { wrapOptions } from '@devexpress/analytics-core/property-grid/widgets/collectioneditor/_editor';
import { useEditorOptions } from '../../../../analytics/Properties/Editors/editorHooks';
const properties = ({ data }) => React.createElement(Template, { data: data.getProperties({ engineType: 'native' }), template: "dx-propertieseditor" });
const MultiValueEditable = ({ data }) => {
const getEditorOptions = () => {
return {
data: wrapOptions(data),
contentTemplate: properties
};
};
const args = {
getEditorOptions
};
const options = useEditorOptions(React.useRef(), data, args);
if (!data.value)
return undefined;
return (React.createElement("div", { className: "dxrd-editor", hidden: !data.visible },
React.createElement(CollectionEditor, { data: options.data, contentTemplate: options.contentTemplate })));
};
export default MultiValueEditable;