@adaptabletools/adaptable/src/View/Charting/ChartingViewPanel.js

Powerful AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useChartingElements } from './useChartingElements';
import { Box, Flex } from '../../components/Flex';
export const ChartingViewPanel = (props) => {
    const elementType = props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
    const { chartSelector, containerSelector, chartButton, deleteButton, editButton } = useChartingElements({ elementType, accessLevel: props.accessLevel });
    if (elementType === 'DashboardToolbar') {
        return (_jsxs(Flex, { alignItems: "center", className: "twa:w-full", children: [_jsx(Box, { children: chartSelector }), containerSelector && _jsx(Box, { className: "twa:ml-1", children: containerSelector }), _jsxs(Box, { className: "twa:ml-1", children: [chartButton, deleteButton, editButton] })] }));
    }
    return (_jsxs(Flex, { flexDirection: "column", className: "twa:w-full", children: [_jsx(Box, { className: "twa:mb-1", children: chartSelector }), containerSelector && _jsx(Box, { className: "twa:mb-1", children: containerSelector }), _jsxs(Box, { children: [chartButton, " ", deleteButton, " ", editButton] })] }));
};