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

package/src/View/GridInfo/GridInfoPopup/AdaptableOptionsComponent.js

@@ -1,94 +0,0 @@
-import * as React from 'react';
-import { useEffect, useState } from 'react';
-import { PanelWithButton } from '../../Components/Panels/PanelWithButton';
-import { ButtonMinimise } from '../../Components/Buttons/ButtonMinimise';
-import { ButtonMaximise } from '../../Components/Buttons/ButtonMaximise';
-import { AdaptableObjectCollection } from '../../Components/AdaptableObjectCollection';
-import { AdaptableObjectRow } from '../../Components/AdaptableObjectRow';
-import { AdaptablePopover } from '../../AdaptablePopover';
-import { Box } from '../../../components/Flex';
-export const AdaptableOptionsComponent = (props) => {
-    const { api } = props;
-    const getAdaptableOptionsColItems = () => [
-        { Content: 'Property', Size: 5 },
-        { Content: 'Value', Size: 5 },
-        { Content: '', Size: 2 },
-    ];
-    const formatOptionValue = (optionValue) => {
-        if (optionValue == undefined || optionValue == null) {
-            return 'None';
-        }
-        const optionValueType = typeof optionValue;
-        switch (optionValueType) {
-            case 'string':
-            case 'number':
-            case 'bigint':
-                return optionValue;
-            case 'boolean':
-                return optionValue ? 'True' : 'False';
-            case 'function':
-                return 'Function';
-            case 'object':
-                if (Array.isArray(optionValue)) {
-                    return `[${optionValue
-                        .map((optionValueItem) => formatOptionValue(optionValueItem))
-                        .join(', ')}]`;
-                }
-                if (optionValue instanceof HTMLElement) {
-                    return 'HTMLElement';
-                }
-            default:
-                // should never happen, but just in case, to avoid a react runtime error
-                return 'Complex value';
-        }
-    };
-    const buildGridInfoOptionEntry = (gridInfoOption) => {
-        const colItems = getAdaptableOptionsColItems();
-        colItems[0].Content = gridInfoOption.name;
-        const formattedOptionValue = formatOptionValue(gridInfoOption.value);
-        const isUserDefinedValue = gridInfoOption.value !== gridInfoOption.defaultValue;
-        colItems[1].Content = isUserDefinedValue ? (React.createElement(React.Fragment, null,
-            React.createElement("span", { style: { fontWeight: 'bold' } }, formattedOptionValue),
-            React.createElement("span", { style: { fontStyle: 'italic' } },
-                ' ',
-                "(Default: ",
-                formatOptionValue(gridInfoOption.defaultValue),
-                ")"))) : (formattedOptionValue);
-        let infoButton = React.createElement(AdaptablePopover, { headerText: null, bodyText: [gridInfoOption.description] });
-        colItems[2].Content = infoButton;
-        return colItems;
-    };
-    const buildGridInfoOptionComponentContainer = (containerContainerName, gridInfoOptionContainer) => {
-        const gridInfoOptionComponents = gridInfoOptionContainer.items.map((gridInfoOption) => {
-            const gridOptionColItems = buildGridInfoOptionEntry(gridInfoOption);
-            return React.createElement(AdaptableObjectRow, { key: `${gridInfoOption.name}`, colItems: gridOptionColItems });
-        });
-        return (React.createElement(AdaptableObjectCollection, { colItems: getAdaptableOptionsColItems(), items: gridInfoOptionComponents }));
-    };
-    const [gridInfoOptions, setGridInfoOptions] = useState();
-    const [gridInfoContainerComponents, setGridInfoContainerComponents] = useState();
-    useEffect(() => {
-        const gridInfoOptions = api.internalApi.getMetamodelService().getGridInfoOptions();
-        const gridInfoContainerComponentMap = new Map();
-        gridInfoOptions.forEach((gridInfoOptionContainer, containerName) => {
-            gridInfoContainerComponentMap.set(containerName, buildGridInfoOptionComponentContainer(containerName, gridInfoOptionContainer));
-        });
-        setGridInfoContainerComponents(gridInfoContainerComponentMap);
-        setGridInfoOptions(gridInfoOptions);
-    }, []);
-    const [expandedComponentContainer, setExpandedComponentContainer] = useState('');
-    return (React.createElement(Box, { className: "ab-AdaptableOptions twa:p-2", "data-name": "gridInfo-adaptableOptions-content" }, gridInfoOptions &&
-        Array.from(gridInfoOptions.entries()).map(([containerName, container]) => (React.createElement(OptionContainerComponent, { key: containerName, name: containerName, label: container.containerLabel, viewMode: containerName === expandedComponentContainer ? 'expanded' : 'collapsed', onViewModeChange: (newViewMode) => setExpandedComponentContainer(newViewMode === 'expanded' ? containerName : '') }, gridInfoContainerComponents.get(containerName))))));
-};
-const OptionContainerComponent = (props) => {
-    const { viewMode, name, label, onViewModeChange, children } = props;
-    const requestViewModeChange = () => {
-        onViewModeChange(viewMode === 'expanded' ? 'collapsed' : 'expanded');
-    };
-    const panelButton = viewMode === 'expanded' ? (React.createElement(ButtonMinimise, { onClick: () => requestViewModeChange(), tooltip: `Hide ${label}` })) : (React.createElement(ButtonMaximise, { onClick: () => requestViewModeChange(), tooltip: `Show ${label}` }));
-    return (React.createElement(PanelWithButton, { className: `ab-OptionsContainer options-container-${name} twa:mb-3`, variant: "default", headerText: label, headerProps: {
-            className: `twa:text-3 twa:cursor-pointer ${viewMode === 'expanded' ? 'twa:font-extrabold' : 'twa:font-normal'}`,
-            'data-name': `options-container-header-${name}`,
-            onClick: () => requestViewModeChange(),
-        }, button: panelButton }, viewMode === 'expanded' && children));
-};

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

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { ModuleSummaryProps } from '../Components/SharedProps/ModuleSummaryProps';
-import { EditableConfigEntityState } from '../Components/SharedProps/EditableConfigEntityState';
-import * as PlusMinusRedux from '../../Redux/ActionsReducers/PlusMinusRedux';
-import { PlusMinusNudge } from '../../AdaptableState/PlusMinusState';
-export interface PlusMinusSummaryProps extends ModuleSummaryProps<PlusMinusSummaryComponent> {
-    PlusMinusNudges: PlusMinusNudge[];
-    onAddPlusMinusNudge: (PlusMinus: PlusMinusNudge) => PlusMinusRedux.PlusMinusNudgeAddAction;
-    onEditPlusMinusNudge: (PlusMinus: PlusMinusNudge) => PlusMinusRedux.PlusMinusNudgeEditAction;
-}
-export declare class PlusMinusSummaryComponent extends React.Component<PlusMinusSummaryProps, EditableConfigEntityState> {
-    constructor(props: PlusMinusSummaryProps);
-    render(): any;
-    onNew(): void;
-    onEdit(PlusMinus: PlusMinusNudge): void;
-    onCloseWizard(): void;
-    onFinishWizard(): void;
-    canFinishWizard(): boolean;
-}
-export declare let PlusMinusSummary: import("react-redux").ConnectedComponent<typeof PlusMinusSummaryComponent, {
-    [x: string]: any;
-}>;

package/src/View/PlusMinus/PlusMinusSummary.js

@@ -1,95 +0,0 @@
-import * as React from 'react';
-import { WizardStatus, } from '../Components/SharedProps/EditableConfigEntityState';
-import { connect } from 'react-redux';
-import { Helper } from '../../Utilities/Helpers/Helper';
-import * as PlusMinusRedux from '../../Redux/ActionsReducers/PlusMinusRedux';
-import * as PopupRedux from '../../Redux/ActionsReducers/PopupRedux';
-import { ObjectFactory } from '../../Utilities/ObjectFactory';
-import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
-import { ModuleHeader } from '../Components/ModuleSummary/ModuleHeader';
-import { ModuleDetail } from '../Components/ModuleSummary/ModuleDetail';
-import * as TeamSharingRedux from '../../Redux/ActionsReducers/TeamSharingRedux';
-import { UIHelper } from '../UIHelper';
-import { PlusMinusWizard } from './Wizard/PlusMinusWizard';
-export class PlusMinusSummaryComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = UIHelper.getEmptyConfigState();
-    }
-    render() {
-        let moduleSummaries = [];
-        // title row
-        let titleRow = (React.createElement(ModuleHeader, { key: this.props.moduleInfo.FriendlyName, moduleInfo: this.props.moduleInfo, moduleSummary: Helper.returnItemCount(this.props.PlusMinusNudges.filter((item) => this.props.api.columnScopeApi.isColumnInScopeColumns(this.props.summarisedColumn, item.Scope)), this.props.moduleInfo.FriendlyName), onNew: () => this.onNew(), newButtonTooltip: 'Plus / Minus Rule', accessLevel: this.props.accessLevel }));
-        moduleSummaries.push(titleRow);
-        // existing items
-        this.props.PlusMinusNudges.map((item, index) => {
-            if (this.props.api.columnScopeApi.isColumnInScopeColumns(this.props.summarisedColumn, item.Scope)) {
-                let detailRow = (React.createElement(ModuleDetail, { key: 'PM' + index, item1: 'Nudge Value: ' + item.NudgeValue, item2: item.Rule?.BooleanExpression ? item.Rule.BooleanExpression : 'Always', configEnity: item, showShare: this.props.teamSharingActivated, moduleInfo: this.props.moduleInfo, onEdit: () => this.onEdit(item), onShare: (config) => this.props.onShare(item, config), onDelete: PlusMinusRedux.PlusMinusNudgeDelete(item), accessLevel: this.props.accessLevel }));
-                moduleSummaries.push(detailRow);
-            }
-        });
-        return (React.createElement("div", null,
-            moduleSummaries,
-            this.state.editedAdaptableObject && (React.createElement(PlusMinusWizard, { moduleInfo: this.props.moduleInfo, data: this.state.editedAdaptableObject, configEntities: null, wizardStartIndex: this.state.wizardStartIndex, onCloseWizard: () => this.onCloseWizard(), onFinishWizard: () => this.onFinishWizard() }))));
-    }
-    onNew() {
-        let configEntity = ObjectFactory.CreateEmptyPlusMinusNudge();
-        configEntity.Scope = {
-            ColumnIds: [this.props.summarisedColumn.columnId],
-        };
-        this.setState({
-            editedAdaptableObject: configEntity,
-            wizardStartIndex: 1,
-            wizardStatus: WizardStatus.New,
-        });
-    }
-    onEdit(PlusMinus) {
-        this.setState({
-            editedAdaptableObject: Helper.cloneObject(PlusMinus),
-            wizardStartIndex: 1,
-            wizardStatus: WizardStatus.Edit,
-        });
-    }
-    onCloseWizard() {
-        this.setState({
-            editedAdaptableObject: null,
-            wizardStartIndex: 0,
-            wizardStatus: WizardStatus.None,
-        });
-    }
-    onFinishWizard() {
-        let plusMinusNudge = this.state.editedAdaptableObject;
-        if (this.state.wizardStatus == WizardStatus.Edit) {
-            this.props.onEditPlusMinusNudge(plusMinusNudge);
-        }
-        else {
-            this.props.onAddPlusMinusNudge(plusMinusNudge);
-        }
-        this.setState({
-            editedAdaptableObject: null,
-            wizardStartIndex: 0,
-            wizardStatus: WizardStatus.None,
-        });
-    }
-    canFinishWizard() {
-        let plusMinus = this.state.editedAdaptableObject;
-        if (!plusMinus.NudgeValue) {
-            return false;
-        }
-        return true;
-    }
-}
-function mapStateToProps(state, ownProps) {
-    return {
-        PlusMinusNudges: state.PlusMinus.PlusMinusNudges,
-    };
-}
-function mapDispatchToProps(dispatch) {
-    return {
-        onAddPlusMinusNudge: (PlusMinusNudge) => dispatch(PlusMinusRedux.PlusMinusNudgeAdd(PlusMinusNudge)),
-        onEditPlusMinusNudge: (PlusMinusNudge) => dispatch(PlusMinusRedux.PlusMinusNudgeEdit(PlusMinusNudge)),
-        onClearPopupParams: () => dispatch(PopupRedux.PopupClearParam()),
-        onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.PlusMinusModuleId, config)),
-    };
-}
-export let PlusMinusSummary = connect(mapStateToProps, mapDispatchToProps)(PlusMinusSummaryComponent);

package/src/View/Wizard/WizardLegend.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export interface WizardLegendProps extends React.ClassAttributes<WizardLegend> {
-    StepNames: string[];
-    ActiveStepName: string;
-    FriendlyName: string;
-    CanShowAllSteps: boolean;
-    onStepButtonClicked: (stepName: string) => void;
-}
-export declare class WizardLegend extends React.Component<WizardLegendProps, {}> {
-    render(): any;
-    private onStepButtonClicked;
-}

package/src/View/Wizard/WizardLegend.js

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import SimpleButton from '../../components/SimpleButton';
-import { Box } from '../../components/Flex';
-export class WizardLegend extends React.Component {
-    render() {
-        let count = this.props.StepNames.length - 1;
-        let activeStepIndex = this.props.StepNames.findIndex((s) => s == this.props.ActiveStepName);
-        let stepButtons = this.props.StepNames.map((s, index) => {
-            let isActiveStep = index == activeStepIndex;
-            let isDisabled = this.props.CanShowAllSteps
-                ? false
-                : isActiveStep || index > activeStepIndex;
-            let lastStep = index == count;
-            return (React.createElement("div", { className: "ab-WizardLegend__step twa:inline-block", "data-name": s, key: index },
-                React.createElement(SimpleButton, { variant: isActiveStep ? 'raised' : 'outlined', tone: isActiveStep ? 'accent' : 'neutral', disabled: isDisabled, onClick: () => this.onStepButtonClicked(s) }, s),
-                lastStep == false && (React.createElement(Box, { "data-name": "separator", className: "ab-WizardLegend__step__separator twa:mx-2 twa:inline-block" }, "\u2014"))));
-        });
-        return React.createElement("div", null, stepButtons);
-    }
-    onStepButtonClicked(stepName) {
-        this.props.onStepButtonClicked(stepName);
-    }
-}