@adaptabletools/adaptable 16.0.8 → 16.0.10-canary.0

package/src/View/GridInfo/GridInfoPopup.js

@@ -1,117 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridInfoPopup = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const AdaptableObjectRow_1 = require("../Components/AdaptableObjectRow");
-const rebass_1 = require("rebass");
-const PopupPanel_1 = require("../Components/Popups/AdaptablePopup/PopupPanel");
-const Radio_1 = tslib_1.__importDefault(require("../../components/Radio"));
-const AdaptableObjectCollection_1 = require("../Components/AdaptableObjectCollection");
-const ArrayExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/ArrayExtensions"));
-const Helper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/Helper"));
-const AdaptablePopover_1 = require("../AdaptablePopover");
-const version_1 = tslib_1.__importDefault(require("../../../version"));
-const ColumnInfoComponent_1 = require("./ColumnInfoComponent");
-const AdaptableOptionsComponent_1 = require("./AdaptableOptionsComponent");
-const AdaptableObjectsSummary_1 = require("./AdaptableObjectsSummary");
-const GridInfoPopup = (props) => {
-    var _a, _b, _c;
-    const entitlementService = props.api.internalApi.getEntitlementService();
-    const showGridSummary = entitlementService.isGridInfoSectionVisible('GridSummary');
-    const showAdaptableOptions = entitlementService.isGridInfoSectionVisible('AdaptableOptions');
-    const showColumnInfo = entitlementService.isGridInfoSectionVisible('ColumnInfo');
-    /**
-     * Because it is not associated with a module yet, setting this flag to true.
-     * Needed for the logic whether to show radio buttons (buttons.length >= 2)
-     */
-    const showAdaptableObjects = entitlementService.isGridInfoSectionVisible('AdaptableObjects');
-    const [state, setState] = React.useState({
-        ActiveTab: ((_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.column)
-            ? 'ColumnInfo'
-            : showGridSummary
-                ? 'GridSummary'
-                : showAdaptableOptions
-                    ? 'AdaptableOptions'
-                    : 'ColumnInfo',
-        CurrentColumn: (_c = (_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.column) !== null && _c !== void 0 ? _c : undefined,
-        IsBaseOptionsMinimised: true,
-        IsContainerOptionsMinimised: true,
-        IsSearchOptionsMinimised: true,
-        IsLayoutOptionsMinimised: true,
-    });
-    const updateState = (partialState) => {
-        setState((state) => {
-            return Object.assign(Object.assign({}, state), partialState);
-        });
-    };
-    const CreateGridSummaries = (colItems) => {
-        var _a;
-        const returnRows = [];
-        const calcColumns = props.api.calculatedColumnApi
-            .getCalculatedColumns()
-            .map((c) => c.ColumnId);
-        const actionColumns = props.api.actionColumnApi
-            .getActionColumns()
-            .map((ac) => ac.columnId);
-        const freeTextColumns = props.api.freeTextColumnApi
-            .getFreeTextColumns()
-            .map((c) => c.ColumnId);
-        const columnFilterDescription = props.api.filterApi.internalApi.columnFiltersToString(props.api.filterApi.getColumnFilters());
-        const sorts = ArrayExtensions_1.default.IsNotNullOrEmpty(props.api.gridApi.getColumnSorts())
-            ? props.api.gridApi.getColumnSorts().map((gs) => {
-                return props.api.columnApi.getFriendlyNameForColumnId(gs.ColumnId) + ': ' + gs.SortOrder;
-            })
-            : null;
-        const selectedRowInfo = props.api.gridApi.getSelectedRowInfo();
-        if ((_a = props.api.optionsApi.getUserInterfaceOptions()) === null || _a === void 0 ? void 0 : _a.showAdapTableVersion) {
-            returnRows.push(createReadOnlyColItem(colItems, 'AdapTable Version', version_1.default));
-        }
-        returnRows.push(createReadOnlyColItem(colItems, 'Sorted Columns', ArrayExtensions_1.default.IsNotNullOrEmpty(sorts) ? sorts.join('; ') : 'None'));
-        returnRows.push(createReadOnlyColItem(colItems, 'Column Filters', columnFilterDescription));
-        returnRows.push(createReadOnlyColItem(colItems, 'All Rows', props.api.gridApi.getRowCount()));
-        returnRows.push(createReadOnlyColItem(colItems, 'Visible Rows', props.api.gridApi.getVisibleRowCount()));
-        returnRows.push(createReadOnlyColItem(colItems, 'Selected Rows', selectedRowInfo === null || selectedRowInfo === void 0 ? void 0 : selectedRowInfo.gridRows.length));
-        returnRows.push(createReadOnlyColItem(colItems, 'Visible Selected Rows', selectedRowInfo === null || selectedRowInfo === void 0 ? void 0 : selectedRowInfo.gridRows.filter((gr) => { var _a; return ((_a = gr.rowNode) === null || _a === void 0 ? void 0 : _a.displayed) == true; }).length));
-        returnRows.push(createReadOnlyColItem(colItems, 'All Columns', props.api.gridApi.getColumnCount()));
-        returnRows.push(createReadOnlyColItem(colItems, 'Visible Columns', props.api.gridApi.getVisibleColumnCount()));
-        returnRows.push(createReadOnlyColItem(colItems, 'Calculated Columns', ArrayExtensions_1.default.IsNotNullOrEmpty(calcColumns) ? calcColumns : 'None'));
-        returnRows.push(createReadOnlyColItem(colItems, 'Free Text Columns', ArrayExtensions_1.default.IsNotNullOrEmpty(freeTextColumns) ? freeTextColumns : 'None'));
-        returnRows.push(createReadOnlyColItem(colItems, 'Action Columns', ArrayExtensions_1.default.IsNotNullOrEmpty(actionColumns) ? actionColumns : 'None'));
-        return returnRows;
-    };
-    const createReadOnlyColItem = (colItems, item1, item2, item3) => {
-        let rowColItems = Helper_1.default.cloneObject(colItems);
-        rowColItems[0].Content = item1;
-        rowColItems[1].Content = item2;
-        if (item3) {
-            let infoButton = React.createElement(AdaptablePopover_1.AdaptablePopover, { headerText: null, bodyText: [item3] });
-            rowColItems[2].Content = infoButton;
-        }
-        return rowColItems;
-    };
-    const onShowGridSummaryChanged = (name) => {
-        updateState({ ActiveTab: name });
-    };
-    let propValueColItems = [
-        { Content: 'Property', Size: 5 },
-        { Content: 'Value', Size: 7 },
-    ];
-    let gridSummaries = CreateGridSummaries(propValueColItems).map((x, index) => {
-        return React.createElement(AdaptableObjectRow_1.AdaptableObjectRow, { key: index, colItems: x });
-    });
-    const showRadioButtons = [showGridSummary, showAdaptableOptions, showColumnInfo, showAdaptableObjects].filter((item) => item).length > 1;
-    const baseClassName = 'ab-GridInfo';
-    return (React.createElement(PopupPanel_1.PopupPanel, { className: baseClassName, headerText: 'Grid Info', glyphicon: 'info' },
-        React.createElement(rebass_1.Flex, { flexDirection: "column", flex: 1, height: "100%" },
-            React.createElement(rebass_1.Flex, { className: `${baseClassName}__header`, marginBottom: 2, padding: 3 }, showRadioButtons && (React.createElement(React.Fragment, null,
-                showGridSummary && (React.createElement(Radio_1.default, { className: `${baseClassName}__option-radio`, "data-name": "radioButton-GridSummary", marginRight: 3, value: "GridSummary", checked: state.ActiveTab == 'GridSummary', onChange: (_, e) => onShowGridSummaryChanged('GridSummary') }, "Summary")),
-                showAdaptableOptions && (React.createElement(Radio_1.default, { "data-name": "radioButton-AdaptableOptions", marginRight: 3, value: "AdaptableOptions", checked: state.ActiveTab == 'AdaptableOptions', onChange: (_, e) => onShowGridSummaryChanged('AdaptableOptions') }, "Options")),
-                showColumnInfo && (React.createElement(Radio_1.default, { "data-name": "radioButton-Column", marginRight: 3, value: "Column", checked: state.ActiveTab == 'ColumnInfo', onChange: (_, e) => onShowGridSummaryChanged('ColumnInfo') }, "Columns")),
-                showAdaptableObjects && (React.createElement(Radio_1.default, { "data-name": "radioButton-Column", value: "Column", checked: state.ActiveTab == 'AdaptableObjects', onChange: (_, e) => onShowGridSummaryChanged('AdaptableObjects') }, "Objects"))))),
-            state.ActiveTab == 'GridSummary' && (React.createElement(AdaptableObjectCollection_1.AdaptableObjectCollection, { margin: 2, colItems: propValueColItems, items: gridSummaries })),
-            state.ActiveTab == 'AdaptableOptions' && React.createElement(AdaptableOptionsComponent_1.AdaptableOptionsComponent, { api: props.api }),
-            state.ActiveTab == 'ColumnInfo' && (React.createElement(ColumnInfoComponent_1.ColumnInfoComponent, { api: props.api, teamSharingActivated: props.teamSharingActivated, column: state.CurrentColumn })),
-            state.ActiveTab === 'AdaptableObjects' && React.createElement(AdaptableObjectsSummary_1.AdaptableObjectsSummary, null))));
-};
-exports.GridInfoPopup = GridInfoPopup;

package/src/View/GridInfo/GridOptionsComponent.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { AdaptableApi } from '../../Api/AdaptableApi';
-interface GridOptionsProps extends React.ClassAttributes<GridOptionsComponent> {
-    api: AdaptableApi;
-}
-export interface GridOptionsState {
-    showTotalFooter: boolean;
-    showGroupFooter: boolean;
-}
-export declare class GridOptionsComponent extends React.Component<GridOptionsProps, GridOptionsState> {
-    constructor(props: GridOptionsProps);
-    render(): JSX.Element;
-    private onTotalFooterChanged;
-    private onGroupFooterChanged;
-}
-export {};

package/src/View/GridInfo/GridOptionsComponent.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridOptionsComponent = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const Panel_1 = tslib_1.__importDefault(require("../../components/Panel"));
-const CheckBox_1 = require("../../components/CheckBox");
-class GridOptionsComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        const gridOptions = props.api.gridApi.getAgGridInstance();
-        this.state = {
-            showTotalFooter: gridOptions.groupIncludeTotalFooter,
-            showGroupFooter: gridOptions.groupIncludeFooter,
-        };
-    }
-    render() {
-        return (React.createElement(Panel_1.default, { className: "ab-GridOptions", header: "Grid Options", margin: 2, "data-name": "grid-options-component" },
-            React.createElement(rebass_1.Flex, { flexDirection: "row", alignItems: "center", marginBottom: 2 },
-                React.createElement(CheckBox_1.CheckBox, { onChange: (checked) => this.onTotalFooterChanged(checked), checked: this.state.showTotalFooter }, "Show Total Footer")),
-            React.createElement(rebass_1.Flex, { flexDirection: "row", alignItems: "center", marginBottom: 2 },
-                React.createElement(CheckBox_1.CheckBox, { onChange: (checked) => this.onGroupFooterChanged(checked), checked: this.state.showGroupFooter }, "Show Group Footer"))));
-    }
-    onTotalFooterChanged(checked) {
-        //  this.setState({ showTotalFooter: checked } as GridOptionsState, () =>
-        //   checked ? this.props.api.gridApi.showTotalFooter() : this.props.api.gridApi.hideTotalFooter()
-        // );
-    }
-    onGroupFooterChanged(checked) {
-        // this.setState({ showGroupFooter: checked } as GridOptionsState, () =>
-        //   checked ? this.props.api.gridApi.showGroupFooter() : this.props.api.gridApi.hideGroupFooter()
-        // );
-    }
-}
-exports.GridOptionsComponent = GridOptionsComponent;