@adaptabletools/adaptable 16.2.4 → 17.0.0-canary.0

package/src/Api/Events/FilterApplied.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/Api/FilterApi.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/Api/Implementation/QueryApiImpl.d.ts

@@ -1,21 +0,0 @@
-import { QueryApi } from '../QueryApi';
-import { NamedQuery, QueryState } from '../../PredefinedConfig/QueryState';
-import { ApiBase } from './ApiBase';
-import { IAdaptable } from '../../AdaptableInterfaces/IAdaptable';
-import { QueryInternalApi } from '../Internal/QueryInternalApi';
-export declare class QueryApiImpl extends ApiBase implements QueryApi {
-    internalApi: QueryInternalApi;
-    constructor(adaptable: IAdaptable);
-    getQueryState(): QueryState;
-    getNamedQueries(): NamedQuery[];
-    getNamedQueryByName(namedQueryName: string): NamedQuery | undefined;
-    isValidNamedQueryName(namedQuery: NamedQuery): {
-        valid: boolean;
-        message: string;
-    };
-    openQuerySettingsPanel(): void;
-    setCurrentQuery(query: string): void;
-    clearCurrentQuery(): void;
-    getCurrentQuery(): string | undefined;
-    expandCurrentQuery(query?: string): void;
-}

package/src/Api/Implementation/QueryApiImpl.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QueryApiImpl = void 0;
-const tslib_1 = require("tslib");
-const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
-const ApiBase_1 = require("./ApiBase");
-const StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions");
-const QueryRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/QueryRedux"));
-const windowFactory_1 = require("../../View/Components/Popups/WindowPopups/windowFactory");
-const QueryInternalApi_1 = require("../Internal/QueryInternalApi");
-class QueryApiImpl extends ApiBase_1.ApiBase {
-    constructor(adaptable) {
-        super(adaptable);
-        this.internalApi = new QueryInternalApi_1.QueryInternalApi(adaptable);
-    }
-    getQueryState() {
-        return this.getAdaptableState().Query;
-    }
-    getNamedQueries() {
-        return this.getQueryState().NamedQueries || [];
-    }
-    getNamedQueryByName(namedQueryName) {
-        return this.getNamedQueries().find((se) => se.Name == namedQueryName);
-    }
-    isValidNamedQueryName(namedQuery) {
-        if ((0, StringExtensions_1.IsNullOrEmptyOrWhiteSpace)(namedQuery === null || namedQuery === void 0 ? void 0 : namedQuery.Name)) {
-            return { valid: false, message: 'Query name cannot be blank' };
-        }
-        // check that there is no other existing named query with the same name
-        const duplicate = this.getNamedQueries().find((q) => q.Name === namedQuery.Name && q.Uuid !== namedQuery.Uuid);
-        if (duplicate) {
-            return {
-                valid: false,
-                message: 'A Named Query already exists with that name',
-            };
-        }
-        return { valid: true, message: '' };
-    }
-    openQuerySettingsPanel() {
-        this.showModulePopup(ModuleConstants.QueryModuleId);
-    }
-    setCurrentQuery(query) {
-        this.dispatchAction(QueryRedux.QueryRun(query));
-    }
-    clearCurrentQuery() {
-        this.dispatchAction(QueryRedux.QueryRun(''));
-    }
-    getCurrentQuery() {
-        return this.getQueryState().CurrentQuery;
-    }
-    expandCurrentQuery(query) {
-        const preparedQuery = query !== null && query !== void 0 ? query : this.getCurrentQuery();
-        this.getAdaptableApi().internalApi.showPopupWindow({
-            id: windowFactory_1.WINDOW_QUERY_EDITOR,
-            title: 'Current Query',
-            icon: 'query',
-            factoryId: windowFactory_1.WINDOW_QUERY_EDITOR,
-            popupProps: {
-                value: preparedQuery,
-            },
-        });
-    }
-}
-exports.QueryApiImpl = QueryApiImpl;

package/src/Api/QueryApi.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/Strategy/FilterModule.js

@@ -1,151 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterModule = void 0;
-const tslib_1 = require("tslib");
-const AdaptableModuleBase_1 = require("./AdaptableModuleBase");
-const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
-const ArrayExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/ArrayExtensions"));
-const LayoutRedux = tslib_1.__importStar(require("../Redux/ActionsReducers/LayoutRedux"));
-const SystemRedux = tslib_1.__importStar(require("../Redux/ActionsReducers/SystemRedux"));
-const FilterStatusBarSubPanelPopover_1 = require("../View/Filter/FilterStatusBarSubPanelPopover");
-const getLayoutFilterViewItems_1 = require("./Utilities/Layout/getLayoutFilterViewItems");
-class FilterModule extends AdaptableModuleBase_1.AdaptableModuleBase {
-    constructor(api) {
-        super(ModuleConstants.FilterModuleId, ModuleConstants.FilterFriendlyName, 'filter-list', 'FilterPopup', 'Advanced filtering capability allows users to see precisely the data they want', api);
-    }
-    getModuleAdaptableObjects() {
-        return this.api.filterApi.getColumnFilters();
-    }
-    getExplicitlyReferencedColumnIds(columnFilter) {
-        return [columnFilter.ColumnId];
-    }
-    hasNamedQueryReferences() {
-        return false;
-    }
-    handleAdaptableReady() {
-        if (this.api.optionsApi.getFilterOptions().showQuickFilter == false) {
-            this.api.filterApi.hideQuickFilterBar();
-        }
-        const columnFilters = this.api.filterApi.getColumnFilters();
-        columnFilters.forEach((cf) => {
-            if (!this.api.columnApi.isColumnInGrid(cf.ColumnId)) {
-                this.api.logError('Column Filter contains missing column: ' + cf.ColumnId);
-            }
-        });
-    }
-    addContextMenuItems(menuContext) {
-        let menuItemClickFunction = undefined;
-        if (!menuContext.isRowGroupColumn && this.isModuleAvailable()) {
-            if (menuContext.adaptableColumn &&
-                menuContext.adaptableColumn.filterable &&
-                menuContext.isSingleSelectedColumn &&
-                menuContext.gridCell != null) {
-                let isMultiple = menuContext.selectedCellInfo.gridCells.length > 1;
-                let clickFunction = isMultiple
-                    ? () => {
-                        this.api.filterApi.internalApi.createValuesColumnFilterForCells(menuContext.selectedCellInfo.gridCells);
-                    }
-                    : () => {
-                        this.api.filterApi.internalApi.createEqualityColumnFilterForCell(menuContext.selectedCellInfo.gridCells[0]);
-                    };
-                menuItemClickFunction = this.createColumnMenuItemClickFunction(isMultiple ? 'Filter on Cell Values' : 'Filter on Cell Value', this.moduleInfo.Glyph, clickFunction);
-            }
-        }
-        return [menuItemClickFunction];
-    }
-    addColumnMenuItems(column) {
-        let baseMenuItems = [];
-        if (column && this.api.gridApi.isQuickFilterAvailable()) {
-            const isFilterVisible = this.api.filterApi.isQuickFilterVisible();
-            if (this.isModuleEditable() &&
-                this.api.columnApi.internalApi.usesAdaptableQuickFilter(column.columnId)) {
-                baseMenuItems.push(this.createColumnMenuItemReduxAction(isFilterVisible ? 'Hide Filter Bar' : 'Show Filter Bar', isFilterVisible ? 'unchecked' : 'check', isFilterVisible
-                    ? SystemRedux.SystemQuickFilterBarHide()
-                    : SystemRedux.SystemQuickFilterBarShow()));
-            }
-        }
-        if (column && this.canCreateColumnMenuItem(column, 'ReadOnly', 'filter')) {
-            let existingColumnFilter = this.api.filterApi
-                .getColumnFilters()
-                .find((x) => x.ColumnId == column.columnId);
-            if (existingColumnFilter) {
-                baseMenuItems.push(this.createColumnMenuItemReduxAction('Clear Filter', this.moduleInfo.Glyph, LayoutRedux.LayoutColumnFilterClear(existingColumnFilter)));
-            }
-        }
-        if (ArrayExtensions_1.default.IsNotNullOrEmpty(baseMenuItems)) {
-            return baseMenuItems;
-        }
-    }
-    getTeamSharingAction() {
-        return {
-            ModuleEntities: this.api.filterApi.getColumnFilters(),
-            AddAction: LayoutRedux.LayoutColumnFilterAdd,
-            EditAction: LayoutRedux.LayoutColumnFilterEdit, //TODO need to change this to ColumnFilterSet
-        };
-    }
-    toViewCompact(filter) {
-        return {
-            item: {
-                values: [this.api.filterApi.internalApi.columnFilterToString(filter)],
-            },
-            abObject: filter,
-        };
-    }
-    toView(filter) {
-        return {
-            items: [
-                {
-                    name: 'Column',
-                    values: [this.api.columnApi.getFriendlyNameForColumnId(filter.ColumnId)],
-                },
-                {
-                    name: 'Filter',
-                    values: [(0, getLayoutFilterViewItems_1.getFilterPreview)(filter, this.api)],
-                },
-            ],
-            abObject: filter,
-        };
-    }
-    toViewAll() {
-        return this.getModuleAdaptableObjects().map((filter) => this.toView(filter));
-    }
-    getViewProperties() {
-        const api = this.api;
-        return {
-            getSuspendAction: (columnFilter) => LayoutRedux.LayoutColumnFilterSuspend(columnFilter),
-            getUnSuspendAction: (columnFilter) => LayoutRedux.LayoutColumnFilterUnSuspend(columnFilter),
-            getCompactSuspendAction: (columnFilter) => LayoutRedux.LayoutColumnFilterSuspend(columnFilter),
-            getCompactUnSuspendAction: (columnFilter) => LayoutRedux.LayoutColumnFilterUnSuspend(columnFilter),
-            getSuspendAllAction: () => LayoutRedux.LayoutColumnFilterSuspendAll(),
-            getUnSuspendAllAction: () => LayoutRedux.LayoutColumnFilterUnSuspendAll(),
-            getDeleteAction: LayoutRedux.LayoutColumnFilterClear,
-            getCompactDeleteAction: LayoutRedux.LayoutColumnFilterClear,
-            getDeleteAllAction: LayoutRedux.LayoutColumnFilterClearAll,
-            emptyView: `
-        There are currently no Column Filters applied. \n
-
-        Create Column Filters by using the Filter Bar, the Filter Form (in the Column Header Menu) or by editing a Layout.
-      `,
-            getStatusBarPanelProps() {
-                let text;
-                const filters = api.filterApi.getColumnFilters();
-                if (filters.length === 0) {
-                    text = '0 Filters';
-                }
-                else if (filters.length === 1) {
-                    text = '1 Filter';
-                }
-                else {
-                    text = filters.length + ' Filters';
-                }
-                const popover = filters.length ? FilterStatusBarSubPanelPopover_1.FilterStatusBarSubPanelPopover : null;
-                return {
-                    content: text,
-                    popover,
-                    popoverMinWidth: 320,
-                };
-            },
-        };
-    }
-}
-exports.FilterModule = FilterModule;

package/src/Strategy/QueryModule.js

@@ -1,74 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QueryModule = void 0;
-const tslib_1 = require("tslib");
-const AdaptableModuleBase_1 = require("./AdaptableModuleBase");
-const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
-const QueryRedux = tslib_1.__importStar(require("../Redux/ActionsReducers/QueryRedux"));
-const NamedQueryWizard_1 = require("../View/Query/Wizard/NamedQueryWizard");
-const EditCurrentQueryButton_1 = require("../View/Query/EditCurrentQueryButton");
-const getObjectTagsViewItems_1 = require("./Utilities/getObjectTagsViewItems");
-class QueryModule extends AdaptableModuleBase_1.AdaptableModuleBase {
-    constructor(api) {
-        super(ModuleConstants.QueryModuleId, ModuleConstants.QueryFriendlyName, 'search', 'QueryPopup', 'Run real-time text-based queries using a wealth of powerful functions and operators', api);
-    }
-    getModuleAdaptableObjects() {
-        return this.api.queryApi.getNamedQueries();
-    }
-    getTeamSharingAction() {
-        return {
-            ModuleEntities: this.api.queryApi.getNamedQueries(),
-            AddAction: QueryRedux.NamedQueryAdd,
-            EditAction: QueryRedux.NamedQueryEdit,
-        };
-    }
-    getExplicitlyReferencedColumnIds(namedQuery) {
-        return this.api.expressionApi.getColumnsFromExpression(namedQuery.BooleanExpression);
-    }
-    getReferencedNamedQueryNames(namedQuery) {
-        return this.api.queryApi.internalApi.getReferencedNamedQueryNames(namedQuery.BooleanExpression);
-    }
-    toView(query) {
-        return {
-            abObject: query,
-            items: [
-                {
-                    name: 'Query Name',
-                    values: [query.Name],
-                },
-                {
-                    name: 'Expression',
-                    values: [this.api.internalApi.getAdaptableQueryExpressionText(query)],
-                },
-                (0, getObjectTagsViewItems_1.getObjectTagsViewItems)(query, this.api),
-            ],
-        };
-    }
-    toViewAll() {
-        return this.getModuleAdaptableObjects().map((query) => this.toView(query));
-    }
-    getViewProperties() {
-        return {
-            getDeleteAction: QueryRedux.NamedQueryDelete,
-            newTooltipText: 'Create New Named Query',
-            emptyView: "Click 'New' to create a Named Query that can be referenced in other Expressions",
-            getEditWizard: () => NamedQueryWizard_1.NamedQueryWizard,
-            getStatusBarPanelProps: () => {
-                const queryMaxLength = 15;
-                const query = this.api.queryApi.getCurrentQuery();
-                let text = query;
-                let popover = null;
-                if (query.length > queryMaxLength) {
-                    text = query.substring(0, queryMaxLength - 3) + '...';
-                    popover = query;
-                }
-                return {
-                    content: text || 'No Query',
-                    extraActions: [EditCurrentQueryButton_1.EditCurrentQueryButton],
-                    popover,
-                };
-            },
-        };
-    }
-}
-exports.QueryModule = QueryModule;

package/src/Utilities/Interface/ColumnFilterContext.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/View/Query/EditCurrentQueryButton.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const EditCurrentQueryButton: () => JSX.Element;

package/src/View/Query/EditCurrentQueryButton.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditCurrentQueryButton = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
-const AdaptableContext_1 = require("../AdaptableContext");
-const EditCurrentQueryButton = () => {
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
-    const handleClick = React.useCallback((event) => {
-        event.stopPropagation();
-        adaptable.api.queryApi.expandCurrentQuery();
-    }, []);
-    return React.createElement(SimpleButton_1.default, { variant: "text", iconSize: 15, onClick: handleClick, icon: "edit" });
-};
-exports.EditCurrentQueryButton = EditCurrentQueryButton;

package/src/View/Query/ExpandedQueryPopup.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExpandedQueryPopup = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_redux_1 = require("react-redux");
-const rebass_1 = require("rebass");
-const ExpressionEditor_1 = require("../../components/ExpressionEditor");
-const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
-const QueryRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/QueryRedux"));
-const StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions");
-const NamedQueryContext_1 = require("../../components/ExpressionEditor/NamedQueryContext");
-const ModuleConstants_1 = require("../../Utilities/Constants/ModuleConstants");
-const ExpandedQueryPopup = (props) => {
-    const dispatch = (0, react_redux_1.useDispatch)();
-    const [namedQuery, setNamedQuery] = React.useState(null);
-    const [expression, setExpression] = React.useState(props.popupProps.value);
-    const isExpressionValid = props.api.internalApi
-        .getQueryLanguageService()
-        .validateBoolean(expression, ModuleConstants_1.QueryModuleId).isValid;
-    const initialData = React.useMemo(() => props.api.internalApi.getQueryPreviewData(), []);
-    const namedQueryValidationError = namedQuery
-        ? props.api.queryApi.isValidNamedQueryName(namedQuery).message
-        : '';
-    const hasNamedQueryError = (0, StringExtensions_1.IsNotNullOrEmpty)(namedQueryValidationError);
-    const onRunQuery = (expression) => dispatch(QueryRedux.QueryRun(expression));
-    const onAddNamedQuery = (namedQuery) => dispatch(QueryRedux.NamedQueryAdd(namedQuery));
-    return (React.createElement(NamedQueryContext_1.NamedQueryContext.Provider, { value: {
-            namedQuery: namedQuery,
-            setNamedQuery: (newQuery) => {
-                setNamedQuery(newQuery);
-            },
-        } },
-        React.createElement(rebass_1.Flex, { height: "100%", flexDirection: "column" },
-            React.createElement(ExpressionEditor_1.ExpressionEditor, { type: 'boolean', module: ModuleConstants_1.QueryModuleId, value: expression, onChange: (expression) => setExpression(expression), initialData: initialData, columns: props.api.columnApi.getQueryableColumns(), namedQueries: props.api.queryApi.getNamedQueries(), api: props.api }),
-            React.createElement(rebass_1.Flex, { flexDirection: "row", padding: 1, backgroundColor: "primary", alignItems: "center" },
-                React.createElement(SimpleButton_1.default, { margin: 1, variant: "text", "data-name": "action-close", onClick: () => {
-                        props.onDismiss();
-                    } }, "CLOSE"),
-                React.createElement(rebass_1.Text, { fontSize: 2, mr: 3, style: {
-                        flex: 1,
-                        color: 'var(--ab-color-error)',
-                        textAlign: 'end',
-                    } }, namedQueryValidationError),
-                React.createElement(SimpleButton_1.default, { variant: "raised", tone: "accent", "data-name": "action-run", margin: 1, onClick: () => {
-                        if (namedQuery) {
-                            onAddNamedQuery({
-                                Name: namedQuery.Name,
-                                BooleanExpression: expression,
-                            });
-                        }
-                        onRunQuery(expression);
-                        props.onDismiss();
-                    }, disabled: !isExpressionValid || (0, StringExtensions_1.IsNullOrEmpty)(expression) || hasNamedQueryError }, "Run Query")))));
-};
-exports.ExpandedQueryPopup = ExpandedQueryPopup;

package/src/View/Query/QueryViewPanel.js

@@ -1,170 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QueryViewPanelControl = void 0;
-const tslib_1 = require("tslib");
-const SystemRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/SystemRedux"));
-const QueryRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/QueryRedux"));
-const PopupRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/PopupRedux"));
-const React = tslib_1.__importStar(require("react"));
-const ArrayExtensions_1 = require("../../Utilities/Extensions/ArrayExtensions");
-const Enums_1 = require("../../PredefinedConfig/Common/Enums");
-const icons_1 = require("../../components/icons");
-const rebass_1 = require("rebass");
-const FieldWrap_1 = tslib_1.__importDefault(require("../../components/FieldWrap"));
-const ButtonExpand_1 = require("../Components/Buttons/ButtonExpand");
-const Input_1 = tslib_1.__importDefault(require("../../components/Input"));
-const ButtonPlay_1 = require("../Components/Buttons/ButtonPlay");
-const ButtonInvalid_1 = require("../Components/Buttons/ButtonInvalid");
-const ButtonClear_1 = require("../Components/Buttons/ButtonClear");
-const ButtonSave_1 = require("../Components/Buttons/ButtonSave");
-const DropdownButton_1 = tslib_1.__importDefault(require("../../components/DropdownButton"));
-const StringExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/StringExtensions"));
-const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
-const ModuleConstants_1 = require("../../Utilities/Constants/ModuleConstants");
-const react_redux_1 = require("react-redux");
-class QueryViewPanelComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            isAdaptableReady: false,
-            expression: this.props.CurrentQuery || '',
-        };
-    }
-    componentDidMount() {
-        this.props.api.eventApi.on('AdaptableReady', () => {
-            this.setState({ isAdaptableReady: true });
-        });
-    }
-    componentDidUpdate(prevProps) {
-        if (prevProps.CurrentQuery !== this.props.CurrentQuery) {
-            this.setState({
-                expression: this.props.CurrentQuery,
-            });
-        }
-    }
-    render() {
-        if (this.state.isAdaptableReady === false) {
-            return null;
-        }
-        const isExpressionValid = this.state.expression == '' ||
-            this.props.api.internalApi
-                .getQueryLanguageService()
-                .validateBoolean(this.state.expression, ModuleConstants_1.QueryModuleId).isValid;
-        const isExpressionNamedQuery = this.props.NamedQueries.find((sq) => sq.BooleanExpression == this.state.expression) != null;
-        let sortedNamedQueries = ArrayExtensions_1.ArrayExtensions.sortArrayWithProperty(Enums_1.SortOrder.Asc, this.props.NamedQueries, 'Name');
-        let availableSearches = [
-            ...sortedNamedQueries.map((expression) => {
-                return {
-                    label: expression.Name,
-                    icon: expression.BooleanExpression === this.props.CurrentQuery ? (React.createElement(icons_1.Icon, { name: 'check' })) : null,
-                    onClick: () => this.runQuery(expression.BooleanExpression),
-                };
-            }),
-            ...(ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(this.props.CachedQueries) ? [{ separator: true }] : []),
-            ...(ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(this.props.CachedQueries)
-                ? this.props.CachedQueries.slice(-5)
-                    .reverse()
-                    .map((item) => ({
-                    label: `Query at ${item.time.toLocaleTimeString('en-US')}`,
-                    icon: React.createElement(icons_1.Icon, { name: 'history' }),
-                    onClick: () => this.props.onRunQuery(item.expression),
-                }))
-                : []),
-        ];
-        let availableColumns = this.props.api.columnApi.getColumns().map((col) => {
-            return {
-                label: col.friendlyName,
-                onClick: () => this.setState({
-                    expression: this.state.expression + `[${col.columnId}]`,
-                }),
-            };
-        });
-        const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-        const handleEnter = (e) => {
-            if (e.key === 'Enter') {
-                this.runQuery();
-            }
-        };
-        const renderTextInput = () => {
-            return this.props.viewType === 'Toolbar' ? (React.createElement(FieldWrap_1.default, { marginRight: 1, width: 500 },
-                React.createElement(ButtonExpand_1.ButtonExpand, { variant: "text", tone: "neutral", onClick: () => this.props.api.queryApi.expandCurrentQuery(this.state.expression), tooltip: "Expand", marginLeft: 1 }),
-                React.createElement(Input_1.default, { type: "text", "data-name": "query-input", placeholder: "Query", spellCheck: false, value: this.state.expression, onChange: (x) => this.setState({ expression: x.target.value }), style: { fontFamily: 'monospace', fontSize: 12 } }),
-                isExpressionValid ? (React.createElement(ButtonPlay_1.ButtonPlay, { onClick: () => this.runQuery(), tooltip: '', accessLevel: 'Full', variant: "text", tone: "neutral", disabled: this.state.expression == '' || this.state.expression == this.props.CurrentQuery, marginRight: 1 })) : (React.createElement(ButtonInvalid_1.ButtonInvalid, { variant: "text", tone: "neutral", tooltip: "Invalid Query", marginRight: 1 })),
-                ' ',
-                this.props.CurrentQuery !== '' && (React.createElement(ButtonClear_1.ButtonClear, { onClick: () => this.clearQuery(), tooltip: "Clear Query", accessLevel: 'Full' })))) : (React.createElement(Input_1.default, { type: "text", placeholder: "Query", spellCheck: false, value: this.state.expression, onChange: (x) => this.setState({ expression: x.target.value }), style: { width: '100%' } }));
-        };
-        const queryModuleAccessLevel = this.props.api.internalApi
-            .getEntitlementService()
-            .getEntitlementAccessLevelForModule(ModuleConstants_1.QueryModuleId);
-        const saveButton = (React.createElement(ButtonSave_1.ButtonSave, { onClick: () => this.saveQuery(), tooltip: "Save as New Query", accessLevel: queryModuleAccessLevel, disabled: !isExpressionValid || isExpressionNamedQuery || this.state.expression == '', variant: "text", tone: "neutral", marginRight: 1 }));
-        const renderButtons = () => {
-            return this.props.viewType === 'Toolbar' ? (React.createElement(React.Fragment, null,
-                saveButton,
-                React.createElement(DropdownButton_1.default, { variant: "text", items: availableColumns, marginRight: 1, tooltip: "Pick Columns" },
-                    React.createElement(icons_1.Icon, { name: 'list' })),
-                React.createElement(DropdownButton_1.default, { disabled: ArrayExtensions_1.ArrayExtensions.IsNullOrEmpty(availableSearches), variant: "text", items: availableSearches, marginRight: 1, tooltip: "Load Query", icon: "folder-open" }),
-                ' ')) : (React.createElement(React.Fragment, null,
-                saveButton,
-                React.createElement(ButtonExpand_1.ButtonExpand, { variant: "text", tone: "neutral", onClick: () => this.props.api.queryApi.expandCurrentQuery(this.state.expression), tooltip: "Expand", marginLeft: 1 }),
-                React.createElement(ButtonClear_1.ButtonClear, { onClick: () => this.clearQuery(), tooltip: "Clear Query", accessLevel: 'Full', disabled: this.state.expression == '' }),
-                React.createElement(ButtonPlay_1.ButtonPlay, { onClick: () => this.runQuery(), tooltip: "Run Query", accessLevel: 'Full', variant: "text", tone: "neutral", disabled: !isExpressionValid ||
-                        this.state.expression == '' ||
-                        this.state.expression == this.props.CurrentQuery, marginRight: 1 }),
-                React.createElement(DropdownButton_1.default, { variant: "text", disabled: ArrayExtensions_1.ArrayExtensions.IsNullOrEmpty(availableSearches), items: availableSearches, marginRight: 1, tooltip: "Load Query", icon: "folder-open" })));
-        };
-        return (React.createElement(rebass_1.Flex, { onKeyDown: handleEnter, flexDirection: "row", className: `ab-${elementType}__Query__wrap`, flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
-            React.createElement(rebass_1.Flex, null, renderTextInput()),
-            React.createElement(rebass_1.Flex, null, renderButtons())));
-    }
-    clearQuery() {
-        this.props.onRunQuery('');
-    }
-    saveQuery() {
-        this.props.onShowNamedQueries(this.state.expression, this.props.moduleInfo.Popup);
-    }
-    onSelectedQueryChanged(queryName) {
-        this.props.onRunQuery(queryName);
-    }
-    runQuery(expression = this.state.expression) {
-        if (StringExtensions_1.default.IsNullOrEmpty(expression) &&
-            StringExtensions_1.default.IsNotNullOrEmpty(this.props.CurrentQuery)) {
-            // user pressed enter key with an empty input => clear existing current query
-            this.props.onRunQuery('');
-            return;
-        }
-        if (!this.props.api.internalApi
-            .getQueryLanguageService()
-            .validateBoolean(expression, ModuleConstants_1.QueryModuleId).isValid) {
-            return;
-        }
-        if (StringExtensions_1.default.IsNotNullOrEmpty(this.state.expression)) {
-            let cachedQuery = {
-                expression: this.state.expression,
-                time: new Date(),
-            };
-            if (cachedQuery) {
-                this.props.onAddCachedQuery(cachedQuery);
-            }
-        }
-        this.props.onRunQuery(expression);
-    }
-}
-function mapStateToProps(state) {
-    return {
-        CurrentQuery: state.Query.CurrentQuery,
-        NamedQueries: state.Query.NamedQueries,
-        CachedQueries: state.System.CachedQueries,
-    };
-}
-function mapDispatchToProps(dispatch) {
-    return {
-        onAddCachedQuery: (cachedQuery) => dispatch(SystemRedux.SystemCachedQueryAdd(cachedQuery)),
-        onRunQuery: (expression) => dispatch(QueryRedux.QueryRun(expression)),
-        onShowNamedQueries: (value, popup) => dispatch(PopupRedux.PopupShowScreen(ModuleConstants.QueryModuleId, popup, {
-            action: 'New',
-            source: 'Toolbar',
-            value,
-        })),
-    };
-}
-exports.QueryViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(QueryViewPanelComponent);

package/src/View/Query/Wizard/NamedQueryExpressionWizardSection.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NamedQueryExpressionWizardSection = exports.renderNamedQueryExpressionSummary = exports.isValidNamedQueryExpression = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_1 = require("react");
-const rebass_1 = require("rebass");
-const ExpressionEditor_1 = require("../../../components/ExpressionEditor");
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const ModuleConstants_1 = require("../../../Utilities/Constants/ModuleConstants");
-const Tag_1 = require("../../../components/Tag");
-const isValidNamedQueryExpression = (data, api) => {
-    if (!data.BooleanExpression) {
-        return 'Expression is empty';
-    }
-    const valid = api.expressionApi.isValidBooleanExpression(data.BooleanExpression, ModuleConstants_1.QueryModuleId);
-    if (!valid) {
-        return 'Query is not a valid Boolean Query';
-    }
-    return valid;
-};
-exports.isValidNamedQueryExpression = isValidNamedQueryExpression;
-const renderNamedQueryExpressionSummary = (data) => {
-    const { api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(rebass_1.Text, { fontSize: 2 },
-        "Expression: ",
-        React.createElement(Tag_1.Tag, null, api.internalApi.getAdaptableQueryExpressionText(data))));
-};
-exports.renderNamedQueryExpressionSummary = renderNamedQueryExpressionSummary;
-const NamedQueryExpressionWizardSection = (props) => {
-    const { data, moduleInfo, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    const initialData = (0, react_1.useMemo)(() => api.internalApi.getQueryPreviewData(), []);
-    return (React.createElement(ExpressionEditor_1.ExpressionEditor, { allowSaveNamedQuery: false, type: 'boolean', module: moduleInfo.ModuleName, value: data.BooleanExpression, onChange: (BooleanExpression) => {
-            props.onChange(Object.assign(Object.assign({}, data), { BooleanExpression }));
-        }, initialData: initialData, columns: api.columnApi.getQueryableColumns(), namedQueries: api.queryApi.getNamedQueries(), api: api }));
-};
-exports.NamedQueryExpressionWizardSection = NamedQueryExpressionWizardSection;