@adaptabletools/adaptable 10.0.4-canary.4 → 11.0.0-canary.2

package/src/View/Export/ExportPopup.js

@@ -1,139 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportPopup = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_redux_1 = require("react-redux");
-const EmptyContent_1 = tslib_1.__importDefault(require("../../components/EmptyContent"));
-const Uuid_1 = require("../../PredefinedConfig/Uuid");
-const ExportRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/ExportRedux"));
-const QueryRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/QueryRedux"));
-const TeamSharingRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/TeamSharingRedux"));
-const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
-const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
-const AdaptableHelper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/AdaptableHelper"));
-const Helper_1 = require("../../Utilities/Helpers/Helper");
-const ObjectFactory_1 = require("../../Utilities/ObjectFactory");
-const AdaptableObjectCollection_1 = require("../Components/AdaptableObjectCollection");
-const ButtonNew_1 = require("../Components/Buttons/ButtonNew");
-const PanelWithButton_1 = require("../Components/Panels/PanelWithButton");
-const EditableConfigEntityState_1 = require("../Components/SharedProps/EditableConfigEntityState");
-const UIHelper_1 = require("../UIHelper");
-const ReportEntityRow_1 = require("./ReportEntityRow");
-const NewReportWizard_1 = require("./Wizard/NewReportWizard");
-class ExportPopupComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.shouldClosePopupOnFinishWizard = false;
-        this.onFinishWizard = (report) => {
-            var _a;
-            report = report !== null && report !== void 0 ? report : this.state.editedAdaptableObject;
-            report.Uuid = (_a = report.Uuid) !== null && _a !== void 0 ? _a : Uuid_1.createUuid();
-            if (this.state.wizardStatus == EditableConfigEntityState_1.WizardStatus.Edit) {
-                this.props.onEditReport(report);
-            }
-            else {
-                this.props.onAddReport(report);
-            }
-            this.resetState();
-        };
-        this.state = UIHelper_1.UIHelper.getEmptyConfigState();
-    }
-    componentDidMount() {
-        if (this.props.popupParams) {
-            if (this.props.popupParams.action) {
-                if (this.props.popupParams.action == 'New') {
-                    this.onNew();
-                }
-                if (this.props.popupParams.action == 'Edit') {
-                    let selectedReport = this.props.Reports.find((a) => a.Name == this.props.CurrentReport);
-                    this.onEdit(selectedReport);
-                }
-            }
-            this.shouldClosePopupOnFinishWizard =
-                this.props.popupParams.source && this.props.popupParams.source == 'Toolbar';
-        }
-    }
-    render() {
-        let colItems = [
-            { Content: 'Report', Size: 3 },
-            { Content: 'Columns', Size: 3 },
-            { Content: 'Query Details', Size: 3 },
-            { Content: 'Export', Size: 1 },
-            { Content: '', Size: 2 },
-        ];
-        let allReports = this.props.api.exportApi
-            .getAvailableSystemReports()
-            .map((s) => {
-            return s;
-        })
-            .concat(this.props.Reports.map((r) => r.Name));
-        let Reports = allReports.map((x, index) => {
-            let report = this.props.api.exportApi.getReportByName(x);
-            let accessLevel = AdaptableHelper_1.default.getAppropriateAccessLevel(report, this.props.accessLevel);
-            return (React.createElement(ReportEntityRow_1.ReportEntityRow, { adaptableObject: report, key: report.Uuid, colItems: colItems, moduleInfo: this.props.moduleInfo, api: this.props.api, onShare: (description) => this.props.onShare(report, description), teamSharingActivated: this.props.teamSharingActivated, onExport: (exportDestination) => this.onApplyExport(report, exportDestination), onEdit: () => this.onEdit(report), onDeleteConfirm: ExportRedux.ReportDelete(report), accessLevel: accessLevel }));
-        });
-        let newButton = (React.createElement(ButtonNew_1.ButtonNew, { onClick: () => this.onNew(), tooltip: "Create Report", 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(PanelWithButton_1.PanelWithButton, { headerText: this.props.moduleInfo.FriendlyName, bodyProps: { padding: 0 }, glyphicon: this.props.moduleInfo.Glyph, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed(), button: newButton },
-            Reports.length > 0 ? (React.createElement(AdaptableObjectCollection_1.AdaptableObjectCollection, { colItems: colItems, items: Reports, allowOverflow: true })) : (React.createElement(EmptyContent_1.default, null,
-                React.createElement("p", null, "Click 'New' to create a new Report. A Report is named group of columns and Unique values."))),
-            this.state.editedAdaptableObject && (React.createElement(NewReportWizard_1.NewReportWizard, { moduleInfo: this.props.moduleInfo, data: this.state.editedAdaptableObject, configEntities: this.props.Reports, onCloseWizard: () => this.onCloseWizard(), onFinishWizard: this.onFinishWizard }))));
-    }
-    onCloseWizard() {
-        this.props.onClearPopupParams();
-        this.resetState();
-        if (this.shouldClosePopupOnFinishWizard) {
-            this.props.onClosePopup();
-        }
-    }
-    resetState() {
-        this.setState({
-            editedAdaptableObject: null,
-            wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
-            newNamedQuery: GeneralConstants_1.EMPTY_STRING,
-        });
-    }
-    onNew() {
-        const editedAdaptableObject = ObjectFactory_1.ObjectFactory.CreateEmptyReport();
-        // we want to do this here, as we need a way to differentiate in the wizard
-        // if it's a new or existing report
-        delete editedAdaptableObject.Uuid;
-        this.setState({
-            editedAdaptableObject,
-            wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.New,
-        });
-    }
-    onEdit(ReportToEdit) {
-        let clonedReportToEdit = Helper_1.Helper.cloneObject(ReportToEdit);
-        this.setState({
-            editedAdaptableObject: clonedReportToEdit,
-            wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.Edit,
-        });
-    }
-    onApplyExport(report, exportDestination) {
-        this.props.onApplyExport(report, exportDestination);
-    }
-}
-function mapStateToProps(state) {
-    return {
-        Reports: state.Export.Reports,
-        CurrentReport: state.Export.CurrentReport,
-    };
-}
-function mapDispatchToProps(dispatch) {
-    return {
-        onApplyExport: (report, exportDestination) => dispatch(ExportRedux.ExportApply(report, exportDestination)),
-        onAddReport: (report) => dispatch(ExportRedux.ReportAdd(report)),
-        onEditReport: (report) => dispatch(ExportRedux.ReportEdit(report)),
-        onAddNamedQuery: (namedQuery) => dispatch(QueryRedux.NamedQueryAdd(namedQuery)),
-        onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.ExportModuleId, config)),
-    };
-}
-exports.ExportPopup = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(ExportPopupComponent);

package/src/View/Export/ReportEntityRow.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { ExportDestination } from '../../PredefinedConfig/Common/Enums';
-import { SharedEntityRowProps } from '../Components/SharedProps/ConfigEntityRowProps';
-import { AdaptableFormData } from '../../PredefinedConfig/Common/AdaptableForm';
-export interface ReportEntityRowProps extends SharedEntityRowProps<ReportEntityRow> {
-    onExport: (exportDestination: ExportDestination | string, customDestinationData?: AdaptableFormData) => void;
-}
-export declare class ReportEntityRow extends React.Component<ReportEntityRowProps> {
-    render(): JSX.Element;
-}

package/src/View/Export/ReportEntityRow.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReportEntityRow = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const EntityListActionButtons_1 = require("../Components/Buttons/EntityListActionButtons");
-const Enums_1 = require("../../PredefinedConfig/Common/Enums");
-const AdaptableObjectRow_1 = require("../Components/AdaptableObjectRow");
-const EntityRowItem_1 = require("../Components/EntityRowItem");
-const icons_1 = tslib_1.__importDefault(require("../../components/icons"));
-const DropdownButton_1 = tslib_1.__importDefault(require("../../components/DropdownButton"));
-const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
-const Helper_1 = require("../../Utilities/Helpers/Helper");
-const ExportIcon = icons_1.default.export;
-class ReportEntityRow extends React.Component {
-    render() {
-        let report = this.props.adaptableObject;
-        const destinationItems = [
-            ...this.props.api.exportApi.getAvailableExportDestinations().map((destination) => ({
-                label: destination,
-                onClick: () => this.props.onExport(destination),
-            })),
-            ...this.props.api.exportApi.getAllCustomDestination().map((destination) => ({
-                label: destination.name,
-                onClick: () => {
-                    this.props.onExport(destination.name);
-                },
-            })),
-        ];
-        if ((report === null || report === void 0 ? void 0 : report.Name) === GeneralConstants_1.VISUAL_DATA_REPORT) {
-            destinationItems.forEach((item) => (item.disabled = item.label === Enums_1.ExportDestination.Excel ? false : true));
-        }
-        let colItems = Helper_1.cloneObject(this.props.colItems);
-        colItems[0].Content = React.createElement(EntityRowItem_1.EntityRowItem, { Content: report.Name });
-        colItems[1].Content = (React.createElement(EntityRowItem_1.EntityRowItem, { Content: this.props.api.internalApi
-                .getReportService()
-                .GetReportColumnScopeShortDescription(report) }));
-        colItems[2].Content = (React.createElement(EntityRowItem_1.EntityRowItem, { Content: this.props.api.internalApi
-                .getReportService()
-                .GetReportExpressionDescription(report, this.props.api.columnApi.getColumns()) }));
-        let exportButton = (React.createElement(DropdownButton_1.default, { tooltip: "Export Report", variant: "text", items: destinationItems },
-            React.createElement(ExportIcon, null)));
-        colItems[3].Content = exportButton;
-        let buttons = (React.createElement(EntityListActionButtons_1.EntityListActionButtons, { confirmDeleteAction: this.props.onDeleteConfirm, editClick: () => this.props.onEdit(report), overrideDisableEdit: report.ReportColumnScope == 'CustomColumns', showShare: this.props.teamSharingActivated, shareClick: (config) => this.props.onShare(config), entityType: "Report", accessLevel: this.props.accessLevel }));
-        colItems[4].Content = buttons;
-        return React.createElement(AdaptableObjectRow_1.AdaptableObjectRow, { colItems: colItems });
-    }
-}
-exports.ReportEntityRow = ReportEntityRow;

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

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { AdaptableObjectExpressionAdaptableWizardProps } from '../../Wizard/Interface/IAdaptableWizard';
-export interface ReportWizardProps extends AdaptableObjectExpressionAdaptableWizardProps<ReportWizard> {
-}
-export declare class ReportWizard extends React.Component<ReportWizardProps, {}> {
-    render(): JSX.Element;
-}

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

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReportWizard = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const AdaptableWizard_1 = require("../../Wizard/AdaptableWizard");
-const ReportScopeWizard_1 = require("./ReportScopeWizard");
-const ReportColumnTypeWizard_1 = require("./ReportColumnTypeWizard");
-const ReportSummaryWizard_1 = require("./ReportSummaryWizard");
-const ReportRowTypeWizard_1 = require("./ReportRowTypeWizard");
-const ExpressionWizard_1 = require("../../Components/ExpressionWizard");
-const ReportSettingsWizard_1 = require("./ReportSettingsWizard");
-class ReportWizard extends React.Component {
-    render() {
-        return (React.createElement("div", null,
-            React.createElement(AdaptableWizard_1.AdaptableWizard, { moduleInfo: this.props.moduleInfo, modalContainer: this.props.modalContainer, api: this.props.api, steps: [
-                    {
-                        StepName: 'Columns',
-                        Index: 0,
-                        Element: (React.createElement(ReportColumnTypeWizard_1.ReportColumnTypeWizard, { api: this.props.api, moduleInfo: this.props.moduleInfo })),
-                    },
-                    {
-                        StepName: 'Columns',
-                        Index: 1,
-                        Element: (React.createElement(ReportScopeWizard_1.ReportScopeWizard, { api: this.props.api, moduleInfo: this.props.moduleInfo })),
-                    },
-                    {
-                        StepName: 'Rows',
-                        Index: 2,
-                        Element: (React.createElement(ReportRowTypeWizard_1.ReportRowTypeWizard, { api: this.props.api, moduleInfo: this.props.moduleInfo })),
-                    },
-                    {
-                        StepName: 'Rows',
-                        Index: 3,
-                        Element: (React.createElement(ExpressionWizard_1.ExpressionWizard, { api: this.props.api, onSetNewNamedQuery: this.props.onSetNewNamedQuery, moduleInfo: this.props.moduleInfo, callingModule: 'Export' })),
-                    },
-                    {
-                        StepName: 'Settings',
-                        Index: 4,
-                        Element: (React.createElement(ReportSettingsWizard_1.ReportSettingsWizard, { Reports: this.props.configEntities, api: this.props.api, moduleInfo: this.props.moduleInfo })),
-                    },
-                    {
-                        StepName: 'Summary',
-                        Index: 5,
-                        Element: (React.createElement(ReportSummaryWizard_1.ReportSummaryWizard, { api: this.props.api, moduleInfo: this.props.moduleInfo })),
-                    },
-                ], data: this.props.editedAdaptableObject, stepStartIndex: this.props.wizardStartIndex, onHide: () => this.props.onCloseWizard(), onFinish: () => this.props.onFinishWizard(), canFinishWizard: () => this.props.canFinishWizard() })));
-    }
-}
-exports.ReportWizard = ReportWizard;

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { SharedEntityRowProps } from '../Components/SharedProps/ConfigEntityRowProps';
-import { ColumnFilter } from '../../PredefinedConfig/FilterState';
-import { AccessLevel } from '../../PredefinedConfig/Common/Entitlement';
-export interface FilterEntityRowProps<FilterEntityRow> extends SharedEntityRowProps<FilterEntityRow> {
-    onClear: (columnFilter: ColumnFilter) => void;
-    columnFilter: ColumnFilter;
-    accessLevel: AccessLevel;
-}
-export declare class FilterEntityRow extends React.Component<FilterEntityRowProps<FilterEntityRow>, {}> {
-    render(): any;
-}

package/src/View/Filter/FilterEntityRow.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterEntityRow = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const AdaptableObjectRow_1 = require("../Components/AdaptableObjectRow");
-const EntityRowItem_1 = require("../Components/EntityRowItem");
-const EntityListActionButtons_1 = require("../Components/Buttons/EntityListActionButtons");
-const Helper_1 = require("../../Utilities/Helpers/Helper");
-class FilterEntityRow extends React.Component {
-    render() {
-        let colItems = Helper_1.cloneObject(this.props.colItems);
-        colItems[0].Content = (React.createElement(EntityRowItem_1.EntityRowItem, { Content: this.props.api.columnApi.getFriendlyNameFromColumnId(this.props.columnFilter.ColumnId) }));
-        colItems[1].Content = (React.createElement(EntityRowItem_1.EntityRowItem, { Content: this.props.api.filterApi.columnFilterToString(this.props.columnFilter) }));
-        colItems[2].Content = (React.createElement(React.Fragment, null,
-            React.createElement(EntityListActionButtons_1.EntityListActionButtons, { confirmDeleteAction: this.props.onDeleteConfirm, overrideDisableDelete: this.props.columnFilter == null, showShare: this.props.teamSharingActivated, overrideDisableEdit: true, shareClick: (config) => this.props.onShare(config), entityType: this.props.moduleInfo.FriendlyName, accessLevel: this.props.accessLevel })));
-        return React.createElement(AdaptableObjectRow_1.AdaptableObjectRow, { colItems: colItems, key: this.props.columnFilter.Uuid });
-    }
-}
-exports.FilterEntityRow = FilterEntityRow;

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);