@adaptabletools/adaptable
Version:
Powerful AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements
28 lines (27 loc) • 1.81 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useOnePageAdaptableWizardContext, SummaryText } from '../../Wizard/OnePageAdaptableWizard';
import { Tag } from '../../../components/Tag';
import { Box, Flex } from '../../../components/Flex';
import { Card } from '../../../components/Card';
import Input from '../../../components/Input';
export const isValidNamedQuerySettings = (data, api) => {
const validationResult = api.namedQueryApi.isValidNamedQuery(data);
const ErrorMessage = !validationResult.valid ? validationResult.message : null;
if (!ErrorMessage) {
return true;
}
return ErrorMessage;
};
export const renderNamedQuerySettingsSummary = (data) => {
return (_jsxs(SummaryText, { children: ["Name ", _jsx(Tag, { children: data.Name || 'Not specified' })] }));
};
export const NamedQuerySettingsWizardSection = (props) => {
const { data } = useOnePageAdaptableWizardContext();
const handleNameChange = (event) => {
props.onChange({
...data,
Name: event.target.value,
});
};
return (_jsx(Box, { "data-name": "named-query-settings", children: _jsx(Flex, { flexDirection: "column", className: "twa:gap-3 twa:p-3", children: _jsxs(Card, { shadow: false, children: [_jsxs(Card.Title, { children: [_jsx(Box, { className: "twa:font-medium", children: "Name" }), _jsx(Box, { className: "twa:text-xs twa:opacity-70 twa:font-normal twa:max-w-[520px]", children: "Provide a unique name for the Named Query" })] }), _jsx(Card.Body, { className: "twa:p-1", children: _jsx(Input, { "data-name": "query-name", value: data.Name ?? '', autoFocus: true, className: "twa:max-w-[300px] twa:w-full", type: "text", placeholder: "Enter name for Named Query", onChange: handleNameChange }) })] }) }) }));
};