@adaptabletools/adaptable 18.0.0-canary.7 → 18.0.0-canary.9

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

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { AdaptableApi } from '../../Api/AdaptableApi';
-import { AdaptableScope } from '../../PredefinedConfig/Common/AdaptableScope';
-export interface ScopeComponentProps extends React.ClassAttributes<ScopeComponent> {
-    api: AdaptableApi;
-    scope: AdaptableScope;
-    updateScope: (scope: AdaptableScope) => void;
-    displayMessage?: string;
-    availableDataTypes?: string[];
-}
-export interface ScopeComponentState {
-    ScopeChoice: 'All' | 'Column' | 'DataType';
-    componentScope: AdaptableScope;
-    selectedColumnValues: string[] | undefined;
-    availableDataTypes?: string[];
-}
-export declare class ScopeComponent extends React.Component<ScopeComponentProps, ScopeComponentState> {
-    constructor(props: ScopeComponentProps);
-    render(): JSX.Element;
-    private setScopeChoice;
-    private onScopeSelectChanged;
-    private onColumnsSelectedChanged;
-    private onCheckBoxDataTypeChecked;
-}

package/src/View/Components/ScopeComponent.js

@@ -1,133 +0,0 @@
-import * as React from 'react';
-import { Flex, Box } from 'rebass';
-import Panel from '../../components/Panel';
-import HelpBlock from '../../components/HelpBlock';
-import Radio from '../../components/Radio';
-import { DualListBoxEditor } from './ListBox/DualListBoxEditor';
-import { CheckBox } from '../../components/CheckBox';
-export class ScopeComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            ScopeChoice: this.setScopeChoice(this.props.scope),
-            componentScope: this.props.scope,
-            selectedColumnValues: this.props.api.columnApi.getFriendlyNamesForColumnIds(this.props.api.scopeApi.getColumnIdsInScope(this.props.scope)),
-            availableDataTypes: this.props.availableDataTypes
-                ? this.props.availableDataTypes
-                : ['Date', 'Number', 'String', 'Boolean'],
-        };
-    }
-    render() {
-        let availableValues = this.props.api.columnApi.internalApi.getAllColumnFriendlyNames();
-        let displayMessage = this.props.displayMessage
-            ? this.props.displayMessage
-            : 'Apply Scope for: Row, or one or more Columns, or one or more Data Types';
-        return (React.createElement("div", { "data-name": 'scope-component' },
-            React.createElement(Panel, { header: "Scope", margin: 2, className: "ab-ScopeComponent" },
-                React.createElement(Flex, { flexDirection: "column", "data-name": "scope-block" },
-                    React.createElement(HelpBlock, { marginBottom: 1 }, displayMessage),
-                    ' ',
-                    React.createElement(Flex, { flexDirection: "row", alignItems: "center", padding: 2 },
-                        React.createElement(Radio, { value: "Row", checked: this.state.ScopeChoice == 'All', onChange: (checked, e) => this.onScopeSelectChanged(e) }, "All Columns"),
-                        ' ',
-                        React.createElement(Radio, { marginLeft: 3, value: "Column", checked: this.state.ScopeChoice == 'Column', onChange: (checked, e) => this.onScopeSelectChanged(e) }, "Selected Column(s)"),
-                        ' ',
-                        React.createElement(Radio, { marginLeft: 3, value: "DataType", checked: this.state.ScopeChoice == 'DataType', onChange: (checked, e) => this.onScopeSelectChanged(e) }, "DataType(s)")),
-                    this.state.ScopeChoice == 'Column' && (React.createElement(Box, { marginBottom: 2, "data-name": "column-scope" },
-                        React.createElement(DualListBoxEditor, { style: { flex: 1, overflow: 'hidden', height: '250px' }, AvailableValues: availableValues, SelectedValues: this.state.selectedColumnValues, HeaderAvailable: "Columns", HeaderSelected: "Columns In Style", onChange: (SelectedValues) => this.onColumnsSelectedChanged(SelectedValues) }))),
-                    this.state.ScopeChoice == 'DataType' && (React.createElement(Panel, { "data-name": "datatype-scope", variant: "modern" },
-                        React.createElement(Flex, { flexDirection: "row" },
-                            this.state.availableDataTypes.includes('Date') && (React.createElement(CheckBox, { "data-name": "scope", "data-value": "date", checked: this.state.componentScope &&
-                                    'DataTypes' in this.state.componentScope &&
-                                    this.props.api.scopeApi
-                                        .getDataTypesInScope(this.state.componentScope)
-                                        .includes('Date'), marginLeft: 2, onChange: (checked) => this.onCheckBoxDataTypeChecked(checked, 'Date') }, "Date")),
-                            this.state.availableDataTypes.includes('Number') && (React.createElement(CheckBox, { "data-name": "scope", "data-value": "number", checked: this.state.componentScope &&
-                                    'DataTypes' in this.state.componentScope &&
-                                    this.props.api.scopeApi
-                                        .getDataTypesInScope(this.state.componentScope)
-                                        .includes('Number'), marginLeft: 4, onChange: (checked) => this.onCheckBoxDataTypeChecked(checked, 'Number') }, "Number")),
-                            this.state.availableDataTypes.includes('String') && (React.createElement(CheckBox, { "data-name": "scope", "data-value": "string", checked: this.state.componentScope &&
-                                    'DataTypes' in this.state.componentScope &&
-                                    this.props.api.scopeApi
-                                        .getDataTypesInScope(this.state.componentScope)
-                                        .includes('String'), marginLeft: 4, onChange: (checked) => this.onCheckBoxDataTypeChecked(checked, 'String') }, "String")),
-                            this.state.availableDataTypes.includes('Boolean') && (React.createElement(CheckBox, { "data-name": "scope", "data-value": "boolean", checked: this.state.componentScope &&
-                                    'DataTypes' in this.state.componentScope &&
-                                    this.props.api.scopeApi
-                                        .getDataTypesInScope(this.state.componentScope)
-                                        .includes('Boolean'), marginLeft: 4, onChange: (checked) => this.onCheckBoxDataTypeChecked(checked, 'Boolean') }, "Boolean")))))))));
-    }
-    setScopeChoice(scope) {
-        if (!scope) {
-            return undefined;
-        }
-        if (this.props.api.scopeApi.scopeIsAll(scope)) {
-            return 'All';
-        }
-        if (this.props.api.scopeApi.scopeHasColumns(this.props.scope)) {
-            return 'Column';
-        }
-        if (this.props.api.scopeApi.scopeHasDataType(this.props.scope)) {
-            return 'DataType';
-        }
-        return undefined;
-    }
-    onScopeSelectChanged(event) {
-        let e = event.target;
-        let newScope;
-        let newScopeChoice;
-        if (e.value == 'Column') {
-            newScope = {
-                ColumnIds: [],
-            };
-            newScopeChoice = 'Column';
-        }
-        else if (e.value == 'DataType') {
-            newScope = {
-                DataTypes: [],
-            };
-            newScopeChoice = 'DataType';
-        }
-        else {
-            newScope = {
-                All: true,
-            };
-            newScopeChoice = 'All';
-        }
-        this.setState({
-            ScopeChoice: newScopeChoice,
-            componentScope: newScope,
-        }, () => this.forceUpdate());
-        this.props.updateScope(newScope);
-    }
-    onColumnsSelectedChanged(columnFriendlyNames) {
-        let cols = this.props.api.columnApi.getColumnIdsForFriendlyNames(columnFriendlyNames);
-        let newScope = {
-            ColumnIds: cols,
-        };
-        this.setState({
-            componentScope: newScope,
-            selectedColumnValues: columnFriendlyNames,
-        }, () => this.forceUpdate());
-        //  this.updateScope();
-        this.props.updateScope(newScope);
-    }
-    onCheckBoxDataTypeChecked(checked, item) {
-        let dataTypes = [].concat(this.props.api.scopeApi.getDataTypesInScope(this.state.componentScope));
-        if (checked) {
-            dataTypes.push(item);
-        }
-        else {
-            const index = dataTypes.indexOf(item, 0);
-            if (index > -1) {
-                dataTypes.splice(index, 1);
-            }
-        }
-        let newScope = {
-            DataTypes: dataTypes,
-        };
-        this.setState({ componentScope: newScope }, () => this.forceUpdate());
-        this.props.updateScope(newScope);
-    }
-}

package/src/View/Export/Wizard/ReportScopeWizard.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { AdaptableWizardStep, AdaptableWizardStepProps } from '../../Wizard/Interface/IAdaptableWizard';
-import { WizardScopeState } from '../../Components/SharedProps/WizardScopeState';
-import { Report } from '../../../PredefinedConfig/ExportState';
-export interface ReportScopeWizardProps extends AdaptableWizardStepProps<Report> {
-}
-export declare class ReportScopeWizard extends React.Component<ReportScopeWizardProps, WizardScopeState> implements AdaptableWizardStep {
-    constructor(props: ReportScopeWizardProps);
-    render(): any;
-    private onUpdateScope;
-    canNext(): boolean;
-    canBack(): boolean;
-    next(): void;
-    back(): void;
-    getIndexStepIncrement(): number;
-    getIndexStepDecrement(): number;
-}

package/src/View/Export/Wizard/ReportScopeWizard.js

@@ -1,47 +0,0 @@
-import * as React from 'react';
-import WizardPanel from '../../../components/WizardPanel';
-import { ScopeComponent } from '../../Components/ScopeComponent';
-import ArrayExtensions from '../../../Utilities/Extensions/ArrayExtensions';
-export class ReportScopeWizard extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            scope: this.props.data.Scope ? this.props.data.Scope : { All: true },
-        };
-    }
-    render() {
-        return (React.createElement(WizardPanel, { "data-name": "scope-container", bodyProps: { padding: 0 } },
-            React.createElement(ScopeComponent, { api: this.props.api, scope: this.state.scope, updateScope: (scope) => this.onUpdateScope(scope) }),
-            ' '));
-    }
-    onUpdateScope(scope) {
-        this.setState({ scope: scope }, () => this.props.updateGoBackState());
-    }
-    canNext() {
-        if (this.state.scope == undefined) {
-            return false;
-        }
-        if ('ColumnIds' in this.state.scope &&
-            ArrayExtensions.IsNullOrEmpty(this.props.api.scopeApi.getColumnIdsInScope(this.state.scope))) {
-            return false;
-        }
-        if ('DataTypes' in this.state.scope &&
-            ArrayExtensions.IsNullOrEmpty(this.props.api.scopeApi.getDataTypesInScope(this.state.scope))) {
-            return false;
-        }
-        return true;
-    }
-    canBack() {
-        return false;
-    }
-    next() {
-        this.props.data.Scope = this.state.scope;
-    }
-    back() { }
-    getIndexStepIncrement() {
-        return 1;
-    }
-    getIndexStepDecrement() {
-        return 1;
-    }
-}