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

package/src/View/CalculatedColumn/CalculatedColumnEntityRow.d.ts

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

package/src/View/CalculatedColumn/CalculatedColumnEntityRow.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalculatedColumnEntityRow = 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 StringExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/StringExtensions"));
-const Helper_1 = require("../../Utilities/Helpers/Helper");
-class CalculatedColumnEntityRow extends React.Component {
-    render() {
-        var _a;
-        let calculatedColumn = this.props.adaptableObject;
-        let colItems = Helper_1.cloneObject(this.props.colItems);
-        colItems[0].Content = React.createElement(EntityRowItem_1.EntityRowItem, { Content: this.getColumnName(calculatedColumn) });
-        colItems[1].Content = React.createElement(EntityRowItem_1.EntityRowItem, { Content: (_a = calculatedColumn.Query) === null || _a === void 0 ? void 0 : _a.ScalarExpression });
-        let buttons = (React.createElement(EntityListActionButtons_1.EntityListActionButtons, { confirmDeleteAction: this.props.onDeleteConfirm, editClick: () => this.props.onEdit(calculatedColumn), shareClick: (config) => this.props.onShare(config), showShare: this.props.teamSharingActivated, entityType: this.props.moduleInfo.FriendlyName, accessLevel: this.props.accessLevel }));
-        colItems[2].Content = buttons;
-        return React.createElement(AdaptableObjectRow_1.AdaptableObjectRow, { colItems: colItems });
-    }
-    getColumnName(calculatedColumn) {
-        return StringExtensions_1.default.IsNotNullOrEmpty(calculatedColumn.FriendlyName)
-            ? calculatedColumn.FriendlyName
-            : calculatedColumn.ColumnId;
-    }
-}
-exports.CalculatedColumnEntityRow = CalculatedColumnEntityRow;

package/src/View/CalculatedColumn/CalculatedColumnPopup.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import * as CalculatedColumnRedux from '../../Redux/ActionsReducers/CalculatedColumnRedux';
-import * as TeamSharingRedux from '../../Redux/ActionsReducers/TeamSharingRedux';
-import { ModuleViewPopupProps } from '../Components/SharedProps/ModuleViewPopupProps';
-import { EditableConfigEntityState } from '../Components/SharedProps/EditableConfigEntityState';
-import { CalculatedColumn } from '../../PredefinedConfig/CalculatedColumnState';
-import { AdaptableObject } from '../../PredefinedConfig/Common/AdaptableObject';
-import { SharedEntityConfig } from '../../PredefinedConfig/TeamSharingState';
-interface CalculatedColumnPopupProps extends ModuleViewPopupProps<CalculatedColumnPopupComponent> {
-    onAddCalculatedColumn: (calculatedColumn: CalculatedColumn) => CalculatedColumnRedux.CalculatedColumnAddAction;
-    onEditCalculatedColumn: (calculatedColumn: CalculatedColumn) => CalculatedColumnRedux.CalculatedColumnEditAction;
-    CalculatedColumns: Array<CalculatedColumn>;
-    onShare: (entity: AdaptableObject, config: SharedEntityConfig) => TeamSharingRedux.TeamSharingShareAction;
-}
-declare class CalculatedColumnPopupComponent extends React.Component<CalculatedColumnPopupProps, EditableConfigEntityState> {
-    constructor(props: CalculatedColumnPopupProps);
-    componentDidMount(): void;
-    render(): JSX.Element;
-    onNew(): void;
-    onEdit(calculatedColumn: CalculatedColumn): void;
-    onCloseWizard(): void;
-    onFinishWizard: (calculatedColumn: CalculatedColumn) => void;
-}
-export declare let CalculatedColumnPopup: import("react-redux").ConnectedComponent<typeof CalculatedColumnPopupComponent, Pick<React.ClassAttributes<CalculatedColumnPopupComponent> & CalculatedColumnPopupProps, never>>;
-export {};

package/src/View/CalculatedColumn/CalculatedColumnPopup.js

@@ -1,117 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalculatedColumnPopup = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_redux_1 = require("react-redux");
-const CalculatedColumnRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/CalculatedColumnRedux"));
-const TeamSharingRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/TeamSharingRedux"));
-const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
-const Helper_1 = require("../../Utilities/Helpers/Helper");
-const ObjectFactory_1 = require("../../Utilities/ObjectFactory");
-const PanelWithButton_1 = require("../Components/Panels/PanelWithButton");
-const ButtonNew_1 = require("../Components/Buttons/ButtonNew");
-const Enums_1 = require("../../PredefinedConfig/Common/Enums");
-const CalculatedColumnEntityRow_1 = require("./CalculatedColumnEntityRow");
-const AdaptableObjectCollection_1 = require("../Components/AdaptableObjectCollection");
-const EditableConfigEntityState_1 = require("../Components/SharedProps/EditableConfigEntityState");
-const UIHelper_1 = require("../UIHelper");
-const ArrayExtensions_1 = require("../../Utilities/Extensions/ArrayExtensions");
-const EmptyContent_1 = tslib_1.__importDefault(require("../../components/EmptyContent"));
-const AdaptableHelper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/AdaptableHelper"));
-const CalculatedColumnWizard_1 = require("./Wizard/CalculatedColumnWizard");
-const uuid_1 = require("../../components/utils/uuid");
-class CalculatedColumnPopupComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.onFinishWizard = (calculatedColumn) => {
-            var _a;
-            calculatedColumn.Uuid = (_a = calculatedColumn.Uuid) !== null && _a !== void 0 ? _a : uuid_1.createUuid();
-            if (this.state.wizardStatus == EditableConfigEntityState_1.WizardStatus.Edit) {
-                this.props.onEditCalculatedColumn(calculatedColumn);
-            }
-            else {
-                this.props.onAddCalculatedColumn(calculatedColumn);
-            }
-            this.setState({
-                editedAdaptableObject: null,
-                wizardStartIndex: 0,
-                wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
-            });
-        };
-        this.state = UIHelper_1.UIHelper.getEmptyConfigState();
-    }
-    componentDidMount() {
-        if (this.props.popupParams) {
-            if (this.props.popupParams.action && this.props.popupParams.column) {
-                if (this.props.popupParams.action == 'Edit') {
-                    // only editing is possible - you cannot create a new calc column from the column menu
-                    let calculatedColumn = this.props.CalculatedColumns.find((x) => x.ColumnId == this.props.popupParams.column.columnId);
-                    this.onEdit(calculatedColumn);
-                }
-            }
-        }
-    }
-    render() {
-        let colItems = [
-            { Content: 'Column', Size: 3 },
-            { Content: 'Column Expression', Size: 10 },
-            { Content: '', Size: 2 },
-        ];
-        let propCalculatedColumns = ArrayExtensions_1.ArrayExtensions.sortArrayWithProperty(Enums_1.SortOrder.Asc, this.props.CalculatedColumns, 'ColumnId');
-        let calculatedColumns = propCalculatedColumns.map((calculatedColumn, index) => {
-            let accessLevel = AdaptableHelper_1.default.getAppropriateAccessLevel(calculatedColumn, this.props.accessLevel);
-            return (React.createElement(CalculatedColumnEntityRow_1.CalculatedColumnEntityRow, { colItems: colItems, api: this.props.api, onShare: (config) => this.props.onShare(calculatedColumn, config), teamSharingActivated: this.props.teamSharingActivated, moduleInfo: this.props.moduleInfo, adaptableObject: calculatedColumn, key: calculatedColumn.ColumnId, onEdit: (calculatedColumn) => this.onEdit(calculatedColumn), onDeleteConfirm: CalculatedColumnRedux.CalculatedColumnDelete(calculatedColumn), accessLevel: accessLevel }));
-        });
-        let newButton = (React.createElement(ButtonNew_1.ButtonNew, { onClick: () => {
-                this.onNew();
-            }, style: {
-                color: 'var(--ab-color-text-on-add)',
-                fill: 'var(--ab-color-text-on-add)',
-                background: 'var(--ab-color-action-add)',
-            }, tooltip: "Create Calculated Column", accessLevel: this.props.accessLevel }));
-        return (React.createElement(PanelWithButton_1.PanelWithButton, { headerText: this.props.moduleInfo.FriendlyName, className: "ab_main_popup", infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed(), button: newButton, border: "none", bodyProps: { padding: 0 }, glyphicon: this.props.moduleInfo.Glyph },
-            this.props.CalculatedColumns.length > 0 ? (React.createElement(AdaptableObjectCollection_1.AdaptableObjectCollection, { colItems: colItems, items: calculatedColumns })) : (React.createElement(EmptyContent_1.default, null, "Click 'New' to create a new Calculated Column.")),
-            this.state.editedAdaptableObject && (React.createElement(CalculatedColumnWizard_1.CalculatedColumnWizard, { moduleInfo: this.props.moduleInfo, data: this.state.editedAdaptableObject, configEntities: this.props.CalculatedColumns, onCloseWizard: () => this.onCloseWizard(), onFinishWizard: this.onFinishWizard }))));
-    }
-    onNew() {
-        const editedAdaptableObject = ObjectFactory_1.ObjectFactory.CreateEmptyCalculatedColumn(this.props.api.internalApi.getAdaptableOptions().filterOptions.enableFilterOnSpecialColumns);
-        // 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(calculatedColumn) {
-        let clonedObject = Helper_1.Helper.cloneObject(calculatedColumn);
-        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) {
-    return {
-        CalculatedColumns: state.CalculatedColumn.CalculatedColumns,
-    };
-}
-function mapDispatchToProps(dispatch) {
-    return {
-        onAddCalculatedColumn: (calculatedColumn) => dispatch(CalculatedColumnRedux.CalculatedColumnAdd(calculatedColumn)),
-        onEditCalculatedColumn: (calculatedColumn) => dispatch(CalculatedColumnRedux.CalculatedColumnEdit(calculatedColumn)),
-        onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.CalculatedColumnModuleId, config)),
-    };
-}
-exports.CalculatedColumnPopup = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(CalculatedColumnPopupComponent);

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SuspendToggleButton = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const ToggleButton_1 = require("../../../components/ToggleButton");
-exports.SuspendToggleButton = React.memo(({ suspendableObject, onUnSuspend, onSuspend, style, disabled }) => {
-    const handleOnChange = React.useCallback((checked) => {
-        if (checked) {
-            onUnSuspend(suspendableObject);
-        }
-        else {
-            onSuspend(suspendableObject);
-        }
-    }, [onUnSuspend, onSuspend]);
-    return (React.createElement(ToggleButton_1.ToggleButton, { "data-name": suspendableObject.IsSuspended ? 'un-suspend' : 'suspend', disabled: disabled, style: style, onChange: handleOnChange, checked: !suspendableObject.IsSuspended }));
-});

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

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { PanelProps } from '../../../components/Panel';
-export interface PanelWithImageThreeButtonsProps extends PanelProps {
-    firstButton?: React.ReactElement<any>;
-    secondButton?: React.ReactElement<any>;
-    thirdButton?: React.ReactElement<any>;
-    infoBody?: any[];
-}
-export declare class PanelWithImageThreeButtons extends React.Component<PanelWithImageThreeButtonsProps, {}> {
-    render(): JSX.Element;
-}

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

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PanelWithImageThreeButtons = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const AdaptablePopover_1 = require("../../AdaptablePopover");
-const WizardPanel_1 = tslib_1.__importDefault(require("../../../components/WizardPanel"));
-const icons_1 = tslib_1.__importDefault(require("../../../components/icons"));
-const rebass_1 = require("rebass");
-const ChartIcon = icons_1.default['chart'];
-//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
-class PanelWithImageThreeButtons extends React.Component {
-    render() {
-        let _a = this.props, { firstButton, secondButton, thirdButton, infoBody, header } = _a, panelProps = tslib_1.__rest(_a, ["firstButton", "secondButton", "thirdButton", "infoBody", "header"]);
-        header = (React.createElement(rebass_1.Flex, { alignItems: "center", width: "100%" },
-            React.createElement(ChartIcon, null),
-            React.createElement(rebass_1.Text, { mx: 2 }, header),
-            infoBody != null && React.createElement(AdaptablePopover_1.AdaptablePopover, { headerText: "", bodyText: infoBody }),
-            React.createElement("div", { style: { flex: 1 } }),
-            firstButton,
-            secondButton,
-            thirdButton));
-        return React.createElement(WizardPanel_1.default, Object.assign({}, panelProps, { header: header }));
-    }
-}
-exports.PanelWithImageThreeButtons = PanelWithImageThreeButtons;

package/src/View/Components/Popups/AdaptableChart.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { AccessLevel } from '../../../PredefinedConfig/Common/Entitlement';
-import { AdaptableApi } from '../../../types';
-export interface IAdaptableChartProps extends React.ClassAttributes<AdaptableChart> {
-    showChart: boolean;
-    onClose?: () => void;
-    api: AdaptableApi;
-    showModal: boolean;
-}
-export interface AdaptableChartState {
-    chartContainer: HTMLElement;
-    accessLevel: AccessLevel;
-    isValidUserChartContainer: boolean;
-}
-export declare class AdaptableChart extends React.Component<IAdaptableChartProps, AdaptableChartState> {
-    constructor(props: IAdaptableChartProps);
-    render(): JSX.Element;
-}

package/src/View/Components/Popups/AdaptableChart.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdaptableChart = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const ReactDOM = tslib_1.__importStar(require("react-dom"));
-const AdaptableViewFactory_1 = require("../../AdaptableViewFactory");
-const UIHelper_1 = require("../../UIHelper");
-const ModuleConstants = tslib_1.__importStar(require("../../../Utilities/Constants/ModuleConstants"));
-const AdaptablePopup_1 = require("./AdaptablePopup");
-class AdaptableChart extends React.Component {
-    constructor(props) {
-        super(props);
-        let options = this.props.api.internalApi.getAdaptableOptions();
-        this.state = {
-            chartContainer: UIHelper_1.UIHelper.getChartContainer(options, document, this.props.showModal),
-            accessLevel: this.props.api.internalApi
-                .getEntitlementService()
-                .getEntitlementAccessLevelForModule(ModuleConstants.ChartModuleId),
-            isValidUserChartContainer: UIHelper_1.UIHelper.isValidUserChartContainer(options, document),
-        };
-    }
-    render() {
-        let moduleInfo = this.props.api.internalApi
-            .getModuleService()
-            .getModuleInfoByModule(ModuleConstants.ChartModuleId);
-        let commonProps = {
-            modalContainer: this.state.chartContainer,
-            onClose: this.props.onClose,
-            ShowModal: this.props.showModal,
-            accessLevel: this.state.accessLevel,
-            api: this.props.api,
-            moduleInfo: moduleInfo,
-        };
-        let ChartCmp = AdaptableViewFactory_1.AdaptableViewFactory['ChartDisplayPopup'];
-        const body = React.createElement(ChartCmp, Object.assign({}, commonProps));
-        return this.props.showModal ? (React.createElement(AdaptablePopup_1.AdaptablePopup, { api: this.props.api, onHide: this.props.onClose, showModal: true, moduleParams: null, componentName: 'ChartDisplayPopup', componentModule: ModuleConstants.ChartModuleId }, body)) : this.state.isValidUserChartContainer ? (ReactDOM.createPortal(body, this.state.chartContainer)) : (body);
-    }
-}
-exports.AdaptableChart = AdaptableChart;

package/src/View/Components/Popups/AdaptablePopup.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import * as PopupRedux from '../../../Redux/ActionsReducers/PopupRedux';
-import { ModuleParams } from '../SharedProps/ModuleViewPopupProps';
-import { AdaptableModule } from '../../../PredefinedConfig/Common/Types';
-import { AdaptableApi } from '../../../Api/AdaptableApi';
-/**
- * This is the main popup that we use - so all Module popups will appear here.
- */
-export interface AdaptablePopupProps extends React.ClassAttributes<AdaptablePopup> {
-    showModal: boolean;
-    componentName?: string;
-    componentModule: AdaptableModule;
-    onHide?: () => void;
-    api: AdaptableApi;
-    moduleParams: ModuleParams;
-    moduleProps?: {
-        [key: string]: any;
-    };
-    onClearParams?: () => PopupRedux.PopupClearParamAction;
-}
-export declare class AdaptablePopup extends React.Component<AdaptablePopupProps, {}> {
-    render(): JSX.Element;
-}

package/src/View/Components/Popups/AdaptablePopup.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdaptablePopup = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const AdaptableViewFactory_1 = require("../../AdaptableViewFactory");
-const GeneralConstants = tslib_1.__importStar(require("../../../Utilities/Constants/GeneralConstants"));
-const UIHelper_1 = require("../../UIHelper");
-const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
-const rebass_1 = require("rebass");
-const PopupWithFooter_1 = require("../../../components/PopupWithFooter");
-const PopupContext_1 = tslib_1.__importDefault(require("./PopupContext"));
-class AdaptablePopup extends React.Component {
-    render() {
-        var _a;
-        let modalContainer = UIHelper_1.UIHelper.getModalContainer(this.props.api.internalApi.getAdaptableOptions(), document);
-        let accessLevel = this.props.api.internalApi
-            .getEntitlementService()
-            .getEntitlementAccessLevelForModule(this.props.componentModule);
-        if (this.props.componentName) {
-            let bodyElement = AdaptableViewFactory_1.AdaptableViewFactory[this.props.componentName];
-            //Warning : FilterForm needs to be changed if we add properties since it uses the same interface
-            let moduleProps = {
-                popupParams: this.props.moduleParams,
-                onClearPopupParams: () => (this.props.onClearParams ? this.props.onClearParams() : null),
-                onClosePopup: () => {
-                    if (this.props.onHide) {
-                        this.props.onHide();
-                    }
-                },
-                // show share button if TeamSharing is active & user has edit rights
-                teamSharingActivated: this.props.api.teamSharingApi.isTeamSharingActivated() &&
-                    this.props.api.teamSharingApi.hasTeamSharingFullRights(),
-                modalContainer: modalContainer,
-                accessLevel: accessLevel,
-                api: this.props.api,
-                moduleInfo: this.props.api.internalApi
-                    .getModuleService()
-                    .getModuleInfoByModule(this.props.componentModule),
-            };
-            var body = React.createElement(bodyElement, moduleProps);
-        }
-        return (React.createElement(PopupContext_1.default.Provider, { value: {
-                hidePopup: () => {
-                    if (this.props.onHide) {
-                        this.props.onHide();
-                    }
-                },
-            } },
-            React.createElement(PopupWithFooter_1.PopupWithFooter, Object.assign({ showModal: this.props.showModal, onHide: this.props.onHide, "data-name": this.props.componentName, modal: true, padding: 0, maxWidth: (_a = this.props.moduleParams) === null || _a === void 0 ? void 0 : _a.maxWidth, footer: React.createElement(React.Fragment, null,
-                    React.createElement(SimpleButton_1.default, { "data-name": "action-close", onClick: () => {
-                            if (this.props.onHide) {
-                                this.props.onHide();
-                            }
-                        }, variant: "text" }, "CLOSE")) }, this.props.moduleProps),
-                React.createElement(rebass_1.Flex, { flexDirection: "column", flex: 1, className: accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '' }, body))));
-    }
-}
-exports.AdaptablePopup = AdaptablePopup;

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

@@ -1,7 +0,0 @@
-import { BaseProps } from './BaseProps';
-import { ModuleInfo } from '../../../Strategy/Interface/IModule';
-export interface ChartDisplayPopupPropsBase<View> extends BaseProps<View> {
-    onClose?: Function;
-    ShowModal: boolean;
-    moduleInfo: ModuleInfo;
-}

package/src/View/Components/SharedProps/ChartDisplayPopupPropsBase.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/View/ConditionalStyle/ConditionalStyleEntityRow.d.ts

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

package/src/View/ConditionalStyle/ConditionalStyleEntityRow.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConditionalStyleEntityRow = 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 Helper_1 = require("../../Utilities/Helpers/Helper");
-class ConditionalStyleEntityRow extends React.Component {
-    render() {
-        let conditionalStyle = 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(conditionalStyle.Scope) }));
-        colItems[1].Content = (React.createElement(EntityRowItem_1.EntityRowItem, { Content: React.createElement(StyleVisualItem_1.StyleVisualItem, { Style: conditionalStyle.Style }) }));
-        colItems[2].Content = (React.createElement(EntityRowItem_1.EntityRowItem, { Content: conditionalStyle.Rule.BooleanExpression
-                ? conditionalStyle.Rule.BooleanExpression
-                : this.props.api.predicateApi.predicateToString(conditionalStyle.Rule.Predicate) }));
-        let buttons = (React.createElement(EntityListActionButtons_1.EntityListActionButtons, { showSuspend: true, editClick: () => this.props.onEdit(conditionalStyle), shareClick: (config) => this.props.onShare(config), showShare: this.props.teamSharingActivated, confirmDeleteAction: this.props.onDeleteConfirm, entityType: this.props.moduleInfo.FriendlyName, accessLevel: this.props.accessLevel, suspendableObject: conditionalStyle, onSuspend: this.props.onSuspend, onUnSuspend: this.props.onUnSuspend }));
-        colItems[3].Content = buttons;
-        return React.createElement(AdaptableObjectRow_1.AdaptableObjectRow, { isSuspended: conditionalStyle.IsSuspended, colItems: colItems });
-    }
-}
-exports.ConditionalStyleEntityRow = ConditionalStyleEntityRow;

package/src/View/ConditionalStyle/ConditionalStylePopup.d.ts

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { AdaptableObject } from '../../PredefinedConfig/Common/AdaptableObject';
-import { ConditionalStyle } from '../../PredefinedConfig/ConditionalStyleState';
-import { NamedQuery } from '../../PredefinedConfig/QueryState';
-import * as ConditionalStyleRedux from '../../Redux/ActionsReducers/ConditionalStyleRedux';
-import * as QueryRedux from '../../Redux/ActionsReducers/QueryRedux';
-import * as TeamSharingRedux from '../../Redux/ActionsReducers/TeamSharingRedux';
-import { EditableExpressionConfigEntityState } from '../Components/SharedProps/EditableConfigEntityState';
-import { ModuleViewPopupProps } from '../Components/SharedProps/ModuleViewPopupProps';
-import { SharedEntityConfig } from '../../PredefinedConfig/TeamSharingState';
-interface ConditionalStylePopupProps extends ModuleViewPopupProps<ConditionalStylePopupComponent> {
-    ConditionalStyles: ConditionalStyle[];
-    onAddConditionalStyle: (conditionalStyleCondition: ConditionalStyle) => ConditionalStyleRedux.ConditionalStyleAddAction;
-    onEditConditionalStyle: (conditionalStyleCondition: ConditionalStyle) => ConditionalStyleRedux.ConditionalStyleEditAction;
-    onAddNamedQuery: (namedQuery: NamedQuery) => QueryRedux.NamedQueryAddAction;
-    onShare: (entity: AdaptableObject, config: SharedEntityConfig) => TeamSharingRedux.TeamSharingShareAction;
-}
-declare class ConditionalStylePopupComponent extends React.Component<ConditionalStylePopupProps, EditableExpressionConfigEntityState> {
-    constructor(props: ConditionalStylePopupProps);
-    shouldClosePopupOnFinishWizard: boolean;
-    componentDidMount(): void;
-    render(): JSX.Element;
-    onNew(): void;
-    onEdit(condition: ConditionalStyle): void;
-    onCloseWizard: () => void;
-    onFinishWizard: (conditionalStyle: ConditionalStyle) => void;
-    resetState(): void;
-}
-export declare let ConditionalStylePopup: import("react-redux").ConnectedComponent<typeof ConditionalStylePopupComponent, Pick<React.ClassAttributes<ConditionalStylePopupComponent> & ConditionalStylePopupProps, never>>;
-export {};

package/src/View/ConditionalStyle/ConditionalStylePopup.js

@@ -1,144 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConditionalStylePopup = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_redux_1 = require("react-redux");
-const rebass_1 = require("rebass");
-const EmptyContent_1 = tslib_1.__importDefault(require("../../components/EmptyContent"));
-const Uuid_1 = require("../../PredefinedConfig/Uuid");
-const ConditionalStyleRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/ConditionalStyleRedux"));
-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 StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions");
-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 ConditionalStyleEntityRow_1 = require("./ConditionalStyleEntityRow");
-const ConditionalStyleWizard_1 = require("./Wizard/ConditionalStyleWizard");
-class ConditionalStylePopupComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.shouldClosePopupOnFinishWizard = false;
-        this.onCloseWizard = () => {
-            this.props.onClearPopupParams();
-            this.resetState();
-            if (this.shouldClosePopupOnFinishWizard) {
-                this.props.onClosePopup();
-            }
-        };
-        this.onFinishWizard = (conditionalStyle) => {
-            if (StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.state.newNamedQuery)) {
-                const NamedQueryId = Uuid_1.createUuid();
-                this.props.onAddNamedQuery({
-                    Uuid: NamedQueryId,
-                    Name: this.state.newNamedQuery,
-                    BooleanExpression: conditionalStyle.Rule.BooleanExpression,
-                });
-            }
-            if (this.state.wizardStatus == EditableConfigEntityState_1.WizardStatus.New) {
-                this.props.onAddConditionalStyle(conditionalStyle);
-            }
-            else if (this.state.wizardStatus == EditableConfigEntityState_1.WizardStatus.Edit) {
-                this.props.onEditConditionalStyle(conditionalStyle);
-            }
-            this.resetState();
-        };
-        this.state = UIHelper_1.UIHelper.getEmptyConfigState();
-    }
-    componentDidMount() {
-        if (this.props.popupParams) {
-            if (this.props.popupParams.action && this.props.popupParams.column) {
-                let column = this.props.popupParams.column;
-                let _editedConditionalStyle;
-                if (this.props.popupParams.action == 'New') {
-                    _editedConditionalStyle = ObjectFactory_1.ObjectFactory.CreateEmptyConditionalStyle();
-                    _editedConditionalStyle.Scope = {
-                        ColumnIds: [column.columnId],
-                    };
-                    this.setState({
-                        editedAdaptableObject: _editedConditionalStyle,
-                        wizardStartIndex: 0,
-                        wizardStatus: EditableConfigEntityState_1.WizardStatus.New,
-                    });
-                }
-                if (this.props.popupParams.action == 'Edit') {
-                    // have to hope we get the most suitable / current one
-                    _editedConditionalStyle = this.props.popupParams.value;
-                    if (_editedConditionalStyle) {
-                        this.onEdit(_editedConditionalStyle);
-                    }
-                }
-            }
-            this.shouldClosePopupOnFinishWizard =
-                this.props.popupParams.source && this.props.popupParams.source == 'ColumnMenu';
-        }
-    }
-    render() {
-        let colItems = [
-            { Content: 'Scope', Size: 4 },
-            { Content: 'Style', Size: 2 },
-            { Content: 'Query', Size: 4 },
-            { Content: '', Size: 3 },
-        ];
-        let conditionalStyles = this.props.ConditionalStyles.map((conditionalStyle, index) => {
-            let accessLevel = AdaptableHelper_1.default.getAppropriateAccessLevel(conditionalStyle, this.props.accessLevel);
-            return (React.createElement(ConditionalStyleEntityRow_1.ConditionalStyleEntityRow, { adaptableObject: conditionalStyle, colItems: colItems, moduleInfo: this.props.moduleInfo, api: this.props.api, key: 'CS' + (conditionalStyle.Uuid || index), onShare: (description) => this.props.onShare(conditionalStyle, description), teamSharingActivated: this.props.teamSharingActivated, onEdit: () => this.onEdit(conditionalStyle), onDeleteConfirm: ConditionalStyleRedux.ConditionalStyleDelete(conditionalStyle), accessLevel: accessLevel, onSuspend: this.props.onSuspend, onUnSuspend: this.props.onUnSuspend }));
-        });
-        let newButton = (React.createElement(ButtonNew_1.ButtonNew, { onClick: () => this.onNew(), tooltip: 'Create ' + this.props.moduleInfo.FriendlyName, 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.ConditionalStyles.length == 0 ? (React.createElement(EmptyContent_1.default, null, "Click 'New' to create a new conditional style to be applied at row or column level when a rule set by you is met.")) : (React.createElement(AdaptableObjectCollection_1.AdaptableObjectCollection, { colItems: colItems, items: conditionalStyles })),
-                this.state.editedAdaptableObject != null && (React.createElement(ConditionalStyleWizard_1.ConditionalStyleWizard, { moduleInfo: this.props.moduleInfo, data: this.state.editedAdaptableObject, configEntities: null, onCloseWizard: this.onCloseWizard, onFinishWizard: this.onFinishWizard })))));
-    }
-    onNew() {
-        this.setState({
-            editedAdaptableObject: ObjectFactory_1.ObjectFactory.CreateEmptyConditionalStyle(),
-            wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.New,
-        });
-    }
-    onEdit(condition) {
-        let clonedObject = Helper_1.Helper.cloneObject(condition);
-        this.setState({
-            editedAdaptableObject: clonedObject,
-            wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.Edit,
-        });
-    }
-    resetState() {
-        this.setState({
-            editedAdaptableObject: null,
-            wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
-            newNamedQuery: GeneralConstants_1.EMPTY_STRING,
-        });
-    }
-}
-function mapStateToProps(state) {
-    return {
-        ConditionalStyles: state.ConditionalStyle.ConditionalStyles,
-    };
-}
-function mapDispatchToProps(dispatch) {
-    return {
-        onAddConditionalStyle: (conditionalStyle) => dispatch(ConditionalStyleRedux.ConditionalStyleAdd(conditionalStyle)),
-        onEditConditionalStyle: (conditionalStyle) => dispatch(ConditionalStyleRedux.ConditionalStyleEdit(conditionalStyle)),
-        onAddNamedQuery: (namedQuery) => dispatch(QueryRedux.NamedQueryAdd(namedQuery)),
-        onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.ConditionalStyleModuleId, config)),
-        onSuspend: (entity) => dispatch(ConditionalStyleRedux.ConditionalStyleSuspend(entity)),
-        onUnSuspend: (entity) => dispatch(ConditionalStyleRedux.ConditionalStyleUnSuspend(entity)),
-    };
-}
-exports.ConditionalStylePopup = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(ConditionalStylePopupComponent);

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { SharedEntityRowProps } from '../Components/SharedProps/ConfigEntityRowProps';
-import { AdaptableColumn } from '../../PredefinedConfig/Common/AdaptableColumn';
-import { AdaptableScope } from '../../../types';
-export interface CustomSortEntityRowProps extends SharedEntityRowProps<CustomSortEntityRow> {
-    column?: AdaptableColumn;
-    scope?: AdaptableScope;
-}
-export declare class CustomSortEntityRow extends React.Component<CustomSortEntityRowProps, {}> {
-    render(): any;
-    private getCustomSortedValues;
-}