@adaptabletools/adaptable 19.2.4 → 20.0.0-canary.0

package/src/Redux/DeadRedux.d.ts

@@ -1,27 +0,0 @@
-import * as Redux from 'redux';
-export declare const GRADIENT_COLUMN_CLEAR = "GRADIENT_COLUMN_CLEAR";
-export interface GradientColumnClearAction extends Redux.Action {
-}
-export declare const GradientColumnClear: () => GradientColumnClearAction;
-export declare const GradientColumnReducer: Redux.Reducer<any>;
-export declare const PERCENT_BAR_CLEAR = "PERCENT_BAR_CLEAR";
-export interface PercentBarClearAction extends Redux.Action {
-}
-export declare const PercentBarClear: () => PercentBarClearAction;
-export declare const PercentBarReducer: Redux.Reducer<any>;
-export declare const FLASHING_CELL_CLEAR = "FLASHING_CELL_CLEAR";
-export interface FlashingCellClearAction extends Redux.Action {
-}
-export declare const FlashingCellClear: () => FlashingCellClearAction;
-export declare const FlashingCellReducer: Redux.Reducer<any>;
-export declare const UPDATED_ROW_CLEAR = "UPDATED_ROW_CLEAR";
-export interface UpdatedRowClearAction extends Redux.Action {
-}
-export declare const UpdatedRowClear: () => UpdatedRowClearAction;
-export declare const UpdatedRowReducer: Redux.Reducer<any>;
-export declare const CONDITIONAL_STYLE_DELETE = "CONDITIONAL_STYLE_DELETE";
-export interface ConditionalStyleDeleteAction extends Redux.Action {
-    conditionalStyle: any;
-}
-export declare const ConditionalStyleDelete: (conditionalStyle: any) => ConditionalStyleDeleteAction;
-export declare const ConditionalStyleReducer: Redux.Reducer<any>;

package/src/Redux/DeadRedux.js

@@ -1,72 +0,0 @@
-const initialGradientColumnState = {};
-export const GRADIENT_COLUMN_CLEAR = 'GRADIENT_COLUMN_CLEAR';
-export const GradientColumnClear = () => ({
-    type: GRADIENT_COLUMN_CLEAR,
-});
-export const GradientColumnReducer = (state = initialGradientColumnState, action) => {
-    switch (action.type) {
-        case GRADIENT_COLUMN_CLEAR: {
-            return Object.assign({}, initialGradientColumnState);
-        }
-        default:
-            return state;
-    }
-};
-const initialPercentBarState = {};
-export const PERCENT_BAR_CLEAR = 'PERCENT_BAR_CLEAR';
-export const PercentBarClear = () => ({
-    type: PERCENT_BAR_CLEAR,
-});
-export const PercentBarReducer = (state = initialPercentBarState, action) => {
-    switch (action.type) {
-        case PERCENT_BAR_CLEAR: {
-            return Object.assign({}, initialPercentBarState);
-        }
-        default:
-            return state;
-    }
-};
-const initialFlashingCellState = {};
-export const FLASHING_CELL_CLEAR = 'FLASHING_CELL_CLEAR';
-export const FlashingCellClear = () => ({
-    type: FLASHING_CELL_CLEAR,
-});
-export const FlashingCellReducer = (state = initialFlashingCellState, action) => {
-    switch (action.type) {
-        case FLASHING_CELL_CLEAR: {
-            return Object.assign({}, initialFlashingCellState);
-        }
-        default:
-            return state;
-    }
-};
-const initialUpdatedRowState = {};
-export const UPDATED_ROW_CLEAR = 'UPDATED_ROW_CLEAR';
-export const UpdatedRowClear = () => ({
-    type: UPDATED_ROW_CLEAR,
-});
-export const UpdatedRowReducer = (state = initialUpdatedRowState, action) => {
-    switch (action.type) {
-        case UPDATED_ROW_CLEAR: {
-            return Object.assign({}, initialUpdatedRowState);
-        }
-        default:
-            return state;
-    }
-};
-const initialConditionalStyleState = {};
-export const CONDITIONAL_STYLE_DELETE = 'CONDITIONAL_STYLE_DELETE';
-export const ConditionalStyleDelete = (conditionalStyle) => ({
-    type: CONDITIONAL_STYLE_DELETE,
-    conditionalStyle,
-});
-export const ConditionalStyleReducer = (state = initialConditionalStyleState, action) => {
-    switch (action.type) {
-        case CONDITIONAL_STYLE_DELETE: {
-            const actionConditionalStyle = action.conditionalStyle;
-            return Object.assign(Object.assign({}, state), { ConditionalStyles: state.ConditionalStyles.filter((abObject) => abObject.Uuid !== actionConditionalStyle.Uuid) });
-        }
-        default:
-            return state;
-    }
-};

package/src/Strategy/Interface/IExportModule.d.ts

@@ -1,6 +0,0 @@
-import { IModule } from './IModule';
-import { ExportDestination } from '../../PredefinedConfig/Common/Enums';
-import { Report } from '../../PredefinedConfig/ExportState';
-export interface IExportModule extends IModule {
-    export(report: Report, exportDestination: ExportDestination | string): void;
-}

package/src/Strategy/Interface/IShortcutModule.js

@@ -1 +0,0 @@
-export {};

package/src/Strategy/Utilities/getExpressionViewItems.d.ts

@@ -1,4 +0,0 @@
-import { AdaptableCalculatedColumnQuery } from '../../PredefinedConfig/CalculatedColumnState';
-import { AdaptableApi } from '../../Api/AdaptableApi';
-import { AdaptableObjectItemView } from '../Interface/IModule';
-export declare const getExpressionViewItems: (query: AdaptableCalculatedColumnQuery, api: AdaptableApi) => AdaptableObjectItemView;

package/src/Strategy/Utilities/getObjectTagsViewItems.d.ts

@@ -1,4 +0,0 @@
-import { AdaptableObject } from '../../PredefinedConfig/Common/AdaptableObject';
-import { AdaptableApi } from '../../Api/AdaptableApi';
-import { AdaptableObjectItemView } from '../Interface/IModule';
-export declare const getObjectTagsViewItems: (object: AdaptableObject, api: AdaptableApi) => AdaptableObjectItemView;

package/src/Strategy/Utilities/getRuleViewItems.js

@@ -1,11 +0,0 @@
-export const getRuleViewItems = (rule, api) => {
-    var _a, _b, _c;
-    return {
-        name: 'Condition',
-        values: [
-            ((_a = rule === null || rule === void 0 ? void 0 : rule.Predicates) === null || _a === void 0 ? void 0 : _a.length)
-                ? (_b = rule === null || rule === void 0 ? void 0 : rule.Predicates) === null || _b === void 0 ? void 0 : _b.map((predicate) => api.predicateApi.predicateToString(predicate)).join(' AND ')
-                : (_c = api.internalApi.getAdaptableQueryExpressionText(rule)) !== null && _c !== void 0 ? _c : 'No condition',
-        ],
-    };
-};

package/src/Strategy/Utilities/getScopeViewItems.d.ts

@@ -1,3 +0,0 @@
-import { AdaptableApi, ColumnScope } from '../../../types';
-import { AdaptableObjectItemView } from '../Interface/IModule';
-export declare const getScopeViewItems: (scope: ColumnScope, api: AdaptableApi) => AdaptableObjectItemView;

package/src/Utilities/Constants/ConfigConstants.d.ts

@@ -1,10 +0,0 @@
-export declare const SYSTEM = "System";
-export declare const GRID = "Grid";
-export declare const POPUP = "Popup";
-export declare const TEAM_SHARING = "TeamSharing";
-export declare const BULK_UPDATE = "BulkUpdate";
-export declare const APPLICATION = "Application";
-export declare const CELL_SUMMARY = "CellSummary";
-export declare const SYSTEM_FILTER = "SystemFilter";
-export declare const PLUGINS = "Plugins";
-export declare const COMMENT = "Comment";

package/src/Utilities/Constants/ConfigConstants.js

@@ -1,11 +0,0 @@
-// constants used in Config
-export const SYSTEM = 'System';
-export const GRID = 'Grid';
-export const POPUP = 'Popup';
-export const TEAM_SHARING = 'TeamSharing';
-export const BULK_UPDATE = 'BulkUpdate';
-export const APPLICATION = 'Application';
-export const CELL_SUMMARY = 'CellSummary';
-export const SYSTEM_FILTER = 'SystemFilter';
-export const PLUGINS = 'Plugins';
-export const COMMENT = 'Comment';

package/src/Utilities/Constants/FilterConstants.d.ts

@@ -1,10 +0,0 @@
-import { ApplyFilterAction } from '../../PredefinedConfig/Common/FilterActionOnDataChange';
-import { FilterTrigger } from '../../AdaptableOptions/ColumnFilterOptions';
-export declare const FILTER_ACTION_ALWAYS: ApplyFilterAction;
-export declare const FILTER_ACTION_NEVER: ApplyFilterAction;
-export declare const FILTER_ACTION_THROTTLE: ApplyFilterAction;
-export declare const PREDICATE_EQUALS = "Equals";
-export declare const PREDICATE_CONTAINS = "Contains";
-export declare const PREDICATE_ON = "On";
-export declare const FILTER_TRIGGER_MOUSE_ENTER: FilterTrigger;
-export declare const FILTER_TRIGGER_CLICK: FilterTrigger;

package/src/Utilities/Constants/FilterConstants.js

@@ -1,8 +0,0 @@
-export const FILTER_ACTION_ALWAYS = 'Always';
-export const FILTER_ACTION_NEVER = 'Never';
-export const FILTER_ACTION_THROTTLE = 'Throttle';
-export const PREDICATE_EQUALS = 'Equals';
-export const PREDICATE_CONTAINS = 'Contains';
-export const PREDICATE_ON = 'On';
-export const FILTER_TRIGGER_MOUSE_ENTER = 'mouseenter';
-export const FILTER_TRIGGER_CLICK = 'click';

package/src/Utilities/Services/RowEditService.js

@@ -1,35 +0,0 @@
-export class RowEditService {
-    constructor(adaptableApi) {
-        this.adaptableApi = adaptableApi;
-        if (adaptableApi.optionsApi.getActionRowOptions().autoHandle) {
-            adaptableApi.eventApi.on('ActionRowSubmitted', (eventInfo) => this.autoHandleActionRowButtons(eventInfo));
-        }
-    }
-    autoHandleActionRowButtons(actionRowSubmittedInfo) {
-        const { adaptableApi } = actionRowSubmittedInfo;
-        if (actionRowSubmittedInfo.type === 'rowEdited') {
-            const { rowNode, formData } = actionRowSubmittedInfo;
-            const newRowData = Object.assign(Object.assign({}, rowNode.data), formData);
-            adaptableApi.gridApi.updateGridData([newRowData]);
-        }
-        if (actionRowSubmittedInfo.type === 'rowDeleted') {
-            const { rowNode } = actionRowSubmittedInfo;
-            const deletedRowData = rowNode.data;
-            adaptableApi.gridApi.deleteGridData([deletedRowData]);
-        }
-        if (actionRowSubmittedInfo.type === 'rowCreated') {
-            const { formData } = actionRowSubmittedInfo;
-            const setPrimaryKeyValueFunction = adaptableApi.optionsApi.getActionRowOptions().setPrimaryKeyValue;
-            const newRowData = typeof setPrimaryKeyValueFunction === 'function'
-                ? setPrimaryKeyValueFunction(Object.assign({ rowData: formData }, adaptableApi.internalApi.buildBaseContext()))
-                : Object.assign({}, formData);
-            const config = {
-                addIndex: 0,
-            };
-            adaptableApi.gridApi.addGridData([newRowData], config);
-        }
-    }
-    destroy() {
-        // nothing yet
-    }
-}

package/src/Utilities/divideBy100.d.ts

@@ -1 +0,0 @@
-export declare function divideBy100(value: any): any;

package/src/Utilities/divideBy100.js

@@ -1,30 +0,0 @@
-export function divideBy100(value) {
-    // the simple solution does not work
-    // return value / 100;
-    // needed because 4012.3456/100 = 40.123456000000004
-    // but we dont want that to happen
-    // this solution does not handle  -0 correctly
-    // return parseFloat((value / 100).toFixed(12));
-    if (isNaN(value) || !value) {
-        return value;
-    }
-    const isNegative = value < 0;
-    if (isNegative) {
-        value = -value;
-    }
-    const valueAsStr = value.toPrecision();
-    const separator = Number(1.1).toLocaleString()[1];
-    let indexOfSeparator = valueAsStr.indexOf(separator);
-    if (indexOfSeparator === -1) {
-        indexOfSeparator = 0;
-    }
-    let [integer = '', decimal] = valueAsStr.split(separator);
-    decimal = decimal || '';
-    integer = integer.padStart(2, '0');
-    const integerArr = [...integer];
-    const num = integerArr.slice(0, integerArr.length - 2).join('') +
-        separator +
-        integerArr.slice(-2).join('') +
-        decimal;
-    return Number(num) * (isNegative ? -1 : 1);
-}

package/src/Utilities/times100.d.ts

@@ -1 +0,0 @@
-export declare function times100(value: any): any;

package/src/Utilities/times100.js

@@ -1,23 +0,0 @@
-export function times100(value) {
-    // the simple solution does not work
-    // return value * 100;
-    // needed because 0.12676 * 100 = 12.676000000000002
-    // but we dont want that to happen
-    // this solution does not handle  -0 correctly
-    // also 1267.6 * 100 is 126759.99999999999
-    // which is not what we want
-    // return parseFloat((value * 100).toFixed(12));
-    if (isNaN(value) || !value) {
-        return value;
-    }
-    const valueAsStr = value.toPrecision();
-    const separator = Number(1.1).toLocaleString()[1];
-    const indexOfSeparator = valueAsStr.indexOf(separator);
-    if (indexOfSeparator === -1) {
-        return value * 100;
-    }
-    const [integer, decimal] = valueAsStr.split(separator);
-    const num = [...`${integer}${decimal !== null && decimal !== void 0 ? decimal : ''}00`];
-    num.splice(indexOfSeparator + 2, 0, separator);
-    return Number(num.join(''));
-}

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/UIOptions/UIOptionsActionColumnsForm.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { AdaptableOptions } from '../../../../types';
-export declare const UIOptionsActionColumnsForm: React.FunctionComponent<{
-    abOptions: AdaptableOptions;
-    onChange: (abOptions: AdaptableOptions) => void;
-}>;

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/UIOptions/UIOptionsActionColumnsForm.js

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { Box, Flex } from 'rebass';
-import { CheckBox } from '../../../../components/CheckBox';
-import HelpBlock from '../../../../components/HelpBlock';
-export const UIOptionsActionColumnsForm = (props) => {
-    var _a, _b, _c, _d, _e;
-    const options = [
-        { value: 'clone', label: 'Clone' },
-        { value: 'create', label: 'Create' },
-        { value: 'edit', label: 'Edit' },
-        { value: 'delete', label: 'Delete' },
-    ];
-    const actionRowButtons = Array.isArray((_b = (_a = props.abOptions) === null || _a === void 0 ? void 0 : _a.actionRowOptions) === null || _b === void 0 ? void 0 : _b.actionRowButtons)
-        ? (_d = (_c = props.abOptions) === null || _c === void 0 ? void 0 : _c.actionRowOptions) === null || _d === void 0 ? void 0 : _d.actionRowButtons
-        : (_e = []) !== null && _e !== void 0 ? _e : [];
-    const handleCheckChange = (type, checked) => {
-        var _a;
-        let newActionRowButtons = actionRowButtons;
-        if (checked) {
-            newActionRowButtons = [...newActionRowButtons, type];
-        }
-        else {
-            newActionRowButtons = newActionRowButtons.filter((item) => item !== type);
-        }
-        props.onChange(Object.assign(Object.assign({}, props.abOptions), { actionRowOptions: Object.assign(Object.assign({}, (_a = props.abOptions) === null || _a === void 0 ? void 0 : _a.actionRowOptions), { actionRowButtons: newActionRowButtons }) }));
-    };
-    return (React.createElement(Box, null,
-        React.createElement(HelpBlock, null, "Action Row Buttons"),
-        React.createElement(Flex, { width: "100%", m: 2 }, options.map((option) => (React.createElement(CheckBox, { mr: 3, key: option.value, checked: actionRowButtons.some((buttonName) => buttonName === option.value), onChange: (check) => handleCheckChange(option.value, check) }, option.label))))));
-};

package/src/View/Components/FilterForm/FilterForm.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { ColumnFilterProps } from '../../../Utilities/Interface/ColumnFilterProps';
-import { ColumnMenuTab } from '../../../PredefinedConfig/Common/Enums';
-import { ColumnFilter } from '../../../types';
-export interface FilterFormState {
-    columnFilters: ColumnFilter[];
-    distinctColumnValues: {
-        label: string;
-        value: any;
-    }[];
-    isDistinctColumnValuesLoading: boolean;
-    showTab: boolean;
-    selectedTab: ColumnMenuTab;
-    editedColumnFilter: ColumnFilter | undefined;
-    currentTab: 'values' | 'predicates';
-    suppressClientSideFilter: boolean;
-}
-export declare const FilterFormReact: (columnFilterProps: ColumnFilterProps) => JSX.Element;

package/src/View/Components/FilterForm/FilterForm.js

@@ -1,293 +0,0 @@
-import * as React from 'react';
-import { connect } from 'react-redux';
-import * as LayoutRedux from '../../../Redux/ActionsReducers/LayoutRedux';
-import { getColumnFilterSelector } from '../../../Redux/ActionsReducers/LayoutRedux';
-import * as SystemRedux from '../../../Redux/ActionsReducers/SystemRedux';
-import { ColumnMenuTab } from '../../../PredefinedConfig/Common/Enums';
-import { ListBoxFilterForm } from './ListBoxFilterForm';
-import { ButtonClose } from '../Buttons/ButtonClose';
-import { StringExtensions } from '../../../Utilities/Extensions/StringExtensions';
-import { ButtonClear } from '../Buttons/ButtonClear';
-import { ListBoxMenu } from './ListBoxMenu';
-import { FilterFormPanel } from '../Panels/FilterFormPanel';
-import { ObjectFactory } from '../../../Utilities/ObjectFactory';
-import HelpBlock from '../../../components/HelpBlock';
-import { Flex } from 'rebass';
-import Radio from '../../../components/Radio';
-import Helper, { cloneObject } from '../../../Utilities/Helpers/Helper';
-import AdaptableInput from '../AdaptableInput';
-import { renderWithAdaptableContext } from '../../renderWithAdaptableContext';
-import { CheckBox } from '../../../components/CheckBox';
-import { runIfNotResolvedIn } from '../../../Utilities/runIfNotResolvedIn';
-import { getDefaultColumnFilterPredicate } from './getDefaultColumnFilterPredicate';
-import { AdaptableDateInlineInput } from '../AdaptableInput/AdaptableDateInlineInput';
-const panelStyle = {
-    width: '100%',
-    minWidth: 150,
-};
-class FilterFormComponent extends React.Component {
-    static createColumnFilterFromProps(props) {
-        let existingColumnFilter = props.columnFilters.find((cf) => cf.ColumnId == props.currentColumn.columnId);
-        if (!existingColumnFilter) {
-            const columnFilterOptions = props.api.optionsApi.getColumnFilterOptions();
-            if (columnFilterOptions.filterFormOptions.defaultFilterFormTab == 'Values') {
-                return ObjectFactory.CreateColumnFilter(props.currentColumn.columnId, 'Values', []);
-            }
-            if (props.currentColumn.dataType === 'Number') {
-                return ObjectFactory.CreateColumnFilter(props.currentColumn.columnId, getDefaultColumnFilterPredicate(props.currentColumn, columnFilterOptions.defaultNumericColumnFilter), ['']);
-            }
-            if (props.currentColumn.dataType === 'String') {
-                return ObjectFactory.CreateColumnFilter(props.currentColumn.columnId, getDefaultColumnFilterPredicate(props.currentColumn, columnFilterOptions.defaultStringColumnFilter), ['']);
-            }
-            if (props.currentColumn.dataType === 'Date') {
-                return ObjectFactory.CreateColumnFilter(props.currentColumn.columnId, getDefaultColumnFilterPredicate(props.currentColumn, columnFilterOptions.defaultDateColumnFilter), ['']);
-            }
-            if (props.currentColumn.dataType === 'Boolean') {
-                return ObjectFactory.CreateColumnFilter(props.currentColumn.columnId, 'BooleanToggle', [
-                    'all',
-                ]);
-            }
-        }
-        return existingColumnFilter;
-    }
-    static getCurrentTab(editedColumnFilter) {
-        return editedColumnFilter &&
-            editedColumnFilter.Predicate &&
-            editedColumnFilter.Predicate.PredicateId &&
-            editedColumnFilter.Predicate.PredicateId != 'Values'
-            ? 'predicates'
-            : 'values';
-    }
-    static getDerivedStateFromProps(props, state) {
-        const columnFilterOptions = props.api.optionsApi.getColumnFilterOptions();
-        const editedColumnFilter = columnFilterOptions.autoApplyFilter
-            ? FilterFormComponent.createColumnFilterFromProps(props)
-            : state.editedColumnFilter;
-        let columnFilters = state.columnFilters;
-        let filtersChanged = false;
-        if (props.columnFilters !== columnFilters) {
-            columnFilters = props.columnFilters;
-            filtersChanged = true;
-        }
-        return {
-            editedColumnFilter,
-            columnFilters,
-            currentTab: filtersChanged || !state.currentTab
-                ? FilterFormComponent.getCurrentTab(editedColumnFilter)
-                : state.currentTab,
-        };
-    }
-    constructor(props) {
-        super(props);
-        this._isMounted = false;
-        this.handleFilterChange = (filter) => {
-            if (this.state.suppressClientSideFilter) {
-                this.loadPermittedValues(filter);
-            }
-        };
-        this._isMounted = true;
-        const existingColumnFilter = FilterFormComponent.createColumnFilterFromProps(this.props);
-        this.state = {
-            columnFilters: props.columnFilters,
-            distinctColumnValues: [],
-            isDistinctColumnValuesLoading: false,
-            showTab: true,
-            selectedTab: ColumnMenuTab.Filter,
-            editedColumnFilter: existingColumnFilter,
-            currentTab: FilterFormComponent.getCurrentTab(existingColumnFilter),
-            suppressClientSideFilter: false,
-        };
-    }
-    componentWillUnmount() {
-        this._isMounted = false;
-    }
-    componentDidMount() {
-        if (this.props.currentColumn.dataType != 'Boolean') {
-            this.loadPermittedValues();
-        }
-    }
-    async loadPermittedValues(filter = '') {
-        const { values: distinctColumnValues, suppressClientSideFilter } = await runIfNotResolvedIn(this.props.api.gridApi.internalApi.getDistinctFilterDisplayValuesForColumnForFiltersUI(this.props.currentColumn.columnId, filter, this.props.api.optionsApi.getColumnFilterOptions().valuesFilterOptions
-            .showCurrentlyFilteredValuesOnly), () => this._isMounted && this.setState({ isDistinctColumnValuesLoading: true }));
-        if (this._isMounted) {
-            this.setState({
-                distinctColumnValues,
-                isDistinctColumnValuesLoading: false,
-                suppressClientSideFilter,
-            });
-        }
-    }
-    render() {
-        var _a, _b;
-        let isFilterable = this.isFilterable();
-        const columnFilterOptions = this.props.api.optionsApi.getColumnFilterOptions();
-        const predicateDefs = this.props.api.columnFilterApi
-            .getFilterPredicateDefsForColumn(this.props.currentColumn)
-            .filter((predicate) => predicate.id !== 'BooleanToggle');
-        let uiSelectedColumnValues = ((_b = (_a = this.state.editedColumnFilter) === null || _a === void 0 ? void 0 : _a.Predicate) === null || _b === void 0 ? void 0 : _b.PredicateId) === 'Values'
-            ? this.state.editedColumnFilter.Predicate.Inputs
-            : [];
-        let isEmptyFilter = Helper.objectNotExists(this.state.editedColumnFilter) ||
-            Helper.objectNotExists(this.state.editedColumnFilter.Predicate) ||
-            Helper.objectNotExists(this.state.editedColumnFilter.Predicate.PredicateId);
-        let closeButton = (React.createElement(ButtonClose, { onClick: () => this.onCloseForm(), tooltip: null, accessLevel: 'Full' }));
-        let clearFilterButton = (React.createElement(ButtonClear, { onClick: () => this.onClearFilter(), disabled: isEmptyFilter, tooltip: null, accessLevel: 'Full', showText: true, showIcon: false }));
-        const useAgGridStyle = !!columnFilterOptions.filterFormOptions.useAgGridFilterFormStyle;
-        return (React.createElement("div", { className: "ab-FilterForm", "data-name": "filter-form" }, StringExtensions.IsNullOrEmpty(isFilterable) ? (React.createElement(FilterFormPanel, { style: panelStyle, ColumnMenuTab: this.state.selectedTab, ColumnMenuTabChanged: (e) => this.onSelectTab(e), IsAlwaysFilter: this.props.embedColumnMenu, clearFilterButton: clearFilterButton, closeButton: closeButton, showCloseButton: this.props.showCloseButton, autoApplyFilter: columnFilterOptions.autoApplyFilter ? true : false, useAgGridStyle: useAgGridStyle, applyFilterButtonDisabled: isEmptyFilter, onColumnFilterApplied: () => this.onColumnFilterApplied() }, this.state.selectedTab == ColumnMenuTab.Menu ? (React.createElement(ListBoxMenu, { MenuItems: this.props.api.gridApi.internalApi.buildStandaloneColumnHeader(this.props.currentColumn), onMenuItemClick: (menuItem) => this.onMenuItemClick(menuItem) })) : (React.createElement(React.Fragment, null,
-            this.state.showTab && (React.createElement(React.Fragment, null,
-                React.createElement(Radio, { "data-name": "values", flex: 1, marginLeft: 1, checked: this.state.currentTab == 'values', onChange: () => this.setState({ currentTab: 'values' }) },
-                    React.createElement(Flex, { fontSize: 'var( --ab-font-size-2)' }, "Column Values")),
-                React.createElement(Radio, { "data-name": "predicates", marginLeft: 2, flex: 1, checked: this.state.currentTab == 'predicates', onChange: () => this.setState({ currentTab: 'predicates' }) },
-                    React.createElement(Flex, { fontSize: 'var( --ab-font-size-2)' }, "Filters")))),
-            this.state.currentTab === 'values' && (React.createElement(ListBoxFilterForm, { disabled: this.isFilterDisabled(), suppressClientSideFilter: this.state.suppressClientSideFilter, isLoading: this.state.isDistinctColumnValuesLoading, onFilterChange: this.handleFilterChange, currentColumn: this.props.currentColumn, columns: this.props.columns, columnDistinctValues: this.state.distinctColumnValues, dataType: this.props.currentColumn.dataType, uiSelectedColumnValues: uiSelectedColumnValues, useAgGridStyle: useAgGridStyle, onColumnValueSelectedChange: (list) => this.onColumnValuesChange(list) })),
-            this.state.currentTab === 'predicates' && (React.createElement(React.Fragment, null,
-                ' ',
-                this.state.showTab && React.createElement("hr", null),
-                predicateDefs
-                    .filter((p) => p.id !== 'Values' && p.id !== 'ExcludeValues')
-                    .map((predicateDef, index) => this.renderColumnPredicate(predicateDef, index)))))))) : (React.createElement(HelpBlock, null, isFilterable))));
-    }
-    renderColumnPredicate(predicateDef, index) {
-        var _a;
-        const { editedColumnFilter } = this.state;
-        const checked = ((_a = editedColumnFilter === null || editedColumnFilter === void 0 ? void 0 : editedColumnFilter.Predicate) === null || _a === void 0 ? void 0 : _a.PredicateId) === predicateDef.id;
-        return (React.createElement(Flex, { className: "ab-FilterForm__predicate", key: index, flexDirection: "column" },
-            React.createElement(Radio, { "data-name": predicateDef.id, disabled: this.isFilterDisabled(), fontSize: 'var(--ab-font-size-2)', margin: 1, flex: 1, checked: checked, onChange: () => this.selectColumnPredicate(predicateDef) }, predicateDef.label),
-            React.createElement(Flex, { className: "ab-FilterForm__predicate_inputs", flexDirection: "column", flex: 0, marginLeft: 3, marginRight: 2 }, checked && this.renderPredicateInput(predicateDef, editedColumnFilter))));
-    }
-    renderPredicateInput(predicateDef, filter) {
-        var _a;
-        if ((predicateDef === null || predicateDef === void 0 ? void 0 : predicateDef.id) === 'BooleanToggle') {
-            // custom tri-state checkbox: true, false, all(indeterminate)
-            return (React.createElement(Flex, { className: "ab-FilterForm__predicate-input", flexDirection: "row", flex: 1, justifyContent: "center", alignItems: "center" },
-                React.createElement(CheckBox, { disabled: this.isFilterDisabled(), checked: filter.Predicate.Inputs[0] === 'true'
-                        ? true
-                        : filter.Predicate.Inputs[0] === 'false'
-                            ? false
-                            : // 'all'
-                                null, onChange: (checked) => {
-                        // sequence: true -> false -> all -> true
-                        const newCheckedValue = filter.Predicate.Inputs[0] === 'false' && checked === true
-                            ? 'all'
-                            : checked === true
-                                ? 'true'
-                                : 'false';
-                        this.changeColumnPredicateInput(newCheckedValue, 0);
-                    } })));
-        }
-        return (_a = predicateDef.inputs) === null || _a === void 0 ? void 0 : _a.map((predicateInput, index) => {
-            var _a, _b;
-            const showDatePicker = (_b = (_a = this.props.api.optionsApi) === null || _a === void 0 ? void 0 : _a.getColumnFilterOptions()) === null || _b === void 0 ? void 0 : _b.showDatePicker;
-            if (predicateInput.type === 'date' && !showDatePicker) {
-                return (React.createElement(AdaptableDateInlineInput, { value: filter.Predicate.Inputs[index], onChange: (value) => this.changeColumnPredicateInput(value, index) }));
-            }
-            return (React.createElement(Flex, { key: index, flexDirection: "row" },
-                React.createElement(AdaptableInput, { onMouseDown: (event) => {
-                        if (predicateInput.type === 'date') {
-                            // This prevents the ag-grid dropdown closing when a date is selected
-                            event.stopPropagation();
-                        }
-                    }, disabled: this.isFilterDisabled(), type: predicateInput.type, autoFocus: index === 0, value: filter.Predicate.Inputs[index], onChange: (e) => this.changeColumnPredicateInput(e.target.value, index), mb: 1, flex: 1, fontSize: 2 })));
-        });
-    }
-    isFilterDisabled() {
-        var _a;
-        return Boolean((_a = this.state.editedColumnFilter) === null || _a === void 0 ? void 0 : _a.IsSuspended);
-    }
-    isFilterable() {
-        if (!this.props.currentColumn.filterable) {
-            return 'Column is not filterable';
-        }
-        return '';
-    }
-    onSelectTab(tab) {
-        this.setState({ selectedTab: tab });
-    }
-    onColumnValuesChange(columnValues) {
-        const { editedColumnFilter } = this.state;
-        editedColumnFilter.Predicate = {
-            PredicateId: 'Values',
-            Inputs: columnValues,
-        };
-        this.setState({ editedColumnFilter });
-        this.persistFilter();
-    }
-    persistFilter() {
-        const { editedColumnFilter } = this.state;
-        //delete if empty
-        if (editedColumnFilter.Predicate === undefined ||
-            (editedColumnFilter.Predicate.PredicateId === 'Values' &&
-                editedColumnFilter.Predicate.Inputs.length === 0)) {
-            this.props.api.columnFilterApi.clearColumnFilterForColumn(editedColumnFilter.ColumnId);
-            this.onCloseForm();
-        }
-        else {
-            if (this.props.api.optionsApi.getColumnFilterOptions().autoApplyFilter) {
-                this.props.onSetColumnFilter(editedColumnFilter);
-            }
-        }
-    }
-    onClearFilter() {
-        const { editedColumnFilter } = this.state;
-        editedColumnFilter.Predicate = undefined;
-        this.setState({ editedColumnFilter });
-        this.persistFilter();
-    }
-    onColumnFilterApplied() {
-        // do some existing or real
-        this.props.onAddColumnFilter(this.state.editedColumnFilter);
-        this.props.onHideFilterForm();
-    }
-    onCloseForm() {
-        this.props.onHideFilterForm();
-    }
-    onMenuItemClick(menuItem) {
-        //action: Redux.Action
-        if (menuItem.reduxAction) {
-            this.props.onMenuItemClick(menuItem.reduxAction);
-        }
-        if (menuItem.onClick) {
-            menuItem.onClick();
-        }
-        this.props.onHideFilterForm();
-    }
-    selectColumnPredicate(predicateDef) {
-        var _a;
-        const { editedColumnFilter } = this.state;
-        editedColumnFilter.Predicate = {
-            PredicateId: predicateDef.id,
-            Inputs: ((_a = predicateDef.inputs) !== null && _a !== void 0 ? _a : []).map((i) => { var _a; return (_a = i.defaultValue) !== null && _a !== void 0 ? _a : ''; }),
-        };
-        this.setState({ editedColumnFilter });
-        this.persistFilter();
-    }
-    changeColumnPredicateInput(value, index) {
-        const { editedColumnFilter } = this.state;
-        const newEditedColumnFilter = cloneObject(editedColumnFilter);
-        newEditedColumnFilter.Predicate.Inputs[index] = value;
-        this.setState({ editedColumnFilter: newEditedColumnFilter });
-        if (this.props.api.optionsApi.getColumnFilterOptions().autoApplyFilter) {
-            this.props.onSetColumnFilter(newEditedColumnFilter);
-        }
-    }
-}
-function mapStateToProps(state, ownProps) {
-    return {
-        currentColumn: ownProps.currentColumn,
-        columns: state.Grid.Columns,
-        columnFilters: getColumnFilterSelector(state),
-        showCloseButton: ownProps.showCloseButton,
-    };
-}
-function mapDispatchToProps(dispatch) {
-    return {
-        onMenuItemClick: (action) => dispatch(action),
-        onClearColumnFilter: (columnFilter) => dispatch(LayoutRedux.LayoutColumnFilterClear(columnFilter)),
-        onAddColumnFilter: (columnFilter) => dispatch(LayoutRedux.LayoutColumnFilterAdd(columnFilter)),
-        onEditColumnFilter: (columnFilter) => dispatch(LayoutRedux.LayoutColumnFilterEdit(columnFilter)),
-        onSetColumnFilter: (columnFilter) => dispatch(LayoutRedux.LayoutColumnFilterSet(columnFilter)),
-        onHideFilterForm: () => dispatch(SystemRedux.SystemFilterFormHide()),
-    };
-}
-const FilterForm = connect(mapStateToProps, mapDispatchToProps)(FilterFormComponent);
-export const FilterFormReact = (columnFilterProps) => renderWithAdaptableContext(React.createElement(FilterForm, { api: columnFilterProps.Adaptable.api, currentColumn: columnFilterProps.Column, teamSharingActivated: false, embedColumnMenu: columnFilterProps.Adaptable.embedColumnMenu, showCloseButton: columnFilterProps.ShowCloseButton }), columnFilterProps.Adaptable);

package/src/View/Components/FilterForm/QuickFilterForm.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ColumnFilterProps } from '../../../Utilities/Interface/ColumnFilterProps';
-import { ColumnFilter } from '../../../types';
-export interface QuickFilterFormState {
-    transientColumnFilter: ColumnFilter;
-}
-export declare const QuickFilterFormReact: (columnFilterProps: ColumnFilterProps) => JSX.Element;