@adaptabletools/adaptable/src/View/Dashboard/PinnedDashboard.js

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

import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
import { useSelector } from 'react-redux';
import { useAdaptable } from '../AdaptableContext';
import { DashboardToolbarFactory } from './DashboardToolbarFactory';
import { Box, Flex } from '../../components/Flex';
export const PinnedDashboard = (props) => {
    const adaptable = useAdaptable();
    const dashboardState = useSelector((state) => state.Dashboard);
    const pinnedToolbars = (dashboardState.PinnedToolbars ?? []).filter((tb) => adaptable.api.dashboardApi.internalApi.isToolbarCustom(tb) ||
        adaptable.api.internalApi.getModuleService().isAdapTableModulePresent(tb));
    if (!pinnedToolbars || pinnedToolbars.length == 0) {
        return _jsx(_Fragment, {});
    }
    return (_jsx(Flex, { className: "ab-Dashboard__pinned twa:p-1", children: pinnedToolbars.map((toolbar, index) => {
            return (_jsx(Box, { className: `twa:mr-1 twa:mb-1 ab-Dashboard__pinned-container ab-Dashboard__pinned-container--${toolbar}`, children: _jsx(Box, { className: "ab-Dashboard__toolbar-content", children: _jsx(DashboardToolbarFactory, { toolbarName: toolbar }) }) }, index));
        }) }));
};