@adaptabletools/adaptable 10.0.4-canary.4 → 10.0.4-canary.5

package/src/View/Filter/FilterPopup.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import * as TeamSharingRedux from '../../Redux/ActionsReducers/TeamSharingRedux';
-import * as PopupRedux from '../../Redux/ActionsReducers/PopupRedux';
-import { ModuleViewPopupProps } from '../Components/SharedProps/ModuleViewPopupProps';
-import { AdaptableObject } from '../../PredefinedConfig/Common/AdaptableObject';
-import { ColumnFilter } from '../../PredefinedConfig/FilterState';
-import { UIPrompt } from '../../Utilities/Interface/MessagePopups';
-import { SharedEntityConfig } from '../../PredefinedConfig/TeamSharingState';
-interface FilterPopupProps extends ModuleViewPopupProps<FilterPopupComponent> {
-    ColumnFilters: ColumnFilter[];
-    onShowPrompt: (prompt: UIPrompt) => PopupRedux.PopupShowPromptAction;
-    onShare: (entity: AdaptableObject, config: SharedEntityConfig) => TeamSharingRedux.TeamSharingShareAction;
-}
-declare class FilterPopupComponent extends React.Component<FilterPopupProps, {}> {
-    constructor(props: FilterPopupProps);
-    render(): JSX.Element;
-    private onClearColumnFilter;
-}
-export declare let FilterPopup: import("react-redux").ConnectedComponent<typeof FilterPopupComponent, any>;
-export {};

package/src/View/Filter/FilterPopup.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterPopup = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_redux_1 = require("react-redux");
-const FilterRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/FilterRedux"));
-const TeamSharingRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/TeamSharingRedux"));
-const PopupRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/PopupRedux"));
-const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
-const FilterEntityRow_1 = require("./FilterEntityRow");
-const AdaptableObjectCollection_1 = require("../Components/AdaptableObjectCollection");
-const PanelWithImage_1 = require("../Components/Panels/PanelWithImage");
-const EmptyContent_1 = tslib_1.__importDefault(require("../../components/EmptyContent"));
-const AdaptableHelper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/AdaptableHelper"));
-class FilterPopupComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { wizardStartIndex: 0 };
-    }
-    render() {
-        let colItems = [
-            { Content: 'Column', Size: 3 },
-            { Content: 'Filter', Size: 7 },
-            { Content: '', Size: 2 },
-        ];
-        let columnFilterItems = this.props.ColumnFilters.map((columnFilter, index) => {
-            let accessLevel = AdaptableHelper_1.default.getAppropriateAccessLevel(columnFilter, this.props.accessLevel);
-            return (React.createElement(FilterEntityRow_1.FilterEntityRow, { key: index, colItems: colItems, api: this.props.api, moduleInfo: this.props.moduleInfo, adaptableObject: null, columnFilter: columnFilter, onEdit: null, onDeleteConfirm: FilterRedux.ColumnFilterClear(columnFilter), onClear: () => this.onClearColumnFilter(columnFilter.ColumnId), onShare: (config) => this.props.onShare(columnFilter, config), teamSharingActivated: this.props.teamSharingActivated, accessLevel: accessLevel }));
-        });
-        return (React.createElement(PanelWithImage_1.PanelWithImage, { header: this.props.moduleInfo.FriendlyName, variant: "primary", infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed(), glyphicon: this.props.moduleInfo.Glyph, style: { flex: 1 } }, columnFilterItems.length > 0 ? (React.createElement(AdaptableObjectCollection_1.AdaptableObjectCollection, { colItems: colItems, items: columnFilterItems })) : (React.createElement(EmptyContent_1.default, null,
-            React.createElement("p", null, "There are currently no column filters applied."),
-            React.createElement("p", null, "Create column filters by using the filter dropdown in each column header.")))));
-    }
-    onClearColumnFilter(columnId) {
-        this.props.api.filterApi.clearColumnFilterByColumn(columnId);
-    }
-}
-function mapStateToProps(state, ownProps) {
-    return {
-        ColumnFilters: state.Filter.ColumnFilters,
-    };
-}
-function mapDispatchToProps(dispatch) {
-    return {
-        onShowPrompt: (prompt) => dispatch(PopupRedux.PopupShowPrompt(prompt)),
-        onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.FilterModuleId, config)),
-    };
-}
-exports.FilterPopup = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(FilterPopupComponent);

package/src/View/FormatColumn/FormatColumnEntityRow.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { SharedEntityRowProps } from '../Components/SharedProps/ConfigEntityRowProps';
-export declare class FormatColumnEntityRow extends React.Component<SharedEntityRowProps<FormatColumnEntityRow>, {}> {
-    render(): any;
-    private getStyleDescription;
-    private getRanges;
-    private getColumnComparison;
-    private showFormatExample;
-}

package/src/View/FormatColumn/FormatColumnEntityRow.js

@@ -1,103 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormatColumnEntityRow = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-/// <reference path="../../typings/.d.ts" />
-const EntityListActionButtons_1 = require("../Components/Buttons/EntityListActionButtons");
-const StyleVisualItem_1 = require("../Components/StyleVisualItem");
-const AdaptableObjectRow_1 = require("../Components/AdaptableObjectRow");
-const EntityRowItem_1 = require("../Components/EntityRowItem");
-const UIHelper_1 = require("../UIHelper");
-const FormatHelper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/FormatHelper"));
-const rebass_1 = require("rebass");
-const Helper_1 = require("../../Utilities/Helpers/Helper");
-class FormatColumnEntityRow extends React.Component {
-    render() {
-        let formatColumn = this.props.adaptableObject;
-        let colItems = Helper_1.cloneObject(this.props.colItems);
-        colItems[0].Content = (React.createElement(EntityRowItem_1.EntityRowItem, { Content: this.props.api.scopeApi.getScopeDescription(formatColumn.Scope) }));
-        colItems[1].Content = React.createElement(EntityRowItem_1.EntityRowItem, { Content: this.getStyleDescription(formatColumn) });
-        colItems[2].Content = React.createElement(EntityRowItem_1.EntityRowItem, { Content: this.showFormatExample(formatColumn) });
-        colItems[3].Content = (React.createElement(EntityListActionButtons_1.EntityListActionButtons, { showSuspend: true, suspendableObject: formatColumn, editClick: () => this.props.onEdit(formatColumn), showShare: this.props.teamSharingActivated, shareClick: (config) => this.props.onShare(config), confirmDeleteAction: this.props.onDeleteConfirm, entityType: this.props.moduleInfo.FriendlyName, accessLevel: this.props.accessLevel, onSuspend: this.props.onSuspend, onUnSuspend: this.props.onUnSuspend }));
-        return React.createElement(AdaptableObjectRow_1.AdaptableObjectRow, { isSuspended: formatColumn.IsSuspended, colItems: colItems });
-    }
-    getStyleDescription(formatColumn) {
-        if (formatColumn.ColumnStyle) {
-            if (formatColumn.ColumnStyle.GradientStyle) {
-                if (formatColumn.ColumnStyle.GradientStyle.CellRanges) {
-                    return this.getRanges(formatColumn.ColumnStyle.GradientStyle.CellRanges);
-                }
-                if (formatColumn.ColumnStyle.GradientStyle.ColumnComparison) {
-                    return this.getColumnComparison(formatColumn.ColumnStyle.GradientStyle.ColumnComparison);
-                }
-            }
-            if (formatColumn.ColumnStyle.PercentBarStyle) {
-                if (formatColumn.ColumnStyle.PercentBarStyle.CellRanges) {
-                    return this.getRanges(formatColumn.ColumnStyle.PercentBarStyle.CellRanges);
-                }
-                if (formatColumn.ColumnStyle.PercentBarStyle.ColumnComparison) {
-                    return this.getColumnComparison(formatColumn.ColumnStyle.PercentBarStyle.ColumnComparison);
-                }
-            }
-            else if (formatColumn.ColumnStyle.CheckBoxStyle) {
-                return 'CheckBox Column';
-            }
-        }
-        if (formatColumn.Style == null || UIHelper_1.UIHelper.IsEmptyStyle(formatColumn.Style)) {
-            return '[None]';
-        }
-        return React.createElement(StyleVisualItem_1.StyleVisualItem, { Style: formatColumn.Style });
-    }
-    getRanges(ranges) {
-        return ranges.map((r, i) => (React.createElement(rebass_1.Flex, { key: i, alignItems: "center", mr: 3 },
-            React.createElement(rebass_1.Box, { mr: 1 },
-                r.Min,
-                " to ",
-                r.Max,
-                ' '),
-            React.createElement(StyleVisualItem_1.StyleVisualItem, { Style: {
-                    BackColor: r.Color,
-                    ForeColor: r.Color,
-                } }))));
-    }
-    getColumnComparison(columnComparison) {
-        return (React.createElement(rebass_1.Flex, { key: 'cc', alignItems: "center", mr: 3 },
-            React.createElement(rebass_1.Box, { mr: 1 },
-                "Min Value:",
-                ' ',
-                isNaN(Number(columnComparison.MinValue))
-                    ? '[' +
-                        this.props.api.columnApi.getFriendlyNameFromColumnId(String(columnComparison.MinValue)) +
-                        ']'
-                    : columnComparison.MinValue,
-                ' ',
-                ", Max Value:",
-                ' ',
-                isNaN(Number(columnComparison.MaxValue))
-                    ? '[' +
-                        this.props.api.columnApi.getFriendlyNameFromColumnId(String(columnComparison.MaxValue)) +
-                        ']'
-                    : columnComparison.MaxValue,
-                ' '),
-            React.createElement(StyleVisualItem_1.StyleVisualItem, { Style: {
-                    BackColor: columnComparison.Color,
-                    ForeColor: columnComparison.Color,
-                } })));
-    }
-    showFormatExample(formatColumn) {
-        if (!formatColumn.DisplayFormat) {
-            return undefined;
-        }
-        if (formatColumn.DisplayFormat.Formatter === 'DateFormatter') {
-            return FormatHelper_1.default.DateFormatter(new Date(), formatColumn.DisplayFormat.Options);
-        }
-        if (formatColumn.DisplayFormat.Formatter === 'NumberFormatter') {
-            return FormatHelper_1.default.NumberFormatter(12345.6789, formatColumn.DisplayFormat.Options);
-        }
-        if (formatColumn.DisplayFormat.Formatter === 'StringFormatter') {
-            return FormatHelper_1.default.StringFormatter('Hello World', formatColumn.DisplayFormat.Options);
-        }
-    }
-}
-exports.FormatColumnEntityRow = FormatColumnEntityRow;

package/src/View/FormatColumn/FormatColumnPopup.d.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import * as FormatColumnRedux from '../../Redux/ActionsReducers/FormatColumnRedux';
-import { ModuleViewPopupProps } from '../Components/SharedProps/ModuleViewPopupProps';
-import * as TeamSharingRedux from '../../Redux/ActionsReducers/TeamSharingRedux';
-import { EditableConfigEntityState } from '../Components/SharedProps/EditableConfigEntityState';
-import { AdaptableObject } from '../../PredefinedConfig/Common/AdaptableObject';
-import { FormatColumn } from '../../PredefinedConfig/FormatColumnState';
-import { SharedEntityConfig } from '../../PredefinedConfig/TeamSharingState';
-interface FormatColumnPopupProps extends ModuleViewPopupProps<FormatColumnPopupComponent> {
-    FormatColumns: Array<FormatColumn>;
-    onAddFormatColumn: (formatColumn: FormatColumn) => FormatColumnRedux.FormatColumnAddAction;
-    onEditFormatColumn: (formatColumn: FormatColumn) => FormatColumnRedux.FormatColumnEditAction;
-    onShare: (entity: AdaptableObject, config: SharedEntityConfig) => TeamSharingRedux.TeamSharingShareAction;
-}
-declare class FormatColumnPopupComponent extends React.Component<FormatColumnPopupProps, EditableConfigEntityState> {
-    constructor(props: FormatColumnPopupProps);
-    shouldClosePopupOnFinishWizard: boolean;
-    componentDidMount(): void;
-    render(): JSX.Element;
-    onNew(): void;
-    onNewFromColumn(formatColumn: FormatColumn): void;
-    onEdit(formatColumn: FormatColumn): void;
-    onCloseWizard: () => void;
-    onFinishWizard: (formatColumn: FormatColumn) => void;
-}
-export declare let FormatColumnPopup: import("react-redux").ConnectedComponent<typeof FormatColumnPopupComponent, any>;
-export {};

package/src/View/FormatColumn/FormatColumnPopup.js

@@ -1,133 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormatColumnPopup = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_redux_1 = require("react-redux");
-const FormatColumnRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/FormatColumnRedux"));
-const FormatColumnEntityRow_1 = require("./FormatColumnEntityRow");
-const Helper_1 = require("../../Utilities/Helpers/Helper");
-const PanelWithButton_1 = require("../Components/Panels/PanelWithButton");
-const ObjectFactory_1 = require("../../Utilities/ObjectFactory");
-const ButtonNew_1 = require("../Components/Buttons/ButtonNew");
-const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
-const TeamSharingRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/TeamSharingRedux"));
-const EditableConfigEntityState_1 = require("../Components/SharedProps/EditableConfigEntityState");
-const AdaptableObjectCollection_1 = require("../Components/AdaptableObjectCollection");
-const rebass_1 = require("rebass");
-const EmptyContent_1 = tslib_1.__importDefault(require("../../components/EmptyContent"));
-const AdaptableHelper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/AdaptableHelper"));
-const FormatColumnWizard_1 = require("./Wizard/FormatColumnWizard");
-class FormatColumnPopupComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.shouldClosePopupOnFinishWizard = false;
-        this.onCloseWizard = () => {
-            this.props.onClearPopupParams();
-            this.setState({
-                editedAdaptableObject: null,
-                wizardStartIndex: 0,
-                wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
-            });
-            if (this.shouldClosePopupOnFinishWizard) {
-                this.props.onClosePopup();
-            }
-        };
-        this.onFinishWizard = (formatColumn) => {
-            if (this.state.wizardStatus == EditableConfigEntityState_1.WizardStatus.Edit) {
-                this.props.onEditFormatColumn(formatColumn);
-            }
-            else {
-                this.props.onAddFormatColumn(formatColumn);
-            }
-            this.setState({ editedAdaptableObject: null, wizardStartIndex: 0 });
-        };
-        this.state = {
-            editedAdaptableObject: null,
-            wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
-        };
-    }
-    componentDidMount() {
-        if (this.props.popupParams) {
-            if (this.props.popupParams.action && this.props.popupParams.column) {
-                let column = this.props.popupParams.column;
-                if (this.props.popupParams.action == 'New') {
-                    let newFormatColumn = ObjectFactory_1.ObjectFactory.CreateEmptyFormatColumn();
-                    newFormatColumn.Scope = {
-                        ColumnIds: [column.columnId],
-                    };
-                    this.onNewFromColumn(newFormatColumn);
-                }
-                if (this.props.popupParams.action == 'Edit') {
-                    // have to hope we get the most suitable / current one
-                    let editFormatColumn = this.props.popupParams.value;
-                    if (editFormatColumn) {
-                        this.onEdit(editFormatColumn);
-                    }
-                }
-            }
-            this.shouldClosePopupOnFinishWizard =
-                this.props.popupParams.source && this.props.popupParams.source == 'ColumnMenu';
-        }
-    }
-    render() {
-        let colItems = [
-            { Content: 'Column', Size: 3 },
-            { Content: 'Style', Size: 4 },
-            { Content: 'Format', Size: 3 },
-            { Content: '', Size: 2 },
-        ];
-        let formatColumns = this.props.FormatColumns.map((formatColumn, index) => {
-            let accessLevel = AdaptableHelper_1.default.getAppropriateAccessLevel(formatColumn, this.props.accessLevel);
-            return (React.createElement(FormatColumnEntityRow_1.FormatColumnEntityRow, { key: formatColumn.Uuid, colItems: colItems, moduleInfo: this.props.moduleInfo, api: this.props.api, adaptableObject: formatColumn, onEdit: () => this.onEdit(formatColumn), onShare: (config) => this.props.onShare(formatColumn, config), teamSharingActivated: this.props.teamSharingActivated, onDeleteConfirm: FormatColumnRedux.FormatColumnDelete(formatColumn), accessLevel: accessLevel, onSuspend: this.props.onSuspend, onUnSuspend: this.props.onUnSuspend }));
-        });
-        let newButton = (React.createElement(ButtonNew_1.ButtonNew, { onClick: () => this.onNew(), tooltip: "Create Format Column", accessLevel: this.props.accessLevel, style: {
-                color: 'var(--ab-color-text-on-add)',
-                fill: 'var(--ab-color-text-on-add)',
-                background: 'var(--ab-color-action-add)',
-            } }));
-        return (React.createElement(rebass_1.Flex, { flex: 1, flexDirection: "column" },
-            React.createElement(PanelWithButton_1.PanelWithButton, { headerText: this.props.moduleInfo.FriendlyName, button: newButton, glyphicon: this.props.moduleInfo.Glyph, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed(), bodyProps: { padding: 0 } },
-                this.props.FormatColumns.length == 0 ? (React.createElement(EmptyContent_1.default, null, "Click 'New' to create a new column format.")) : (React.createElement(AdaptableObjectCollection_1.AdaptableObjectCollection, { colItems: colItems, items: formatColumns })),
-                this.state.editedAdaptableObject != null && (React.createElement(FormatColumnWizard_1.FormatColumnWizard, { moduleInfo: this.props.moduleInfo, data: this.state.editedAdaptableObject, configEntities: this.props.FormatColumns, onCloseWizard: this.onCloseWizard, onFinishWizard: this.onFinishWizard })))));
-    }
-    onNew() {
-        this.setState({
-            editedAdaptableObject: ObjectFactory_1.ObjectFactory.CreateEmptyFormatColumn(),
-            wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.New,
-        });
-    }
-    onNewFromColumn(formatColumn) {
-        let clonedObject = Helper_1.Helper.cloneObject(formatColumn);
-        this.setState({
-            editedAdaptableObject: clonedObject,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.New,
-            wizardStartIndex: 1,
-        });
-    }
-    onEdit(formatColumn) {
-        let clonedObject = Helper_1.Helper.cloneObject(formatColumn);
-        this.setState({
-            editedAdaptableObject: clonedObject,
-            wizardStartIndex: 1,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.Edit,
-        });
-    }
-}
-function mapStateToProps(state, ownProps) {
-    return {
-        FormatColumns: state.FormatColumn.FormatColumns,
-    };
-}
-function mapDispatchToProps(dispatch) {
-    return {
-        onAddFormatColumn: (formatColumn) => dispatch(FormatColumnRedux.FormatColumnAdd(formatColumn)),
-        onEditFormatColumn: (formatColumn) => dispatch(FormatColumnRedux.FormatColumnEdit(formatColumn)),
-        onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.FormatColumnModuleId, config)),
-        onSuspend: (entity) => dispatch(FormatColumnRedux.FormatColumnSuspend(entity)),
-        onUnSuspend: (entity) => dispatch(FormatColumnRedux.FormatColumnUnSuspend(entity)),
-    };
-}
-exports.FormatColumnPopup = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(FormatColumnPopupComponent);

package/src/View/FreeTextColumn/FreeTextColumnEntityRow.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { SharedEntityRowProps } from '../Components/SharedProps/ConfigEntityRowProps';
-export declare class FreeTextColumnEntityRow extends React.Component<SharedEntityRowProps<FreeTextColumnEntityRow>, {}> {
-    render(): any;
-}

package/src/View/FreeTextColumn/FreeTextColumnEntityRow.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FreeTextColumnEntityRow = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-/// <reference path="../../typings/.d.ts" />
-const EntityListActionButtons_1 = require("../Components/Buttons/EntityListActionButtons");
-const AdaptableObjectRow_1 = require("../Components/AdaptableObjectRow");
-const ArrayExtensions_1 = require("../../Utilities/Extensions/ArrayExtensions");
-const StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions");
-const EntityRowItem_1 = require("../Components/EntityRowItem");
-const Helper_1 = require("../../Utilities/Helpers/Helper");
-class FreeTextColumnEntityRow extends React.Component {
-    render() {
-        let FreeTextColumn = this.props.adaptableObject;
-        let colItems = Helper_1.cloneObject(this.props.colItems);
-        colItems[0].Content = React.createElement(EntityRowItem_1.EntityRowItem, { Content: FreeTextColumn.ColumnId });
-        colItems[1].Content = React.createElement(EntityRowItem_1.EntityRowItem, { Content: FreeTextColumn.FriendlyName });
-        colItems[2].Content = (React.createElement(EntityRowItem_1.EntityRowItem, { Content: FreeTextColumn.DefaultValue === false
-                ? 'false'
-                : StringExtensions_1.StringExtensions.IsNullOrEmpty(FreeTextColumn.DefaultValue)
-                    ? '[None]'
-                    : `${FreeTextColumn.DefaultValue}` }));
-        colItems[3].Content = (React.createElement(EntityRowItem_1.EntityRowItem, { Content: ArrayExtensions_1.ArrayExtensions.IsNullOrEmpty(FreeTextColumn.FreeTextStoredValues)
-                ? 0
-                : FreeTextColumn.FreeTextStoredValues.length }));
-        colItems[4].Content = (React.createElement(EntityListActionButtons_1.EntityListActionButtons, { editClick: () => this.props.onEdit(FreeTextColumn), showShare: this.props.teamSharingActivated, shareClick: (config) => this.props.onShare(config), confirmDeleteAction: this.props.onDeleteConfirm, entityType: this.props.moduleInfo.FriendlyName, accessLevel: this.props.accessLevel }));
-        return React.createElement(AdaptableObjectRow_1.AdaptableObjectRow, { colItems: colItems });
-    }
-}
-exports.FreeTextColumnEntityRow = FreeTextColumnEntityRow;

package/src/View/FreeTextColumn/FreeTextColumnPopup.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import * as FreeTextColumnRedux from '../../Redux/ActionsReducers/FreeTextColumnRedux';
-import { ModuleViewPopupProps } from '../Components/SharedProps/ModuleViewPopupProps';
-import * as TeamSharingRedux from '../../Redux/ActionsReducers/TeamSharingRedux';
-import { EditableConfigEntityState } from '../Components/SharedProps/EditableConfigEntityState';
-import { AdaptableObject } from '../../PredefinedConfig/Common/AdaptableObject';
-import { FreeTextColumn } from '../../PredefinedConfig/FreeTextColumnState';
-import { SharedEntityConfig } from '../../PredefinedConfig/TeamSharingState';
-interface FreeTextColumnPopupProps extends ModuleViewPopupProps<FreeTextColumnPopupComponent> {
-    FreeTextColumns: Array<FreeTextColumn>;
-    onAddFreeTextColumn: (FreeTextColumn: FreeTextColumn) => FreeTextColumnRedux.FreeTextColumnAddAction;
-    onEditFreeTextColumn: (FreeTextColumn: FreeTextColumn) => FreeTextColumnRedux.FreeTextColumnEditAction;
-    onShare: (entity: AdaptableObject, config: SharedEntityConfig) => TeamSharingRedux.TeamSharingShareAction;
-}
-declare class FreeTextColumnPopupComponent extends React.Component<FreeTextColumnPopupProps, EditableConfigEntityState> {
-    constructor(props: FreeTextColumnPopupProps);
-    componentDidMount(): void;
-    render(): JSX.Element;
-    onNew(): void;
-    onEdit(FreeTextColumn: FreeTextColumn): void;
-    onCloseWizard(): void;
-    onFinishWizard: (freeTextColumn: FreeTextColumn) => void;
-}
-export declare let FreeTextColumnPopup: import("react-redux").ConnectedComponent<typeof FreeTextColumnPopupComponent, any>;
-export {};

package/src/View/FreeTextColumn/FreeTextColumnPopup.js

@@ -1,118 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FreeTextColumnPopup = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_redux_1 = require("react-redux");
-const FreeTextColumnRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/FreeTextColumnRedux"));
-const FreeTextColumnEntityRow_1 = require("./FreeTextColumnEntityRow");
-const Helper_1 = require("../../Utilities/Helpers/Helper");
-const PanelWithButton_1 = require("../Components/Panels/PanelWithButton");
-const ObjectFactory_1 = require("../../Utilities/ObjectFactory");
-const ButtonNew_1 = require("../Components/Buttons/ButtonNew");
-const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
-const TeamSharingRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/TeamSharingRedux"));
-const EditableConfigEntityState_1 = require("../Components/SharedProps/EditableConfigEntityState");
-const AdaptableObjectCollection_1 = require("../Components/AdaptableObjectCollection");
-const EmptyContent_1 = tslib_1.__importDefault(require("../../components/EmptyContent"));
-const rebass_1 = require("rebass");
-const AdaptableHelper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/AdaptableHelper"));
-const FreeTextColumnWizard_1 = require("./Wizard/FreeTextColumnWizard");
-class FreeTextColumnPopupComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.onFinishWizard = (freeTextColumn) => {
-            if (this.state.wizardStatus == EditableConfigEntityState_1.WizardStatus.Edit) {
-                this.props.onEditFreeTextColumn(freeTextColumn);
-            }
-            else {
-                this.props.onAddFreeTextColumn(freeTextColumn);
-            }
-            this.setState({
-                editedAdaptableObject: null,
-                wizardStartIndex: 0,
-                wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
-            });
-        };
-        this.state = {
-            editedAdaptableObject: null,
-            wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
-        };
-    }
-    componentDidMount() {
-        if (this.props.popupParams) {
-            if (this.props.popupParams.action && this.props.popupParams.column) {
-                if (this.props.popupParams.action == 'Edit') {
-                    let editFreeTextColumn = this.props.FreeTextColumns.find((x) => x.ColumnId == this.props.popupParams.column.columnId);
-                    let index = this.props.FreeTextColumns.indexOf(editFreeTextColumn);
-                    this.onEdit(editFreeTextColumn);
-                }
-            }
-        }
-    }
-    render() {
-        let colItems = [
-            { Content: 'Column Id', Size: 3 },
-            { Content: 'Column Name', Size: 3 },
-            { Content: 'Default Value', Size: 4 },
-            { Content: 'No. Stored Value', Size: 3 },
-            { Content: '', Size: 2 },
-        ];
-        let freeTextColumns = this.props.FreeTextColumns.map((freeTextColumn, index) => {
-            let accessLevel = AdaptableHelper_1.default.getAppropriateAccessLevel(freeTextColumn, this.props.accessLevel);
-            return (React.createElement(FreeTextColumnEntityRow_1.FreeTextColumnEntityRow, { key: freeTextColumn.Uuid, colItems: colItems, api: this.props.api, adaptableObject: freeTextColumn, moduleInfo: this.props.moduleInfo, onEdit: () => this.onEdit(freeTextColumn), onShare: (config) => this.props.onShare(freeTextColumn, config), teamSharingActivated: this.props.teamSharingActivated, onDeleteConfirm: FreeTextColumnRedux.FreeTextColumnDelete(freeTextColumn), accessLevel: accessLevel }));
-        });
-        let newButton = (React.createElement(ButtonNew_1.ButtonNew, { onClick: () => this.onNew(), tooltip: "Create FreeText Column", accessLevel: this.props.accessLevel, style: {
-                color: 'var(--ab-color-text-on-add)',
-                fill: 'var(--ab-color-text-on-add)',
-                background: 'var(--ab-color-action-add)',
-            } }));
-        return (React.createElement(rebass_1.Flex, { flex: 1, flexDirection: "column" },
-            React.createElement(PanelWithButton_1.PanelWithButton, { headerText: this.props.moduleInfo.FriendlyName, button: newButton, bodyProps: { padding: 0 }, glyphicon: this.props.moduleInfo.Glyph, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed() },
-                this.props.FreeTextColumns.length == 0 ? (React.createElement(EmptyContent_1.default, null, "Click 'New' to create a new Free Text Column.")) : (React.createElement(AdaptableObjectCollection_1.AdaptableObjectCollection, { colItems: colItems, items: freeTextColumns })),
-                this.state.editedAdaptableObject != null && (React.createElement(FreeTextColumnWizard_1.FreeTextColumnWizard, { moduleInfo: this.props.moduleInfo, data: this.state.editedAdaptableObject, configEntities: this.props.FreeTextColumns, wizardStartIndex: this.state.wizardStartIndex, onCloseWizard: () => this.onCloseWizard(), onFinishWizard: this.onFinishWizard })))));
-    }
-    onNew() {
-        const specialColumnsAreFilterable = this.props.api.internalApi.getAdaptableOptions()
-            .filterOptions.enableFilterOnSpecialColumns;
-        const editedAdaptableObject = ObjectFactory_1.ObjectFactory.CreateEmptyFreeTextColumn(specialColumnsAreFilterable);
-        // we want to do this here, as we need a way to differentiate in the wizard
-        // if it's a new or existing column
-        delete editedAdaptableObject.Uuid;
-        this.setState({
-            editedAdaptableObject,
-            wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.New,
-        });
-    }
-    onEdit(FreeTextColumn) {
-        let clonedObject = Helper_1.Helper.cloneObject(FreeTextColumn);
-        this.setState({
-            editedAdaptableObject: clonedObject,
-            wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.Edit,
-        });
-    }
-    onCloseWizard() {
-        this.props.onClearPopupParams();
-        this.setState({
-            editedAdaptableObject: null,
-            wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
-        });
-    }
-}
-function mapStateToProps(state, ownProps) {
-    return {
-        FreeTextColumns: state.FreeTextColumn.FreeTextColumns,
-    };
-}
-function mapDispatchToProps(dispatch) {
-    return {
-        onAddFreeTextColumn: (FreeTextColumn) => dispatch(FreeTextColumnRedux.FreeTextColumnAdd(FreeTextColumn)),
-        onEditFreeTextColumn: (FreeTextColumn) => dispatch(FreeTextColumnRedux.FreeTextColumnEdit(FreeTextColumn)),
-        onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.FreeTextColumnModuleId, config)),
-    };
-}
-exports.FreeTextColumnPopup = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(FreeTextColumnPopupComponent);

package/src/View/PlusMinus/PlusMinusEntityRow.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { SharedEntityRowProps } from '../Components/SharedProps/ConfigEntityRowProps';
-import { PlusMinusNudge } from '../../PredefinedConfig/PlusMinusState';
-export interface PlusMinusEntityRowProps extends SharedEntityRowProps<PlusMinusEntityRow> {
-    onNudgeValueChange: (plusMinusNudge: PlusMinusNudge, event: React.FormEvent<any>) => void;
-}
-export declare class PlusMinusEntityRow extends React.Component<PlusMinusEntityRowProps, {}> {
-    render(): any;
-}

package/src/View/PlusMinus/PlusMinusEntityRow.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlusMinusEntityRow = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const EntityListActionButtons_1 = require("../Components/Buttons/EntityListActionButtons");
-const AdaptableObjectRow_1 = require("../Components/AdaptableObjectRow");
-const EntityRowItem_1 = require("../Components/EntityRowItem");
-const Input_1 = tslib_1.__importDefault(require("../../components/Input"));
-const Helper_1 = require("../../Utilities/Helpers/Helper");
-class PlusMinusEntityRow extends React.Component {
-    render() {
-        var _a;
-        let plusMinusNudge = this.props.adaptableObject;
-        let colItems = Helper_1.cloneObject(this.props.colItems);
-        colItems[0].Content = (React.createElement(EntityRowItem_1.EntityRowItem, { Content: this.props.api.scopeApi.getScopeToString(plusMinusNudge.Scope) }));
-        colItems[1].Content = (React.createElement(EntityRowItem_1.EntityRowItem, { Content: React.createElement(Input_1.default, { value: plusMinusNudge.NudgeValue.toString(), style: { width: '100%' }, type: "number", placeholder: "Enter a Number", onChange: (e) => this.props.onNudgeValueChange(plusMinusNudge, e) }) }));
-        colItems[2].Content = (React.createElement(EntityRowItem_1.EntityRowItem, { Content: ((_a = plusMinusNudge.Rule) === null || _a === void 0 ? void 0 : _a.BooleanExpression) ? plusMinusNudge.Rule.BooleanExpression : 'Always' }));
-        let buttons = (React.createElement(EntityListActionButtons_1.EntityListActionButtons, { showSuspend: true, suspendableObject: plusMinusNudge, confirmDeleteAction: this.props.onDeleteConfirm, editClick: () => this.props.onEdit(plusMinusNudge), shareClick: (config) => this.props.onShare(config), showShare: this.props.teamSharingActivated, overrideDisableEdit: false, entityType: this.props.moduleInfo.FriendlyName + ' Rule ', accessLevel: this.props.accessLevel, onSuspend: this.props.onSuspend, onUnSuspend: this.props.onUnSuspend }));
-        colItems[3].Content = buttons;
-        return React.createElement(AdaptableObjectRow_1.AdaptableObjectRow, { isSuspended: plusMinusNudge.IsSuspended, colItems: colItems });
-    }
-}
-exports.PlusMinusEntityRow = PlusMinusEntityRow;

package/src/View/PlusMinus/PlusMinusPopup.d.ts

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import * as PlusMinusRedux from '../../Redux/ActionsReducers/PlusMinusRedux';
-import * as PopupRedux from '../../Redux/ActionsReducers/PopupRedux';
-import * as TeamSharingRedux from '../../Redux/ActionsReducers/TeamSharingRedux';
-import { ModuleViewPopupProps } from '../Components/SharedProps/ModuleViewPopupProps';
-import { EditableExpressionConfigEntityState } from '../Components/SharedProps/EditableConfigEntityState';
-import { PlusMinusNudge, AdaptableObject } from '../../types';
-import { UIConfirmation } from '../../Utilities/Interface/MessagePopups';
-import { SharedEntityConfig } from '../../PredefinedConfig/TeamSharingState';
-interface PlusMinusPopupProps extends ModuleViewPopupProps<PlusMinusPopupComponent> {
-    NudgeValue: number;
-    PlusMinusNudges: PlusMinusNudge[];
-    onAddPlusMinusNudge: (plusMinusNudge: PlusMinusNudge) => PlusMinusRedux.PlusMinusNudgeAddAction;
-    onEditPlusMinusNudge: (plusMinusNudge: PlusMinusNudge) => PlusMinusRedux.PlusMinusNudgeEditAction;
-    onConfirmOverrideNudgeValue: (confirmation: UIConfirmation) => PopupRedux.PopupShowConfirmationAction;
-    onShare: (entity: AdaptableObject, config: SharedEntityConfig) => TeamSharingRedux.TeamSharingShareAction;
-}
-declare class PlusMinusPopupComponent extends React.Component<PlusMinusPopupProps, EditableExpressionConfigEntityState> {
-    constructor(props: PlusMinusPopupProps);
-    componentDidMount(): void;
-    render(): JSX.Element;
-    onNew(): void;
-    onEdit(plusMinusNudge: PlusMinusNudge): void;
-    onCloseWizard: () => void;
-    onFinishWizard: (plusMinusNudge: PlusMinusNudge) => void;
-    resetState(): void;
-    onNudgeValueChange(plusMinusNudge: PlusMinusNudge, event: React.FormEvent<any>): void;
-}
-export declare let PlusMinusPopup: import("react-redux").ConnectedComponent<typeof PlusMinusPopupComponent, any>;
-export {};