@adaptabletools/adaptable 22.0.0-canary.1 → 22.0.0-canary.10

package/src/View/CalculatedColumn/CalculatedColumnSummary.js

@@ -1,58 +0,0 @@
-import * as React from 'react';
-import { connect } from 'react-redux';
-import { Helper } from '../../Utilities/Helpers/Helper';
-import * as CalculatedColumnRedux from '../../Redux/ActionsReducers/CalculatedColumnRedux';
-import { WizardStatus, } from '../Components/SharedProps/EditableConfigEntityState';
-import { UIHelper } from '../UIHelper';
-import { ModuleDetail } from '../Components/ModuleSummary/ModuleDetail';
-import { CalculatedColumnWizard } from './Wizard/CalculatedColumnWizard';
-export class CalculatedColumnSummaryComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.onFinishWizard = (calculatedColumn) => {
-            this.props.onEdit(calculatedColumn);
-            this.setState({
-                editedAdaptableObject: null,
-                wizardStartIndex: 0,
-                wizardStatus: WizardStatus.None,
-            });
-        };
-        this.state = UIHelper.getEmptyConfigState();
-    }
-    render() {
-        let detailRow;
-        this.props.CalculatedColumns.map((item, index) => {
-            if (item.ColumnId == this.props.summarisedColumn.columnId) {
-                detailRow = (React.createElement(ModuleDetail, { key: 'UF' + index, item1: this.props.moduleInfo.FriendlyName, item2: this.props.api.internalApi.getAdaptableQueryExpressionText(item.Query), configEnity: item, showShare: this.props.teamSharingActivated, moduleInfo: this.props.moduleInfo, onEdit: () => this.onEdit(item), onShare: (config) => this.props.onShare(item, config), onDelete: CalculatedColumnRedux.CalculatedColumnDelete(item), showBold: true, accessLevel: this.props.accessLevel }));
-            }
-        });
-        return (React.createElement("div", null,
-            detailRow,
-            this.state.editedAdaptableObject && (React.createElement(CalculatedColumnWizard, { moduleInfo: this.props.moduleInfo, data: this.state.editedAdaptableObject, configEntities: this.props.CalculatedColumns, onCloseWizard: () => this.onCloseWizard(), onFinishWizard: this.onFinishWizard }))));
-    }
-    onEdit(calculatedColumn) {
-        this.setState({
-            editedAdaptableObject: Helper.cloneObject(calculatedColumn),
-            wizardStartIndex: 0,
-            wizardStatus: WizardStatus.Edit,
-        });
-    }
-    onCloseWizard() {
-        this.setState({
-            editedAdaptableObject: null,
-            wizardStartIndex: 0,
-            wizardStatus: WizardStatus.None,
-        });
-    }
-}
-function mapStateToProps(state) {
-    return {
-        CalculatedColumns: state.CalculatedColumn.CalculatedColumns,
-    };
-}
-function mapDispatchToProps(dispatch) {
-    return {
-        onEdit: (calculatedColumn) => dispatch(CalculatedColumnRedux.CalculatedColumnEdit(calculatedColumn)),
-    };
-}
-export let CalculatedColumnSummary = connect(mapStateToProps, mapDispatchToProps)(CalculatedColumnSummaryComponent);

package/src/View/Components/Buttons/ButtonFunction.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { SimpleButtonProps } from '../../../components/SimpleButton';
-export interface ModuleButtonProps extends SimpleButtonProps {
-}
-export declare class ButtonFunction extends React.Component<ModuleButtonProps, {}> {
-    render(): React.JSX.Element;
-}

package/src/View/Components/Buttons/ButtonFunction.js

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-import { twMerge } from '../../../twMerge';
-export class ButtonFunction extends React.Component {
-    render() {
-        return (React.createElement(SimpleButton, { "data-name": "function", tooltip: "Module", iconSize: 20, icon: "function", ...this.props, className: twMerge('twa:mr-1', this.props.className) }));
-    }
-}

package/src/View/Components/Buttons/ButtonGeneral.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { SimpleButtonProps } from '../../../components/SimpleButton';
-export declare class ButtonGeneral extends React.Component<SimpleButtonProps, {}> {
-    render(): React.JSX.Element;
-}

package/src/View/Components/Buttons/ButtonGeneral.js

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-export class ButtonGeneral extends React.Component {
-    render() {
-        return React.createElement(SimpleButton, { tooltip: "", variant: "text", ...this.props });
-    }
-}

package/src/View/Components/Buttons/ButtonPreviewDelete.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { SimpleButtonProps } from '../../../components/SimpleButton';
-declare const _default: (props: SimpleButtonProps) => React.JSX.Element;
-export default _default;

package/src/View/Components/Buttons/ButtonPreviewDelete.js

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-export default (props) => {
-    return React.createElement(SimpleButton, { ...props, icon: 'delete', variant: "text", "data-name": "preview-delete" });
-};

package/src/View/Components/Buttons/ButtonShow.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { SimpleButtonProps } from '../../../components/SimpleButton';
-export declare class ButtonShow extends React.Component<SimpleButtonProps, {}> {
-    render(): React.JSX.Element;
-}

package/src/View/Components/Buttons/ButtonShow.js

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-export class ButtonShow extends React.Component {
-    render() {
-        return (React.createElement(SimpleButton, { "data-name": "show", tooltip: "Show", iconSize: 18, icon: "check", variant: "text", ...this.props }));
-    }
-}

package/src/View/Components/Buttons/ButtonShowChart.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { SimpleButtonProps } from '../../../components/SimpleButton';
-export declare class ButtonShowChart extends React.Component<SimpleButtonProps, {}> {
-    render(): React.JSX.Element;
-}

package/src/View/Components/Buttons/ButtonShowChart.js

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-export class ButtonShowChart extends React.Component {
-    render() {
-        return (React.createElement(SimpleButton, { "data-name": "show-chart", tooltip: "Show Chart", iconSize: 20, icon: "chart", variant: "text", ...this.props }));
-    }
-}

package/src/View/Components/Buttons/ButtonUndo.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { SimpleButtonProps } from '../../../components/SimpleButton';
-export declare class ButtonUndo extends React.Component<SimpleButtonProps, {}> {
-    render(): React.JSX.Element;
-}

package/src/View/Components/Buttons/ButtonUndo.js

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-export class ButtonUndo extends React.Component {
-    render() {
-        return (React.createElement(SimpleButton, { "data-name": "undo", iconSize: 20, tooltip: "Undo", icon: 'undo', variant: "text", ...this.props }));
-    }
-}

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

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { AdaptableModule } from '../../AdaptableState/Common/Types';
-import { AdaptableWizardStep, AdaptableWizardStepProps } from '../Wizard/Interface/IAdaptableWizard';
-export interface ExpressionWizardProps extends AdaptableWizardStepProps<any> {
-    onSetNewNamedQuery: (newNamedQuery: string) => void;
-    callingModule?: AdaptableModule;
-}
-export interface ExpressionWizardState {
-    expression?: string;
-    saveToNamedQueries: boolean;
-    newNamedQuery: string;
-}
-export declare class ExpressionWizard extends React.Component<ExpressionWizardProps, ExpressionWizardState> implements AdaptableWizardStep {
-    constructor(props: ExpressionWizardProps);
-    render(): React.JSX.Element;
-    isValidExpression(): boolean;
-    handleCustomExpressionChange: (expression: string) => void;
-    canNext(): boolean;
-    canBack(): boolean;
-    next(): void;
-    back(): void;
-    getIndexStepIncrement(): number;
-    getIndexStepDecrement(): number;
-}

package/src/View/Components/ExpressionWizard.js

@@ -1,77 +0,0 @@
-import * as React from 'react';
-import { CheckBox } from '../../components/CheckBox';
-import { ExpressionEditor } from '../../components/ExpressionEditor';
-import Input from '../../components/Input';
-import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
-import { NamedQueryModuleId } from '../../Utilities/Constants/ModuleConstants';
-import { useMemo } from 'react';
-import { Flex } from '../../components/Flex';
-export class ExpressionWizard extends React.Component {
-    constructor(props) {
-        super(props);
-        this.handleCustomExpressionChange = (expression) => {
-            this.setState({
-                expression,
-            }, () => this.props.updateGoBackState());
-        };
-        this.state = {
-            // this is realy horrible but its only way to use the Expression Wizard for both Report (that has Query) and Format Column (that has Rule)
-            // once we move to the new Wizard we can remove this monstrosity
-            expression: this.props.callingModule && this.props.callingModule == 'Export'
-                ? this.props.data.Query?.BooleanExpression
-                : this.props.data.Rule?.BooleanExpression,
-            saveToNamedQueries: false,
-            newNamedQuery: '',
-        };
-    }
-    render() {
-        const initialData = useMemo(() => this.props.api.internalApi.getQueryPreviewData(), []);
-        return (React.createElement(React.Fragment, null,
-            React.createElement(ExpressionEditor, { type: 'boolean', module: NamedQueryModuleId, value: this.state.expression, onChange: this.handleCustomExpressionChange, initialData: initialData, columns: this.props.api.columnApi.internalApi.getQueryableColumnsForUIEditor(), fields: this.props.api.expressionApi.internalApi.getAvailableFields(), namedQueries: this.props.api.namedQueryApi.getNamedQueries(), api: this.props.api }),
-            ' ',
-            React.createElement(Flex, { flexDirection: "row", className: "twa:p-1 twa:mb-2 twa:ml-1", alignItems: "center", "data-name": "expression-wizard-save-option" },
-                React.createElement(CheckBox, { className: "twa:ml-2 twa:mb-2", disabled: !this.isValidExpression(), checked: this.state.saveToNamedQueries, onChange: (checked) => this.setState({
-                        saveToNamedQueries: checked,
-                    }, () => this.props.updateGoBackState()) }, "Save as new Named Query"),
-                this.state.saveToNamedQueries && (React.createElement(Input, { className: "twa:ml-2 twa:min-w-[20rem]", value: this.state.newNamedQuery, onChange: (e) => this.setState({
-                        newNamedQuery: e.target.value,
-                    }, () => this.props.updateGoBackState()) })))));
-    }
-    isValidExpression() {
-        return (StringExtensions.IsNotNullOrEmpty(this.state.expression) &&
-            this.props.api.internalApi
-                .getQueryLanguageService()
-                .validateBoolean(this.state.expression, NamedQueryModuleId).isValid);
-    }
-    canNext() {
-        if (this.isValidExpression() == false) {
-            return false;
-        }
-        if (this.state.saveToNamedQueries && StringExtensions.IsNullOrEmpty(this.state.newNamedQuery)) {
-            return false;
-        }
-        return true;
-    }
-    canBack() {
-        return true;
-    }
-    next() {
-        this.props.callingModule == 'Export'
-            ? (this.props.data.Query = {
-                BooleanExpression: this.state.expression,
-            })
-            : (this.props.data.Rule = {
-                BooleanExpression: this.state.expression,
-            });
-        if (this.state.saveToNamedQueries) {
-            this.props.onSetNewNamedQuery(this.state.newNamedQuery);
-        }
-    }
-    back() { }
-    getIndexStepIncrement() {
-        return 1;
-    }
-    getIndexStepDecrement() {
-        return 1;
-    }
-}

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

@@ -1,10 +0,0 @@
-import * as React from 'react';
-export type WaitingProps = React.ClassAttributes<Waiting> & {
-    WaitingMessage: string;
-} & FlexProps & {
-    className?: string;
-};
-import { FlexProps } from '../../../components/Flex';
-export declare class Waiting extends React.Component<WaitingProps, {}> {
-    render(): any;
-}

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import IconRefresh from '../../../components/icons/refresh';
-import { Flex } from '../../../components/Flex';
-import { twMerge } from '../../../twMerge';
-export class Waiting extends React.Component {
-    render() {
-        const { WaitingMessage, ...props } = this.props;
-        return (React.createElement(Flex, { flexDirection: "column", ...props, className: twMerge(`twa:my-2`, props.className) },
-            React.createElement(Flex, { flexDirection: "row", justifyContent: "center" },
-                React.createElement(IconRefresh, null)),
-            React.createElement(Flex, { flexDirection: "row", justifyContent: "center" },
-                React.createElement("h5", null, WaitingMessage))));
-    }
-}

package/src/View/Components/Panels/PanelFooter.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-export interface PanelFooterProps {
-    onCancel: () => void;
-    onAccept: () => void;
-    cancelDisabled?: boolean;
-    acceptDisabled?: boolean;
-    acceptText?: React.ReactElement;
-    cancelText?: React.ReactElement;
-}
-export declare const PanelFooter: React.FunctionComponent<PanelFooterProps>;

package/src/View/Components/Panels/PanelFooter.js

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-import { Flex, Box } from '../../../components/Flex';
-export const PanelFooter = (props) => {
-    return (React.createElement(Flex, { className: "ab-Panel__Footer twa:p-1 twa:bg-primary", flexDirection: "row", alignItems: "center" },
-        React.createElement(SimpleButton, { className: "twa:m-1", variant: "text", "data-name": "action-cancel", onClick: props.onCancel, disabled: props.cancelDisabled }, props.cancelText ?? 'CANCEL'),
-        React.createElement(Box, { className: "twa:flex-1" }),
-        React.createElement(SimpleButton, { variant: "raised", tone: "accent", "data-name": "action-finish", className: "twa:m-1", onClick: props.onAccept, disabled: props.acceptDisabled }, props.cancelText ?? 'Finish')));
-};

package/src/View/Components/Panels/PanelWithTwoButtons.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { PanelProps } from '../../../components/Panel';
-export interface PanelWithTwoButtonsProps extends Omit<PanelProps, 'flex'> {
-    firstButtonContent?: React.ReactNode;
-    firstButton?: React.ReactElement<any>;
-    secondButtonContent?: React.ReactNode;
-    secondButton?: React.ReactElement<any>;
-    headerText: string;
-}
-export declare class PanelWithTwoButtons extends React.Component<PanelWithTwoButtonsProps, {}> {
-    render(): React.JSX.Element;
-}

package/src/View/Components/Panels/PanelWithTwoButtons.js

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import Panel from '../../../components/Panel';
-import { Flex } from '../../../components/Flex';
-//We cannot destructure this.props using the react way in typescript which is a real pain as you
-//need to transfer props individually as a consequence
-//let { buttonContent, ...other } = this.props
-export class PanelWithTwoButtons extends React.Component {
-    render() {
-        let header = (React.createElement(Flex, { alignItems: "center", className: "twa:w-full" },
-            React.createElement(Flex, { className: "twa:flex-1" }, this.props.headerText),
-            this.props.secondButton,
-            this.props.firstButton));
-        return (React.createElement(Panel, { ...this.props, header: header }, this.props.children));
-    }
-}

package/src/View/Components/Panels/ToolPanelSettingsPanel.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { PanelProps } from '../../../components/Panel';
-export interface ToolPanelSettingsPanelProps extends PanelProps {
-    button: React.ReactElement<any>;
-}
-export declare class ToolPanelSettingsPanel extends React.Component<ToolPanelSettingsPanelProps, {}> {
-    render(): React.JSX.Element;
-}

package/src/View/Components/Panels/ToolPanelSettingsPanel.js

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { Icon } from '../../../components/icons';
-import Panel from '../../../components/Panel';
-//We cannot destructure this.props using the react way in typescript which is a real pain as you
-//need to transfer props individually as a consequence
-//let { buttonContent, ...other } = this.props
-export class ToolPanelSettingsPanel extends React.Component {
-    render() {
-        let header = (React.createElement("span", { style: { verticalAlign: 'middle' } },
-            ' ',
-            React.createElement(Icon, { name: 'spanner' }),
-            " ",
-            React.createElement("span", null, "Settings"),
-            this.props.button &&
-                React.cloneElement(this.props.button, {
-                    style: {
-                        float: 'right',
-                        border: '0px',
-                        background: 'none',
-                        borderRadius: '0px',
-                        boxShadow: 'none',
-                    },
-                })));
-        return (React.createElement(Panel, { header: header, style: { margin: '0px', padding: '0px' } }, this.props.children));
-    }
-}

package/src/View/Components/Selectors/ColumnSelectorOld.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { SelectionMode } from '../../../AdaptableState/Common/Enums';
-import { AdaptableColumn } from '../../../AdaptableState/Common/AdaptableColumn';
-export interface ColumnSelectorProps extends React.HTMLProps<ColumnSelector> {
-    ColumnList: AdaptableColumn[];
-    SelectedColumnIds: string[];
-    onColumnChange: (SelectedColumns: AdaptableColumn[]) => void;
-    SelectionMode: SelectionMode;
-    className?: string;
-    placeHolder?: string;
-    showClearButton?: boolean;
-    disabled?: boolean;
-}
-export declare class ColumnSelector extends React.Component<ColumnSelectorProps, {}> {
-    render(): React.JSX.Element;
-    onClearButton(): void;
-    onColumnChange(selected: AdaptableColumn[], isEmptySelection: boolean): void;
-}

package/src/View/Components/Selectors/ColumnSelectorOld.js

@@ -1,45 +0,0 @@
-import * as React from 'react';
-import { StringExtensions } from '../../../Utilities/Extensions/StringExtensions';
-import { SortOrder } from '../../../AdaptableState/Common/Enums';
-import { ArrayExtensions } from '../../../Utilities/Extensions/ArrayExtensions';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-import DropdownButton from '../../../components/DropdownButton';
-export class ColumnSelector extends React.Component {
-    render() {
-        const sortedColumns = ArrayExtensions.sortArrayWithProperty(SortOrder.Asc, this.props.ColumnList, 'friendlyName');
-        const selectedColumnIds = this.props.SelectedColumnIds.filter((x) => StringExtensions.IsNotNullOrEmpty(x));
-        const isEmptySelectedColumnIds = this.props.SelectedColumnIds.filter((x) => StringExtensions.IsNotNullOrEmpty(x)).length == 0;
-        let sortedColumnOptions = sortedColumns.map((column) => {
-            return {
-                label: column.friendlyName,
-                value: column.columnId,
-                disabled: this.props.disabled,
-                onClick: () => {
-                    const selected = sortedColumns.filter((c) => c.columnId === column.columnId);
-                    if (!selected.length) {
-                        this.onClearButton();
-                    }
-                    else {
-                        this.onColumnChange(selected, isEmptySelectedColumnIds);
-                    }
-                },
-            };
-        });
-        let currentColumnName = selectedColumnIds.length > 0
-            ? this.props.ColumnList.find((c) => c.columnId == selectedColumnIds[0])?.friendlyName
-            : 'Select a column';
-        return (React.createElement("div", { "data-name": 'column-selector' },
-            React.createElement(FormLayout, { columns: [{ name: 'columnSelector', style: { display: 'flex' } }], style: this.props.style },
-                React.createElement(FormRow, null,
-                    React.createElement(DropdownButton, { className: "twa:w-full twa:text-0 twa:mr-2", columns: ['label'], showClearButton: currentColumnName != 'Select a column', onClear: () => this.onClearButton(), items: sortedColumnOptions, disabled: this.props.disabled || sortedColumnOptions.length == 0 }, currentColumnName)))));
-    }
-    onClearButton() {
-        this.props.onColumnChange([]);
-    }
-    onColumnChange(selected, isEmptySelection) {
-        if (selected.length == 0 && isEmptySelection) {
-            return; // must be a nicer way but we want to avoid ridiculous amounts of prop calls
-        }
-        this.props.onColumnChange(selected);
-    }
-}

package/src/View/Components/SharedProps/WizardScopeState.d.ts

@@ -1,4 +0,0 @@
-import { ColumnScope } from '../../../AdaptableState/Common/ColumnScope';
-export interface WizardScopeState {
-    scope: ColumnScope;
-}

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

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { BaseRowProps } from './SharedProps/ConfigEntityRowProps';
-export interface WizardSummaryRowProps<WizardSummaryRow> extends BaseRowProps<WizardSummaryRow> {
-    propertyName: string;
-    propertyValue: any;
-}
-export declare class WizardSummaryRow extends React.Component<WizardSummaryRowProps<WizardSummaryRow>, {}> {
-    render(): any;
-}

package/src/View/Components/WizardSummaryRow.js

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { AdaptableObjectRow } from './AdaptableObjectRow';
-import { cloneObject } from '../../Utilities/Helpers/Helper';
-export class WizardSummaryRow extends React.Component {
-    render() {
-        let colItems = cloneObject(this.props.colItems);
-        colItems[0].Content = this.props.propertyName;
-        colItems[1].Content = this.props.propertyValue;
-        return React.createElement(AdaptableObjectRow, { colItems: colItems, fontSize: 'medium' });
-    }
-}

package/src/View/CustomSort/CustomSortSummary.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import { ModuleSummaryProps } from '../Components/SharedProps/ModuleSummaryProps';
-import { EditableConfigEntityState } from '../Components/SharedProps/EditableConfigEntityState';
-import * as CustomSortRedux from '../../Redux/ActionsReducers/CustomSortRedux';
-import { CustomSort } from '../../AdaptableState/CustomSortState';
-export interface CustomSortSummaryProps extends ModuleSummaryProps<CustomSortSummaryComponent> {
-    CustomSorts: CustomSort[];
-    onAddCustomSort: (customSort: CustomSort) => CustomSortRedux.CustomSortAddAction;
-    onEditCustomSort: (customSort: CustomSort) => CustomSortRedux.CustomSortEditAction;
-}
-export declare class CustomSortSummaryComponent extends React.Component<CustomSortSummaryProps, EditableConfigEntityState> {
-    constructor(props: CustomSortSummaryProps);
-    render(): any;
-    onNew(): void;
-    onEdit(customSort: CustomSort): void;
-    onCloseWizard(): void;
-    onFinishWizard: (customSort: CustomSort) => void;
-    canFinishWizard(): boolean;
-    private getCustomSortedValues;
-}
-export declare let CustomSortSummary: import("react-redux").ConnectedComponent<typeof CustomSortSummaryComponent, {
-    [x: string]: any;
-}>;

package/src/View/CustomSort/CustomSortSummary.js

@@ -1,105 +0,0 @@
-import * as React from 'react';
-import { WizardStatus, } from '../Components/SharedProps/EditableConfigEntityState';
-import { connect } from 'react-redux';
-import { Helper } from '../../Utilities/Helpers/Helper';
-import * as CustomSortRedux from '../../Redux/ActionsReducers/CustomSortRedux';
-import { ObjectFactory } from '../../Utilities/ObjectFactory';
-import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
-import { ModuleHeader } from '../Components/ModuleSummary/ModuleHeader';
-import { ModuleDetail } from '../Components/ModuleSummary/ModuleDetail';
-import { ModuleProfile } from '../Components/ModuleProfile';
-import * as TeamSharingRedux from '../../Redux/ActionsReducers/TeamSharingRedux';
-import { UIHelper } from '../UIHelper';
-import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
-import { ArrayExtensions } from '../../Utilities/Extensions/ArrayExtensions';
-import { CustomSortWizard } from './Wizard/CustomSortWizard';
-export class CustomSortSummaryComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.onFinishWizard = (customSort) => {
-            if (this.props.CustomSorts.find((x) => x.ColumnId == customSort.ColumnId)) {
-                this.props.onEditCustomSort(customSort);
-            }
-            else {
-                this.props.onAddCustomSort(customSort);
-            }
-            this.setState({
-                editedAdaptableObject: null,
-                wizardStartIndex: 0,
-                wizardStatus: WizardStatus.None,
-            });
-        };
-        this.state = UIHelper.getEmptyConfigState();
-    }
-    render() {
-        const customSort = this.props.CustomSorts.find((c) => c.ColumnId == this.props.summarisedColumn.columnId);
-        const columnSortComparer = this.props.api.customSortApi.internalApi.getCustomSortComparer(this.props.summarisedColumn.columnId);
-        let noCustomSort = customSort == null && columnSortComparer == null;
-        let customSortRow;
-        if (!this.props.summarisedColumn.sortable) {
-            customSortRow = (React.createElement(ModuleHeader, { key: this.props.moduleInfo.FriendlyName, moduleInfo: this.props.moduleInfo, moduleSummary: 'Column is not sortable', newButtonDisabled: true, onNew: () => this.onNew(), newButtonTooltip: this.props.moduleInfo.FriendlyName, accessLevel: this.props.accessLevel }));
-        }
-        else if (noCustomSort) {
-            // title row
-            customSortRow = (React.createElement(ModuleHeader, { key: this.props.moduleInfo.FriendlyName, moduleInfo: this.props.moduleInfo, moduleSummary: 'No Custom Sort Set', onNew: () => this.onNew(), accessLevel: this.props.accessLevel, newButtonTooltip: this.props.moduleInfo.FriendlyName }));
-        }
-        else if (columnSortComparer != null) {
-            customSortRow = (React.createElement(ModuleHeader, { key: this.props.moduleInfo.FriendlyName, moduleInfo: this.props.moduleInfo, moduleSummary: 'Using a Custom Sort Comparer Function', onNew: () => this.onNew(), accessLevel: this.props.accessLevel, newButtonTooltip: this.props.moduleInfo.FriendlyName }));
-        }
-        else {
-            customSortRow = (React.createElement(ModuleDetail, { key: this.props.moduleInfo.FriendlyName, item1: React.createElement(ModuleProfile, { moduleInfo: this.props.moduleInfo }), item2: this.getCustomSortedValues(customSort), configEnity: customSort, moduleInfo: this.props.moduleInfo, onEdit: () => this.onEdit(customSort), showEdit: customSort != undefined, onShare: (config) => this.props.onShare(customSort, config), showShare: this.props.teamSharingActivated, onDelete: CustomSortRedux.CustomSortDelete(customSort), showBold: true, accessLevel: this.props.accessLevel }));
-        }
-        return (React.createElement(React.Fragment, null,
-            customSortRow,
-            this.state.editedAdaptableObject && (React.createElement(CustomSortWizard, { isNew: this.state.wizardStatus === WizardStatus.New, moduleInfo: this.props.moduleInfo, data: this.state.editedAdaptableObject, configEntities: this.props.CustomSorts, onCloseWizard: () => this.onCloseWizard(), onFinishWizard: this.onFinishWizard }))));
-    }
-    onNew() {
-        let configEntity = ObjectFactory.CreateEmptyCustomSort();
-        configEntity.ColumnId = this.props.summarisedColumn.columnId;
-        this.setState({
-            editedAdaptableObject: configEntity,
-            wizardStartIndex: 1,
-            wizardStatus: WizardStatus.New,
-        });
-    }
-    onEdit(customSort) {
-        this.setState({
-            editedAdaptableObject: Helper.cloneObject(customSort),
-            wizardStartIndex: 1,
-            wizardStatus: WizardStatus.Edit,
-        });
-    }
-    onCloseWizard() {
-        this.setState({
-            editedAdaptableObject: null,
-            wizardStartIndex: 0,
-            wizardStatus: WizardStatus.None,
-        });
-    }
-    canFinishWizard() {
-        let customSort = this.state.editedAdaptableObject;
-        return (StringExtensions.IsNotNullOrEmpty(customSort.ColumnId) &&
-            ArrayExtensions.IsNotNullOrEmpty(customSort.SortedValues));
-    }
-    getCustomSortedValues(customSort) {
-        if (ArrayExtensions.IsNotNullOrEmpty(customSort.SortedValues)) {
-            return customSort.SortedValues.join(', ');
-        }
-        else {
-            return '[Has bespoke Custom Sort implementing using bespoke function]';
-        }
-    }
-}
-function mapStateToProps(state, ownProps) {
-    return {
-        CustomSorts: state.CustomSort.CustomSorts,
-    };
-}
-function mapDispatchToProps(dispatch) {
-    return {
-        onAddCustomSort: (customSort) => dispatch(CustomSortRedux.CustomSortAdd(customSort)),
-        onEditCustomSort: (customSort) => dispatch(CustomSortRedux.CustomSortEdit(customSort)),
-        onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.CustomSortModuleId, config)),
-    };
-}
-export let CustomSortSummary = connect(mapStateToProps, mapDispatchToProps)(CustomSortSummaryComponent);

package/src/View/DataImport/DataImportWizard/sections/ImportSection.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { ValidationErrorsMap } from '../DataImportWizard';
-interface ImportSectionProps {
-    data?: Record<string, unknown>[];
-    onDataChange?: (data: Record<string, unknown>[]) => void;
-    errors: ValidationErrorsMap | null;
-}
-export declare const ImportSection: React.FunctionComponent<ImportSectionProps>;
-export {};

package/src/View/DataImport/DataImportWizard/sections/ImportSection.js

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import CheckBox from '../../../../components/icons/check-box';
-import { Tabs } from '../../../../components/Tabs';
-import { DataPreview } from './DataPreview';
-import { Flex } from '../../../../components/Flex';
-export const ImportSection = (props) => {
-    return (React.createElement(Flex, { flexDirection: "column", className: "twa:p-2 twa:h-full" },
-        React.createElement(Tabs, { className: "twa:mb-2" },
-            React.createElement(Tabs.Tab, null, "Import Options"),
-            React.createElement(Tabs.Content, null,
-                React.createElement(FormLayout, null,
-                    React.createElement(FormRow, { label: "Exclude Invalid Rows" },
-                        React.createElement(CheckBox, null))))),
-        React.createElement(Tabs, { className: "twa:flex-1" },
-            React.createElement(Tabs.Tab, null, "Preview"),
-            React.createElement(Tabs.Content, null,
-                React.createElement(DataPreview, { onDataChange: props.onDataChange, data: props.data, errors: props.errors, editable: false })))));
-};