@adaptabletools/adaptable/src/View/DataImport/DataImportPopup.js

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

import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import * as React from 'react';
import HelpBlock from '../../components/HelpBlock';
import SimpleButton from '../../components/SimpleButton';
import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
import { DataImportWizard } from './DataImportWizard';
import { Box } from '../../components/Flex';
export const DataImportPopup = (props) => {
    const [isWizardOpen, setIsWizardOpen] = React.useState(false);
    React.useEffect(() => {
        if (props?.popupParams == undefined ||
            (props.popupParams?.action === 'New' && props.popupParams?.source !== 'ModuleMenu')) {
            setIsWizardOpen(true);
        }
    }, []);
    return (_jsxs(_Fragment, { children: [_jsx(PopupPanel, { headerText: 'Data Import', glyphicon: 'import', infoLink: props.moduleInfo.HelpPage, children: _jsxs(Box, { children: [_jsx(HelpBlock, { className: "twa:mb-2 twa:text-3", children: "Click the 'Import Data' button to Insert or Update data into AdapTable" }), _jsx(SimpleButton, { icon: "import", variant: "raised", onClick: () => setIsWizardOpen(true), children: "Import Data" })] }) }), isWizardOpen && (_jsx(DataImportWizard, { onClose: () => {
                    setIsWizardOpen(false);
                    if (props?.popupParams == undefined ||
                        ['Toolbar', 'ContextMenu', 'ColumnMenu', 'ModuleButton'].includes(props?.popupParams?.source)) {
                        props.onClosePopup();
                    }
                } }))] }));
};