@adaptabletools/adaptable 17.0.0-canary.3 → 17.0.0-canary.5

package/src/components/ExpressionEditor/EditorInputWithWhereClause.js

@@ -1,14 +1,17 @@
-import * as React from 'react';
-import { useState } from 'react';
-import { BaseEditorInput } from './BaseEditorInput';
-import { Flex, Text } from 'rebass';
-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';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
+const BaseEditorInput_1 = require("./BaseEditorInput");
+const rebass_1 = require("rebass");
+const editorButtonsSearch_1 = require("./editorButtonsSearch");
+const useProperty_1 = tslib_1.__importDefault(require("../utils/useProperty"));
+const StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions");
+const editorButtonsObservable_1 = require("./editorButtonsObservable");
+const CheckBox_1 = require("../CheckBox");
+const EditorContext_1 = require("./EditorContext");
+const editorButtonsAggregatedBoolean_1 = require("./editorButtonsAggregatedBoolean");
 function EditorInputWithWhereClause(props) {
     const moduleExpressionFunctions = props.api.internalApi
         .getQueryLanguageService()
@@ -17,44 +20,44 @@ function EditorInputWithWhereClause(props) {
         ? moduleExpressionFunctions.observableFunctions
         : moduleExpressionFunctions.aggregatedBooleanFunctions;
     const whereClauseExpressionsFns = Object.assign(Object.assign({}, moduleExpressionFunctions.booleanFunctions), moduleExpressionFunctions.scalarFunctions);
-    const [value, setValue] = useProperty(props, 'value', '', {
+    const [value, setValue] = (0, useProperty_1.default)(props, 'value', '', {
         onChange: props.onChange,
     });
     const [reactiveValue, whereClauseValue] = value.split(' WHERE ');
     const updateReactiveValue = (value) => {
         let fullExpressionString = value;
-        if (IsNotNullOrEmptyOrWhiteSpace(value) && IsNotNullOrEmptyOrWhiteSpace(whereClauseValue)) {
+        if ((0, StringExtensions_1.IsNotNullOrEmptyOrWhiteSpace)(value) && (0, StringExtensions_1.IsNotNullOrEmptyOrWhiteSpace)(whereClauseValue)) {
             fullExpressionString = `${value} WHERE ${whereClauseValue}`;
         }
-        if (IsNullOrEmptyOrWhiteSpace(value)) {
+        if ((0, StringExtensions_1.IsNullOrEmptyOrWhiteSpace)(value)) {
             setShowWhereClause(false);
         }
         setValue(fullExpressionString);
     };
     const updateWhereClauseValue = (value) => {
-        if (IsNullOrEmptyOrWhiteSpace(value)) {
+        if ((0, StringExtensions_1.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 (React.createElement(Flex, { flexDirection: "column", alignItems: "start" },
-        React.createElement(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' } }),
-        React.createElement(Text, { fontSize: 2, marginTop: 2, pl: 3 },
+    const { setSelectedFunction } = (0, EditorContext_1.useExpressionEditor)();
+    const [showWhereClause, setShowWhereClause] = (0, react_1.useState)((0, StringExtensions_1.IsNotNullOrEmptyOrWhiteSpace)(whereClauseValue));
+    const queryName = `${(0, StringExtensions_1.CapitaliseFirstLetter)(props.type)}Query`;
+    return (React.createElement(rebass_1.Flex, { flexDirection: "column", alignItems: "start" },
+        React.createElement(BaseEditorInput_1.BaseEditorInput, { type: 'main', value: reactiveValue || '', placeholder: `Create ${queryName}`, onChange: updateReactiveValue, onSelectedFunctionChange: setSelectedFunction, expressionFunctions: reactiveExpressionFns, editorButtons: props.type === 'observable' ? editorButtonsObservable_1.editorButtonsObservable : editorButtonsAggregatedBoolean_1.editorButtonsAggregatedBoolean, testData: props.testData, isFullExpression: true, hideResultPreview: true, api: props.api, style: { height: '75px' } }),
+        React.createElement(rebass_1.Text, { fontSize: 2, marginTop: 2, pl: 3 },
             "Add a ",
             React.createElement("i", null, "WHERE"),
             " Clause to narrow the scope of the Query"),
-        React.createElement(CheckBox, { disabled: IsNullOrEmptyOrWhiteSpace(reactiveValue), checked: showWhereClause, style: { alignItems: 'center' }, onChange: (checked) => {
+        React.createElement(CheckBox_1.CheckBox, { disabled: (0, StringExtensions_1.IsNullOrEmptyOrWhiteSpace)(reactiveValue), checked: showWhereClause, style: { alignItems: 'center' }, onChange: (checked) => {
                 setShowWhereClause(checked);
                 if (!checked) {
                     // reset whereClause value if textarea is hidden
                     updateWhereClauseValue(null);
                 }
             }, pl: 3 }, "WHERE"),
-        showWhereClause && (React.createElement(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' } }))));
+        showWhereClause && (React.createElement(BaseEditorInput_1.BaseEditorInput, { type: 'secondary', disabled: (0, StringExtensions_1.IsNullOrEmptyOrWhiteSpace)(reactiveValue), value: whereClauseValue || '', placeholder: `Create BooleanQuery which narrows down the scope of the ${queryName}`, onChange: updateWhereClauseValue, onSelectedFunctionChange: setSelectedFunction, expressionFunctions: whereClauseExpressionsFns, editorButtons: editorButtonsSearch_1.editorButtonsSearch, testData: props.testData, isFullExpression: true, hideResultPreview: true, api: props.api, style: { height: '75px' } }))));
 }
-export default EditorInputWithWhereClause;
+exports.default = EditorInputWithWhereClause;

package/src/components/ExpressionEditor/ExpressionFunctionDocumentation.js

@@ -1,21 +1,26 @@
-import { Box } from 'rebass';
-import * as React from 'react';
-import { Tag } from '../Tag';
-export const ExpressionFunctionDocumentation = (props) => {
-    return props.expressionFunction ? (React.createElement(Box, { "data-name": "expression-editor-documentation", my: 2, p: 2, style: {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpressionFunctionDocumentation = void 0;
+const tslib_1 = require("tslib");
+const rebass_1 = require("rebass");
+const React = tslib_1.__importStar(require("react"));
+const Tag_1 = require("../Tag");
+const ExpressionFunctionDocumentation = (props) => {
+    return props.expressionFunction ? (React.createElement(rebass_1.Box, { "data-name": "expression-editor-documentation", my: 2, p: 2, style: {
             background: 'var(--ab-color-primary)',
             borderRadius: 'var(--ab__border-radius)',
         } },
-        props.expressionFunction.description && (React.createElement(Box, { mb: 3, style: { fontWeight: 'bold', whiteSpace: 'pre-wrap' }, "data-name": "expression-editor-documentation-description" }, props.expressionFunction.description)),
-        props.expressionFunction.signatures && (React.createElement(Box, { "data-name": "expression-editor-documentation-signatures" },
+        props.expressionFunction.description && (React.createElement(rebass_1.Box, { mb: 3, style: { fontWeight: 'bold', whiteSpace: 'pre-wrap' }, "data-name": "expression-editor-documentation-description" }, props.expressionFunction.description)),
+        props.expressionFunction.signatures && (React.createElement(rebass_1.Box, { "data-name": "expression-editor-documentation-signatures" },
             React.createElement("b", null, "Signatures"),
             React.createElement("ul", null, props.expressionFunction.signatures.map((signature, index) => (React.createElement("li", { key: index },
                 React.createElement("pre", { style: { whiteSpace: 'pre-wrap', margin: 0 } }, signature))))))),
-        props.expressionFunction.examples && (React.createElement(Box, { "data-name": "expression-editor-documentation-examples" },
+        props.expressionFunction.examples && (React.createElement(rebass_1.Box, { "data-name": "expression-editor-documentation-examples" },
             React.createElement("b", null, "Examples"),
             React.createElement("ul", null, props.expressionFunction.examples.map((example, index) => (React.createElement("li", { key: index },
                 React.createElement("pre", { style: { whiteSpace: 'pre-wrap', margin: 0 } }, example))))))),
-        props.expressionFunction.returnType && (React.createElement(Box, { "data-name": "expression-editor-documentation-examples" },
+        props.expressionFunction.returnType && (React.createElement(rebass_1.Box, { "data-name": "expression-editor-documentation-examples" },
             React.createElement("b", null, "Return Type"),
-            React.createElement(Tag, null, props.expressionFunction.returnType))))) : null;
+            React.createElement(Tag_1.Tag, null, props.expressionFunction.returnType))))) : null;
 };
+exports.ExpressionFunctionDocumentation = ExpressionFunctionDocumentation;

package/src/components/ExpressionEditor/NamedQueryContext.js

@@ -1,9 +1,13 @@
-import { createContext, useContext } from 'react';
-export const NamedQueryContext = createContext({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNamedQueryContext = exports.NamedQueryContext = void 0;
+const react_1 = require("react");
+exports.NamedQueryContext = (0, react_1.createContext)({
     namedQuery: false,
     setNamedQuery: () => { },
     //  hasValidNamedQueryName: () => false,
 });
-export const useNamedQueryContext = () => {
-    return useContext(NamedQueryContext);
+const useNamedQueryContext = () => {
+    return (0, react_1.useContext)(exports.NamedQueryContext);
 };
+exports.useNamedQueryContext = useNamedQueryContext;

package/src/components/ExpressionEditor/QueryBuilder/QueryBuilder.js

@@ -1,43 +1,48 @@
-import * as React from 'react';
-import { DragDropContext } from 'react-beautiful-dnd';
-import { Box, Flex } from 'rebass';
-import { mapExpressionToQlPredicate, } from '../../../parser/src/predicate';
-import { mapQlPredicateToExpression } from '../../../parser/src/predicate/mapQlPredicateToExpression';
-import { useAdaptable } from '../../../View/AdaptableContext';
-import ErrorBox from '../../ErrorBox';
-import HelpBlock from '../../HelpBlock';
-import Panel from '../../Panel';
-import SimpleButton from '../../SimpleButton';
-import { WarningBox } from '../../WarningBox';
-import { QueryPredicateBuilder } from './QueryPredicateBuilder';
-import { getFunctionsForColumnType, getUnsuportedExpressionFromQlPredicate, reorder, } from './utils';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QueryBuilder = exports.useQueryBuilderContext = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_beautiful_dnd_1 = require("react-beautiful-dnd");
+const rebass_1 = require("rebass");
+const predicate_1 = require("../../../parser/src/predicate");
+const mapQlPredicateToExpression_1 = require("../../../parser/src/predicate/mapQlPredicateToExpression");
+const AdaptableContext_1 = require("../../../View/AdaptableContext");
+const ErrorBox_1 = tslib_1.__importDefault(require("../../ErrorBox"));
+const HelpBlock_1 = tslib_1.__importDefault(require("../../HelpBlock"));
+const Panel_1 = tslib_1.__importDefault(require("../../Panel"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../SimpleButton"));
+const WarningBox_1 = require("../../WarningBox");
+const QueryPredicateBuilder_1 = require("./QueryPredicateBuilder");
+const utils_1 = require("./utils");
 const QUERY_BUILDER_CLASSNAME = 'ab-QueryBuilder';
 const QueryBuilderContext = React.createContext(null);
-export function useQueryBuilderContext() {
+function useQueryBuilderContext() {
     const context = React.useContext(QueryBuilderContext);
     if (!context) {
         throw new Error('useQueryBuilderContext must be used within a QueryBuilderContext');
     }
     return context;
 }
-export const QueryBuilder = (props) => {
+exports.useQueryBuilderContext = useQueryBuilderContext;
+const QueryBuilder = (props) => {
     var _a, _b;
-    const adaptable = useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const [qlPredicate, setQlPredicate] = React.useState(() => {
-        const qlPredicate = mapExpressionToQlPredicate(props.query);
+        const qlPredicate = (0, predicate_1.mapExpressionToQlPredicate)(props.query);
         return qlPredicate;
     });
     const [expressionStr, setExpressionStr] = React.useState(props.query);
     const handleQlPredicateChange = (qlPredicate) => {
         setQlPredicate(qlPredicate);
         if (qlPredicate && !('errorMessage' in qlPredicate)) {
-            const newQuery = mapQlPredicateToExpression(qlPredicate);
+            const newQuery = (0, mapQlPredicateToExpression_1.mapQlPredicateToExpression)(qlPredicate);
             props.onChange(newQuery);
             setExpressionStr(newQuery);
         }
     };
     const clearExpression = () => {
-        const predicate = mapExpressionToQlPredicate('');
+        const predicate = (0, predicate_1.mapExpressionToQlPredicate)('');
         setQlPredicate(predicate);
         setExpressionStr('');
         props.onChange('');
@@ -57,33 +62,33 @@ export const QueryBuilder = (props) => {
             getFields: props.getColumns,
             getExpressions: (columnType) => {
                 return booleanExpressions
-                    ? getFunctionsForColumnType(columnType, Object.keys(booleanExpressions))
+                    ? (0, utils_1.getFunctionsForColumnType)(columnType, Object.keys(booleanExpressions))
                     : [];
             },
             onQlPredicateChange: handleQlPredicateChange,
         };
     }, []);
-    const clearExpressionButton = (React.createElement(SimpleButton, { onClick: () => {
+    const clearExpressionButton = (React.createElement(SimpleButton_1.default, { onClick: () => {
             clearExpression();
         } }, "Clear Expression"));
-    const unsupportedExpressionFunction = getUnsuportedExpressionFromQlPredicate(qlPredicate);
+    const unsupportedExpressionFunction = (0, utils_1.getUnsuportedExpressionFromQlPredicate)(qlPredicate);
     let errorOrEditor = null;
     if (qlPredicate && 'errorMessage' in qlPredicate) {
-        errorOrEditor = ((_b = (_a = props.query) === null || _a === void 0 ? void 0 : _a.includes) === null || _b === void 0 ? void 0 : _b.call(_a, 'QUERY')) ? (React.createElement(WarningBox, null,
-            React.createElement(Flex, { alignItems: "center" },
+        errorOrEditor = ((_b = (_a = props.query) === null || _a === void 0 ? void 0 : _a.includes) === null || _b === void 0 ? void 0 : _b.call(_a, 'QUERY')) ? (React.createElement(WarningBox_1.WarningBox, null,
+            React.createElement(rebass_1.Flex, { alignItems: "center" },
                 "Named Queries are not supported in the Query Builder",
-                React.createElement(Box, { flex: 1 }),
-                clearExpressionButton))) : (React.createElement(ErrorBox, null,
-            React.createElement(Flex, null,
+                React.createElement(rebass_1.Box, { flex: 1 }),
+                clearExpressionButton))) : (React.createElement(ErrorBox_1.default, null,
+            React.createElement(rebass_1.Flex, null,
                 qlPredicate.errorMessage,
-                React.createElement(Box, { flex: 1 }),
+                React.createElement(rebass_1.Box, { flex: 1 }),
                 clearExpressionButton)));
     }
     else if (unsupportedExpressionFunction) {
-        errorOrEditor = React.createElement(WarningBox, null, unsupportedExpressionFunction);
+        errorOrEditor = React.createElement(WarningBox_1.WarningBox, null, unsupportedExpressionFunction);
     }
     else if (qlPredicate && !('errorMessage' in qlPredicate)) {
-        errorOrEditor = (React.createElement(QueryPredicateBuilder, { isRoot: true, index: 0, id: "0", predicate: qlPredicate, onNewPredicate: (type) => {
+        errorOrEditor = (React.createElement(QueryPredicateBuilder_1.QueryPredicateBuilder, { isRoot: true, index: 0, id: "0", predicate: qlPredicate, onNewPredicate: (type) => {
                 // add to its children
                 const newPredicate = {
                     operator: type === 'filter' ? undefined : 'AND',
@@ -94,19 +99,20 @@ export const QueryBuilder = (props) => {
                 handleQlPredicateChange(predicate);
             } }));
     }
-    return (React.createElement(DragDropContext, { onDragEnd: (result) => {
+    return (React.createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: (result) => {
             if (!result.destination) {
                 return;
             }
             const toPath = `${result.destination.droppableId}/${result.destination.index}`;
             const fromPath = result.draggableId;
-            const predicate = reorder(qlPredicate, fromPath, toPath);
+            const predicate = (0, utils_1.reorder)(qlPredicate, fromPath, toPath);
             handleQlPredicateChange(predicate);
         } },
         React.createElement(QueryBuilderContext.Provider, { value: context },
-            React.createElement(Box, { className: QUERY_BUILDER_CLASSNAME },
-                React.createElement(HelpBlock, { mt: 2, mb: 2, p: 2, fontSize: 3 }, "Build the Grid Filter by adding Column Conditions and AND / OR Groups as required"),
+            React.createElement(rebass_1.Box, { className: QUERY_BUILDER_CLASSNAME },
+                React.createElement(HelpBlock_1.default, { mt: 2, mb: 2, p: 2, fontSize: 3 }, "Build the Grid Filter by adding Column Conditions and AND / OR Groups as required"),
                 errorOrEditor,
-                React.createElement(Panel, { variant: "default", header: "AdapTableQL Expression", mt: 3 },
-                    React.createElement(Box, { className: `${QUERY_BUILDER_CLASSNAME}__expression`, minHeight: 48, my: 2, p: 3 }, expressionStr || 'Outputted Expression will display here'))))));
+                React.createElement(Panel_1.default, { variant: "default", header: "AdapTableQL Expression", mt: 3 },
+                    React.createElement(rebass_1.Box, { className: `${QUERY_BUILDER_CLASSNAME}__expression`, minHeight: 48, my: 2, p: 3 }, expressionStr || 'Outputted Expression will display here'))))));
 };
+exports.QueryBuilder = QueryBuilder;

package/src/components/ExpressionEditor/QueryBuilder/QueryBuilderInputs.js

@@ -1,24 +1,29 @@
-import React from 'react';
-import { Box, Flex } from 'rebass';
-import { getQlPredicateSymbol } from '../../../parser/src/predicate/mapQlPredicateToExpression';
-import AdaptableInput from '../../../View/Components/AdaptableInput';
-import { ColumnSelector } from '../../../View/Components/Selectors/ColumnSelector';
-import { PermittedValuesSelector } from '../../../View/Components/Selectors/PermittedValuesSelector';
-import { CheckBox } from '../../CheckBox';
-import DropdownButton from '../../DropdownButton';
-import { Icon } from '../../icons';
-import { Select } from '../../Select';
-import { useQueryBuilderContext } from './QueryBuilder';
-import { mapExpressionFunctionTypeToColumnDataType } from './utils';
-export const PrimitiveColumnSelector = (props) => {
-    return (React.createElement(Box, null,
-        React.createElement(ColumnSelector, { value: props.columnId, type: props.type, onChange: (columnId) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CombinatorSelector = exports.ExpressionSelector = exports.PrimiteValueInput = exports.PrimitiveColumnSelector = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const rebass_1 = require("rebass");
+const mapQlPredicateToExpression_1 = require("../../../parser/src/predicate/mapQlPredicateToExpression");
+const AdaptableInput_1 = tslib_1.__importDefault(require("../../../View/Components/AdaptableInput"));
+const ColumnSelector_1 = require("../../../View/Components/Selectors/ColumnSelector");
+const PermittedValuesSelector_1 = require("../../../View/Components/Selectors/PermittedValuesSelector");
+const CheckBox_1 = require("../../CheckBox");
+const DropdownButton_1 = tslib_1.__importDefault(require("../../DropdownButton"));
+const icons_1 = require("../../icons");
+const Select_1 = require("../../Select");
+const QueryBuilder_1 = require("./QueryBuilder");
+const utils_1 = require("./utils");
+const PrimitiveColumnSelector = (props) => {
+    return (react_1.default.createElement(rebass_1.Box, null,
+        react_1.default.createElement(ColumnSelector_1.ColumnSelector, { value: props.columnId, type: props.type, onChange: (columnId) => {
                 props.onChange(`[${columnId}]`);
             } })));
 };
-export const PrimiteValueInput = (props) => {
+exports.PrimitiveColumnSelector = PrimitiveColumnSelector;
+const PrimiteValueInput = (props) => {
     var _a, _b;
-    const [type, setType] = React.useState(() => {
+    const [type, setType] = react_1.default.useState(() => {
         var _a;
         return typeof (props === null || props === void 0 ? void 0 : props.value) === 'string' && ((_a = props === null || props === void 0 ? void 0 : props.value) === null || _a === void 0 ? void 0 : _a.includes('['))
             ? 'column-name'
@@ -38,9 +43,9 @@ export const PrimiteValueInput = (props) => {
         };
         switch (props.inputType) {
             case 'boolean':
-                return (React.createElement(CheckBox, Object.assign({}, common, { checked: props.value, onChange: () => props.onChange(!props.value) })));
+                return (react_1.default.createElement(CheckBox_1.CheckBox, Object.assign({}, common, { checked: props.value, onChange: () => props.onChange(!props.value) })));
             case 'number':
-                return (React.createElement(AdaptableInput, Object.assign({}, common, { type: "number", value: (_a = props.value) !== null && _a !== void 0 ? _a : '', onChange: (event) => {
+                return (react_1.default.createElement(AdaptableInput_1.default, Object.assign({}, common, { type: "number", value: (_a = props.value) !== null && _a !== void 0 ? _a : '', onChange: (event) => {
                         const value = event.target.value;
                         if (value === '') {
                             props.onChange(undefined);
@@ -50,28 +55,28 @@ export const PrimiteValueInput = (props) => {
                         }
                     } })));
             case 'text':
-                return (React.createElement(AdaptableInput, Object.assign({}, common, { type: "text", value: (_b = props.value) !== null && _b !== void 0 ? _b : '', onChange: (event) => {
+                return (react_1.default.createElement(AdaptableInput_1.default, Object.assign({}, common, { type: "text", value: (_b = props.value) !== null && _b !== void 0 ? _b : '', onChange: (event) => {
                         props.onChange(event.target.value);
                     } })));
             case 'date':
                 // date format = 'DATE(2020-01-01)'
                 const dateStr = typeof props.value === 'string' ? props.value.replace('DATE(', '').replace(')', '') : '';
-                return (React.createElement(AdaptableInput, Object.assign({}, common, { type: "date", value: dateStr !== null && dateStr !== void 0 ? dateStr : '', onChange: (event) => {
+                return (react_1.default.createElement(AdaptableInput_1.default, Object.assign({}, common, { type: "date", value: dateStr !== null && dateStr !== void 0 ? dateStr : '', onChange: (event) => {
                         const stringified = `DATE("${event.target.value}")`;
                         props.onChange(stringified);
                     } })));
             default:
-                return React.createElement(React.Fragment, null);
+                return react_1.default.createElement(react_1.default.Fragment, null);
         }
     };
     let editor = null;
     if (type === 'column-name') {
         const columnId = props.value ? (_b = (_a = props === null || props === void 0 ? void 0 : props.value) === null || _a === void 0 ? void 0 : _a.replace) === null || _b === void 0 ? void 0 : _b.call(_a, '[', '').replace(']', '') : undefined;
-        const abColType = mapExpressionFunctionTypeToColumnDataType(props.inputType);
-        editor = (React.createElement(PrimitiveColumnSelector, { columnId: columnId, onChange: (col) => props.onChange(col), type: abColType }));
+        const abColType = (0, utils_1.mapExpressionFunctionTypeToColumnDataType)(props.inputType);
+        editor = (react_1.default.createElement(exports.PrimitiveColumnSelector, { columnId: columnId, onChange: (col) => props.onChange(col), type: abColType }));
     }
     else if (!['date', 'boolean'].includes(props.inputType)) {
-        editor = (React.createElement(PermittedValuesSelector, { allowNewValues: true, value: props.value, columnId: props.lefthandColumnIdParam, onChange: (value) => {
+        editor = (react_1.default.createElement(PermittedValuesSelector_1.PermittedValuesSelector, { allowNewValues: true, value: props.value, columnId: props.lefthandColumnIdParam, onChange: (value) => {
                 props.onChange(value);
             } }));
     }
@@ -91,29 +96,32 @@ export const PrimiteValueInput = (props) => {
         },
     ];
     const typeOption = options.find((option) => option.value === type);
-    return (React.createElement(Flex, { "data-id": "query-input-wrapper", mr: 2 },
-        React.createElement(Flex, null,
-            React.createElement(Select, { rederSingleValue: (value) => {
-                    return (React.createElement(React.Fragment, null, typeOption.value === 'column-name' ? React.createElement(Icon, { name: "grid" }) : React.createElement(Icon, { name: "edit" })));
+    return (react_1.default.createElement(rebass_1.Flex, { "data-id": "query-input-wrapper", mr: 2 },
+        react_1.default.createElement(rebass_1.Flex, null,
+            react_1.default.createElement(Select_1.Select, { rederSingleValue: (value) => {
+                    return (react_1.default.createElement(react_1.default.Fragment, null, typeOption.value === 'column-name' ? react_1.default.createElement(icons_1.Icon, { name: "grid" }) : react_1.default.createElement(icons_1.Icon, { name: "edit" })));
                 }, variant: "raised", value: typeOption.value, options: options, onChange: (value) => handleTypeChange(value) })),
         editor));
 };
-export const ExpressionSelector = (props) => {
+exports.PrimiteValueInput = PrimiteValueInput;
+const ExpressionSelector = (props) => {
     var _a;
-    const { getExpressions } = useQueryBuilderContext();
+    const { getExpressions } = (0, QueryBuilder_1.useQueryBuilderContext)();
     const expressions = props.dataType ? getExpressions(props.dataType) : [];
-    return (React.createElement(DropdownButton, { "data-id": "expression-selector", "data-value": props.value, variant: "raised", columns: ['label'], items: expressions.map((expression) => ({
-            label: getQlPredicateSymbol(expression),
+    return (react_1.default.createElement(DropdownButton_1.default, { "data-id": "expression-selector", "data-value": props.value, variant: "raised", columns: ['label'], items: expressions.map((expression) => ({
+            label: (0, mapQlPredicateToExpression_1.getQlPredicateSymbol)(expression),
             onClick: () => {
                 if (expression !== props.value) {
                     props.onExpressionChange(expression);
                 }
             },
-        })) }, (_a = getQlPredicateSymbol(props.value)) !== null && _a !== void 0 ? _a : 'Select Operator'));
+        })) }, (_a = (0, mapQlPredicateToExpression_1.getQlPredicateSymbol)(props.value)) !== null && _a !== void 0 ? _a : 'Select Operator'));
 };
-export const CombinatorSelector = (props) => {
-    return (React.createElement(DropdownButton, { "data-id": "combinator-selector", "data-value": props.value, columns: ['label'], variant: "raised", tone: "accent", items: [
+exports.ExpressionSelector = ExpressionSelector;
+const CombinatorSelector = (props) => {
+    return (react_1.default.createElement(DropdownButton_1.default, { "data-id": "combinator-selector", "data-value": props.value, columns: ['label'], variant: "raised", tone: "accent", items: [
             { label: 'AND', onClick: () => props.onChange('AND') },
             { label: 'OR', onClick: () => props.onChange('OR') },
         ] }, props.value));
 };
+exports.CombinatorSelector = CombinatorSelector;