@adaptabletools/adaptable
Version:
Powerful AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements
56 lines (55 loc) • 3.9 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useState } from 'react';
import { BaseEditorInput } from './BaseEditorInput';
import { editorButtonsSearch } from './editorButtonsSearch';
import useProperty from '../utils/useProperty';
import { CapitaliseFirstLetter, IsNotNullOrEmptyOrWhiteSpace, IsNullOrEmptyOrWhiteSpace, } from '../../Utilities/Extensions/StringExtensions';
import { editorButtonsObservable } from './editorButtonsObservable';
import { CheckBox } from '../CheckBox';
import { useExpressionEditor } from './EditorContext';
import { editorButtonsAggregatedBoolean } from './editorButtonsAggregatedBoolean';
import { Box, Flex } from '../Flex';
function EditorInputWithWhereClause(props) {
const moduleExpressionFunctions = props.api.internalApi
.getQueryLanguageService()
.getModuleExpressionFunctionsMap(props.module);
const reactiveExpressionFns = props.type === 'observable'
? moduleExpressionFunctions.observableFunctions
: moduleExpressionFunctions.aggregatedBooleanFunctions;
const whereClauseExpressionsFns = {
...moduleExpressionFunctions.booleanFunctions,
...moduleExpressionFunctions.scalarFunctions,
};
const [value, setValue] = useProperty(props, 'value', '', {
onChange: props.onChange,
});
const [reactiveValue, whereClauseValue] = value.split(' WHERE ');
const updateReactiveValue = (value) => {
let fullExpressionString = value;
if (IsNotNullOrEmptyOrWhiteSpace(value) && IsNotNullOrEmptyOrWhiteSpace(whereClauseValue)) {
fullExpressionString = `${value} WHERE ${whereClauseValue}`;
}
if (IsNullOrEmptyOrWhiteSpace(value)) {
setShowWhereClause(false);
}
setValue(fullExpressionString);
};
const updateWhereClauseValue = (value) => {
if (IsNullOrEmptyOrWhiteSpace(value)) {
setValue(reactiveValue);
}
else {
setValue(`${reactiveValue} WHERE ${value}`);
}
};
const { setSelectedFunction } = useExpressionEditor();
const [showWhereClause, setShowWhereClause] = useState(IsNotNullOrEmptyOrWhiteSpace(whereClauseValue));
const queryName = `${CapitaliseFirstLetter(props.type)}Query`;
return (_jsxs(Flex, { flexDirection: "column", alignItems: "flex-start", children: [_jsx(BaseEditorInput, { type: 'main', value: reactiveValue || '', placeholder: `Create ${queryName}`, onChange: updateReactiveValue, onSelectedFunctionChange: setSelectedFunction, expressionFunctions: reactiveExpressionFns, editorButtons: props.type === 'observable' ? editorButtonsObservable : editorButtonsAggregatedBoolean, testData: props.testData, isFullExpression: true, hideResultPreview: true, api: props.api, style: { height: '75px' } }), _jsxs(Box, { className: "twa:text-2 twa:mt-2 twa:pl-3", children: ["Add a ", _jsx("i", { children: "WHERE" }), " Clause to narrow the scope of the Query"] }), _jsx(CheckBox, { disabled: IsNullOrEmptyOrWhiteSpace(reactiveValue), checked: showWhereClause, onChange: (checked) => {
setShowWhereClause(checked);
if (!checked) {
updateWhereClauseValue(null);
}
}, className: "twa:pl-3 twa:items-center", children: "WHERE" }), showWhereClause && (_jsx(BaseEditorInput, { type: 'secondary', disabled: IsNullOrEmptyOrWhiteSpace(reactiveValue), value: whereClauseValue || '', placeholder: `Create BooleanQuery which narrows down the scope of the ${queryName}`, onChange: updateWhereClauseValue, onSelectedFunctionChange: setSelectedFunction, expressionFunctions: whereClauseExpressionsFns, editorButtons: editorButtonsSearch, testData: props.testData, isFullExpression: true, hideResultPreview: true, api: props.api, style: { height: '75px' } }))] }));
}
export default EditorInputWithWhereClause;