d2coreui 21.0.33 → 23.0.0

package/components/grid/header/simpleHeader.js

@@ -1,187 +1,231 @@
-import React from 'react';
-import { CheckOutlined, ColumnWidthOutlined, ControlOutlined, EyeInvisibleOutlined, PushpinOutlined } from "@ant-design/icons";
-import { Dropdown, Menu } from "antd";
-import i18n from "d2core/i18n/i18n";
-import { UndoMenuIcon } from "d2coreui/components/icons/undoIcon";
-export default class SimpleHeader extends React.Component {
-    constructor(props) {
-        super(props);
-        this.unmounted = false;
-        this.state = {
-            sortMode: "",
-            sortOrderIndex: null,
-            filterPresent: false,
-            menuVisible: false
-        };
-        this.lastMovingChanged = 0;
-        this.onHeaderClick = this.onHeaderClick.bind(this);
-        this.onMovingChanged = this.onMovingChanged.bind(this);
-        this.onFilterChanged = this.onFilterChanged.bind(this);
-        this.onSortChanged = this.onSortChanged.bind(this);
-        this.onMultiSortChanged = this.onMultiSortChanged.bind(this);
-        this.onMenuSelect = this.onMenuSelect.bind(this);
-        props.column.addEventListener('movingChanged', this.onMovingChanged);
-        props.column.addEventListener('filterChanged', this.onFilterChanged);
-        props.column.addEventListener('sortChanged', this.onSortChanged);
-        props.api.addEventListener('sortChanged', this.onMultiSortChanged);
-    }
-    componentDidMount() {
-        this.onFilterChanged();
-        this.onSortChanged();
-    }
-    componentWillUnmount() {
-        this.props.column.removeEventListener(this.onMovingChanged);
-        this.props.column.removeEventListener(this.onFilterChanged);
-        this.props.column.removeEventListener(this.onSortChanged);
-        this.unmounted = true;
-    }
-    onHeaderClick(event) {
-        const target = event.target;
-        if (target && target.className && target.className.indexOf("menu") >= 0) {
-            return;
-        }
-        const moving = this.props.column.isMoving();
-        const nowTime = new Date().getTime();
-        const movedRecently = (nowTime - this.lastMovingChanged) < 50;
-        const columnMoving = moving || movedRecently;
-        if (!columnMoving && this.props.column.colDef.sortable) {
-            const sortUsingCtrl = this.props.api.gridOptionsWrapper.isMultiSortKeyCtrl();
-            const multiSort = sortUsingCtrl ? (event.ctrlKey || event.metaKey) : event.shiftKey;
-            this.props.api.sortController.progressSort(this.props.column, multiSort, "uiColumnSorted");
-        }
-    }
-    onMovingChanged() {
-        this.lastMovingChanged = new Date().getTime();
-    }
-    onFilterChanged() {
-        const filterPresent = this.props.column.isFilterActive();
-        if (!this.unmounted) {
-            this.setState({ filterPresent: filterPresent });
-        }
-    }
-    onSortChanged() {
-        let sortMode = "";
-        if (this.props.column.isSortAscending()) {
-            sortMode = "asc";
-        }
-        else if (this.props.column.isSortDescending()) {
-            sortMode = "desc";
-        }
-        if (!this.unmounted) {
-            this.setState({
-                sortMode: sortMode,
-            });
-        }
-    }
-    onMultiSortChanged() {
-        let showOrderIndex = null;
-        const col = this.props.column;
-        const allColumnsWithSorting = this.props.api.sortController.getColumnsWithSortingOrdered();
-        const indexThisCol = allColumnsWithSorting.indexOf(col);
-        const moreThanOneColSorting = allColumnsWithSorting.length > 1;
-        const showIndex = col.isSorting() && moreThanOneColSorting;
-        if (showIndex) {
-            showOrderIndex = indexThisCol + 1;
-        }
-        if (!this.unmounted) {
-            this.setState({
-                showOrderIndex: showOrderIndex
-            });
-        }
-    }
-    onMenuSelect(clickParam) {
-        const { key } = clickParam;
-        const pinned = this.props.column.pinned;
-        if (key === "pinLeft") {
-            if (pinned === "left") {
-                this.props.columnApi.setColumnPinned(this.props.column, null);
-            }
-            else {
-                this.props.columnApi.setColumnPinned(this.props.column, "left");
-            }
-        }
-        else if (key === "pinRight") {
-            if (pinned === "right") {
-                this.props.columnApi.setColumnPinned(this.props.column, null);
-            }
-            else {
-                this.props.columnApi.setColumnPinned(this.props.column, "right");
-            }
-        }
-        else if (key === "autosizeColumn") {
-            this.props.columnApi.autoSizeColumn(this.props.column);
-        }
-        else if (key === "hideColumn") {
-            this.props.columnApi.setColumnVisible(this.props.column, false);
-        }
-        else if (key === "autosizeAllColumns") {
-            this.props.columnApi.autoSizeAllColumns();
-        }
-        else if (key === "resetColumns") {
-            this.props.columnApi.resetColumnState();
-        }
-        else if (key === "columnsConfig") {
-            this.props.onColumnsConfigVisible(true);
-        }
-        this.setState({ menuVisible: false });
-    }
-    renderMenu() {
-        const pinned = this.props.column.pinned;
-        return (React.createElement(Menu, { onClick: this.onMenuSelect },
-            React.createElement(Menu.SubMenu, { title: React.createElement("span", null,
-                    React.createElement(PushpinOutlined, null),
-                    " ",
-                    i18n("Pin Column")) },
-                React.createElement(Menu.Item, { key: "pinLeft", icon: React.createElement(CheckOutlined, { style: { visibility: pinned === "left" ? "visible" : "hidden" } }) }, i18n("Pin Left")),
-                React.createElement(Menu.Item, { key: "pinRight", icon: React.createElement(CheckOutlined, { style: { visibility: pinned === "right" ? "visible" : "hidden" } }) }, i18n("Pin Right"))),
-            React.createElement(Menu.Item, { key: "autosizeColumn", icon: React.createElement(ColumnWidthOutlined, null) }, i18n("Autosize Column")),
-            React.createElement(Menu.Item, { key: "hideColumn", icon: React.createElement(EyeInvisibleOutlined, null) }, i18n("Hide Column")),
-            React.createElement(Menu.Divider, { key: "divider-menu" }),
-            React.createElement(Menu.Item, { key: "autosizeAllColumns", icon: React.createElement(ColumnWidthOutlined, null) }, i18n("Autosize All Columns")),
-            React.createElement(Menu.Item, { key: "resetColumns", icon: React.createElement(UndoMenuIcon, null) }, i18n("Reset Columns")),
-            React.createElement(Menu.Item, { key: "columnsConfig", icon: React.createElement(ControlOutlined, null) }, i18n("Columns Configuration"))));
-    }
-    render() {
-        const alwaysHideNoSort = !this.props.column.getColDef().unSortIcon && !this.props.api.gridOptionsWrapper.isUnSortIcon();
-        const sortAscClassName = !this.props.column.isSortAscending() ? "ag-hidden" : "", sortDescClassName = !this.props.column.isSortDescending() ? "ag-hidden" : "", sortNoneClassName = alwaysHideNoSort || !this.props.column.isSortNone() ? "ag-hidden" : "";
-        let containerClassName = "";
-        if (this.props.column.isSortAscending()) {
-            containerClassName = 'ag-header-cell-sorted-asc';
-        }
-        else if (this.props.column.isSortDescending()) {
-            containerClassName = 'ag-header-cell-sorted-desc';
-        }
-        else if (this.props.column.isSortNone()) {
-            containerClassName = 'ag-header-cell-sorted-none';
-        }
-        const sortOrderIndexClassName = !this.state.showOrderIndex ? "ag-hidden" : "";
-        const filterClassName = !this.state.filterPresent ? "ag-hidden" : "";
-        const columnMenu = this.renderMenu();
-        const textStyle = { fontSize: this.props.context.fontSize, lineHeight: this.props.context.lineHeight };
-        return (React.createElement(Dropdown, { overlay: columnMenu, trigger: ["contextMenu"], placement: "bottomCenter" },
-            React.createElement("div", { className: "ag-cell-label-container " + containerClassName, role: "presentation", onClick: this.onHeaderClick, onMouseOver: () => {
-                    this.setState({ menuVisible: true });
-                }, onMouseOut: () => {
-                    this.setState({ menuVisible: false });
-                } },
-                React.createElement(Dropdown, { overlay: columnMenu, trigger: ["click"], placement: "bottomCenter" },
-                    React.createElement("span", { ref: "eMenu", className: "ag-header-icon ag-header-cell-menu-button", style: {
-                            opacity: this.state.menuVisible ? 1 : 0,
-                            transition: "opacity 0.2s, border 0.2s",
-                            cursor: this.state.menuVisible ? "pointer" : undefined
-                        } },
-                        React.createElement("span", { className: "ag-icon ag-icon-menu", unselectable: "on" }))),
-                React.createElement("div", { ref: "eLabel", className: "ag-header-cell-label", role: "presentation", unselectable: "on", style: textStyle },
-                    React.createElement("span", { ref: "eText", className: "ag-header-cell-text", role: "columnheader", unselectable: "on" }, this.props.displayName),
-                    React.createElement("span", { ref: "eFilter", className: "ag-header-icon ag-filter-icon " + filterClassName },
-                        React.createElement("span", { className: "ag-icon ag-icon-filter", unselectable: "on" })),
-                    React.createElement("span", { ref: "eSortAsc", className: "ag-header-icon ag-sort-ascending-icon " + sortAscClassName },
-                        React.createElement("span", { className: "ag-icon ag-icon-asc", unselectable: "on" })),
-                    React.createElement("span", { ref: "eSortDesc", className: "ag-header-icon ag-sort-descending-icon " + sortDescClassName },
-                        React.createElement("span", { className: "ag-icon ag-icon-desc", unselectable: "on" })),
-                    React.createElement("span", { ref: "eSortNone", className: "ag-header-icon ag-sort-none-icon " + sortNoneClassName },
-                        React.createElement("span", { className: "ag-icon ag-icon-none", unselectable: "on" })),
-                    React.createElement("span", { ref: "eSortOrder", className: "ag-header-icon ag-sort-order " + sortOrderIndexClassName }, this.state.showOrderIndex)))));
-    }
-}
+import React from 'react';
+import { CheckOutlined, ColumnWidthOutlined, ControlOutlined, EyeInvisibleOutlined, PushpinOutlined } from "@ant-design/icons";
+import { Dropdown } from "antd";
+import i18n from "d2core/i18n/i18n";
+import { UndoMenuIcon } from "d2coreui/components/icons/undoIcon";
+import { calculateLineHeight, GRID_DEFAULT_ROW_HEIGHT_DELTA } from "../config/rowHeightCalculator";
+export default class SimpleHeader extends React.Component {
+    constructor(props) {
+        super(props);
+        this.unmounted = false;
+        this.state = {
+            sortMode: "",
+            sortOrderIndex: null,
+            filterPresent: false,
+            menuVisible: false
+        };
+        this.lastMovingChanged = 0;
+        this.onHeaderClick = this.onHeaderClick.bind(this);
+        this.onMovingChanged = this.onMovingChanged.bind(this);
+        this.onFilterChanged = this.onFilterChanged.bind(this);
+        this.onSortChanged = this.onSortChanged.bind(this);
+        this.onMultiSortChanged = this.onMultiSortChanged.bind(this);
+        this.onMenuSelect = this.onMenuSelect.bind(this);
+        props.column.addEventListener('movingChanged', this.onMovingChanged);
+        props.column.addEventListener('filterChanged', this.onFilterChanged);
+        props.column.addEventListener('sortChanged', this.onSortChanged);
+        props.api.addEventListener('sortChanged', this.onMultiSortChanged);
+    }
+    componentDidMount() {
+        this.onFilterChanged();
+        this.onSortChanged();
+    }
+    componentWillUnmount() {
+        this.props.column.removeEventListener(this.onMovingChanged);
+        this.props.column.removeEventListener(this.onFilterChanged);
+        this.props.column.removeEventListener(this.onSortChanged);
+        this.unmounted = true;
+    }
+    onHeaderClick(event) {
+        const target = event.target;
+        if (target && target.className && target.className.indexOf("menu") >= 0) {
+            return;
+        }
+        const moving = this.props.column.isMoving();
+        const nowTime = new Date().getTime();
+        const movedRecently = (nowTime - this.lastMovingChanged) < 50;
+        const columnMoving = moving || movedRecently;
+        if (!columnMoving && this.props.column.colDef.sortable) {
+            const sortUsingCtrl = this.props.api.getGridOption('multiSortKey') === 'ctrl';
+            const multiSort = sortUsingCtrl ? (event.ctrlKey || event.metaKey) : event.shiftKey;
+            this.props.progressSort(multiSort);
+        }
+    }
+    onMovingChanged() {
+        this.lastMovingChanged = new Date().getTime();
+    }
+    onFilterChanged() {
+        const filterPresent = this.props.column.isFilterActive();
+        if (!this.unmounted) {
+            this.setState({ filterPresent: filterPresent });
+        }
+    }
+    onSortChanged() {
+        let sortMode = "";
+        if (this.props.column.isSortAscending()) {
+            sortMode = "asc";
+        }
+        else if (this.props.column.isSortDescending()) {
+            sortMode = "desc";
+        }
+        if (!this.unmounted) {
+            this.setState({
+                sortMode: sortMode,
+            });
+        }
+    }
+    onMultiSortChanged() {
+        let showOrderIndex = null;
+        const col = this.props.column;
+        const allColumnsWithSorting = this.props.api.getColumns().filter((c) => !!c.getSort());
+        const moreThanOneColSorting = allColumnsWithSorting.length > 1;
+        const showIndex = col.isSorting() && moreThanOneColSorting;
+        if (showIndex) {
+            showOrderIndex = col.getSortIndex() + 1;
+        }
+        if (!this.unmounted) {
+            this.setState({
+                showOrderIndex: showOrderIndex
+            });
+        }
+    }
+    onMenuSelect(clickParam) {
+        const { key } = clickParam;
+        const pinned = this.props.column.pinned;
+        if (key === "pinLeft") {
+            if (pinned === "left") {
+                this.props.api.setColumnsPinned([this.props.column], null);
+            }
+            else {
+                this.props.api.setColumnsPinned([this.props.column], "left");
+            }
+        }
+        else if (key === "pinRight") {
+            if (pinned === "right") {
+                this.props.api.setColumnsPinned([this.props.column], null);
+            }
+            else {
+                this.props.api.setColumnsPinned([this.props.column], "right");
+            }
+        }
+        else if (key === "autosizeColumn") {
+            this.props.api.autoSizeColumns([this.props.column]);
+        }
+        else if (key === "hideColumn") {
+            this.props.api.setColumnsVisible([this.props.column], false);
+        }
+        else if (key === "autosizeAllColumns") {
+            this.props.api.autoSizeAllColumns();
+        }
+        else if (key === "resetColumns") {
+            this.props.api.resetColumnState();
+        }
+        else if (key === "columnsConfig") {
+            this.props.onColumnsConfigVisible(true);
+        }
+        this.setState({ menuVisible: false });
+    }
+    getColumnMenu() {
+        const pinned = this.props.column.pinned;
+        const items = [
+            {
+                key: "pin",
+                label: React.createElement("span", null,
+                    React.createElement(PushpinOutlined, null),
+                    " ",
+                    i18n("Pin Column")),
+                children: [
+                    {
+                        key: "pinLeft",
+                        icon: React.createElement(CheckOutlined, { style: { visibility: pinned === "left" ? "visible" : "hidden" } }),
+                        label: i18n("Pin Left"),
+                    },
+                    {
+                        key: "pinRight",
+                        icon: React.createElement(CheckOutlined, { style: { visibility: pinned === "right" ? "visible" : "hidden" } }),
+                        label: i18n("Pin Right"),
+                    },
+                ]
+            },
+            {
+                key: "autosizeColumn",
+                icon: React.createElement(ColumnWidthOutlined, null),
+                label: i18n("Autosize Column")
+            },
+            {
+                key: "hideColumn",
+                icon: React.createElement(EyeInvisibleOutlined, null),
+                label: i18n("Hide Column"),
+            },
+            {
+                key: "divider-menu",
+                type: "divider",
+            },
+            {
+                key: "autosizeAllColumns",
+                icon: React.createElement(ColumnWidthOutlined, null),
+                label: i18n("Autosize All Columns")
+            },
+            {
+                key: "resetColumns",
+                icon: React.createElement(UndoMenuIcon, null),
+                label: i18n("Reset Columns")
+            },
+            {
+                key: "columnsConfig",
+                icon: React.createElement(ControlOutlined, null),
+                label: i18n("Columns Configuration")
+            },
+        ];
+        return {
+            onClick: this.onMenuSelect,
+            items: items,
+        };
+    }
+    render() {
+        const alwaysHideNoSort = !this.props.column.getColDef().unSortIcon && !this.props.api.getGridOption('unSortIcon');
+        const sortAscClassName = !this.props.column.isSortAscending() ? "ag-hidden" : "", sortDescClassName = !this.props.column.isSortDescending() ? "ag-hidden" : "", sortNoneClassName = alwaysHideNoSort || !this.props.column.isSortNone() ? "ag-hidden" : "";
+        let containerClassName = "";
+        if (this.props.column.isSortAscending()) {
+            containerClassName = 'ag-header-cell-sorted-asc';
+        }
+        else if (this.props.column.isSortDescending()) {
+            containerClassName = 'ag-header-cell-sorted-desc';
+        }
+        else if (this.props.column.isSortNone()) {
+            containerClassName = 'ag-header-cell-sorted-none';
+        }
+        const sortOrderIndexClassName = !this.state.showOrderIndex ? "ag-hidden" : "";
+        const filterClassName = !this.state.filterPresent ? "ag-hidden" : "";
+        const columnMenu = this.getColumnMenu();
+        const textStyle = {
+            fontSize: this.props.context.fontSize,
+            lineHeight: calculateLineHeight(this.props.context.fontSize, GRID_DEFAULT_ROW_HEIGHT_DELTA + 2)
+        };
+        return (React.createElement(Dropdown, { menu: columnMenu, trigger: ["contextMenu"], placement: "bottom" },
+            React.createElement("div", { className: "ag-cell-label-container " + containerClassName, role: "presentation", onClick: this.onHeaderClick, onMouseOver: () => {
+                    this.setState({ menuVisible: true });
+                }, onMouseOut: () => {
+                    this.setState({ menuVisible: false });
+                } },
+                React.createElement(Dropdown, { menu: columnMenu, trigger: ["click"], placement: "bottom" },
+                    React.createElement("span", { ref: "eMenu", className: "ag-header-icon ag-header-cell-menu-button", style: {
+                            opacity: this.state.menuVisible ? 1 : 0,
+                            transition: "opacity 0.2s, border 0.2s",
+                            cursor: this.state.menuVisible ? "pointer" : undefined
+                        } },
+                        React.createElement("span", { className: "ag-icon ag-icon-menu", unselectable: "on" }))),
+                React.createElement("div", { className: "ag-header-cell-label", role: "presentation", unselectable: "on", style: textStyle },
+                    React.createElement("span", { className: "ag-header-cell-text", role: "columnheader", unselectable: "on" }, this.props.displayName),
+                    React.createElement("span", { className: "ag-header-icon ag-filter-icon " + filterClassName },
+                        React.createElement("span", { className: "ag-icon ag-icon-filter", unselectable: "on" })),
+                    React.createElement("span", { className: "ag-header-icon ag-sort-ascending-icon " + sortAscClassName },
+                        React.createElement("span", { className: "ag-icon ag-icon-asc", unselectable: "on" })),
+                    React.createElement("span", { className: "ag-header-icon ag-sort-descending-icon " + sortDescClassName },
+                        React.createElement("span", { className: "ag-icon ag-icon-desc", unselectable: "on" })),
+                    React.createElement("span", { className: "ag-header-icon ag-sort-none-icon " + sortNoneClassName },
+                        React.createElement("span", { className: "ag-icon ag-icon-none", unselectable: "on" })),
+                    React.createElement("span", { className: "ag-header-icon ag-sort-order " + sortOrderIndexClassName }, this.state.showOrderIndex)))));
+    }
+}
 //# sourceMappingURL=simpleHeader.js.map

package/components/grid/header/simpleHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"simpleHeader.js","sourceRoot":"","sources":["../../../../../components/grid/header/simpleHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n    CheckOutlined,\n    ColumnWidthOutlined,\n    ControlOutlined,\n    EyeInvisibleOutlined,\n    PushpinOutlined\n} from \"@ant-design/icons\";\nimport {Dropdown, Menu} from \"antd\";\nimport i18n from \"d2core/i18n/i18n\"\nimport {UndoMenuIcon} from \"d2coreui/components/icons/undoIcon\";\n\nexport default class SimpleHeader extends React.Component<any, any> {\n    lastMovingChanged: number;\n    unmounted: boolean = false;\n\n    constructor(props: Readonly<any>) {\n        super(props);\n        this.state = {\n            sortMode: \"\",\n            sortOrderIndex: null,\n            filterPresent: false,\n            menuVisible: false\n        };\n        this.lastMovingChanged = 0;\n        this.onHeaderClick = this.onHeaderClick.bind(this);\n        this.onMovingChanged = this.onMovingChanged.bind(this);\n        this.onFilterChanged = this.onFilterChanged.bind(this);\n        this.onSortChanged = this.onSortChanged.bind(this);\n        this.onMultiSortChanged = this.onMultiSortChanged.bind(this);\n        this.onMenuSelect = this.onMenuSelect.bind(this);\n        props.column.addEventListener('movingChanged', this.onMovingChanged);\n        props.column.addEventListener('filterChanged', this.onFilterChanged);\n        props.column.addEventListener('sortChanged', this.onSortChanged);\n        props.api.addEventListener('sortChanged', this.onMultiSortChanged);\n    }\n\n    componentDidMount() {\n        this.onFilterChanged();\n        this.onSortChanged();\n    }\n\n    componentWillUnmount() {\n        this.props.column.removeEventListener(this.onMovingChanged);\n        this.props.column.removeEventListener(this.onFilterChanged);\n        this.props.column.removeEventListener(this.onSortChanged);\n        this.unmounted = true;\n    }\n\n    onHeaderClick(event: React.MouseEvent<HTMLDivElement>) {\n        const target = event.target as HTMLElement;\n        if (target && target.className && target.className.indexOf(\"menu\") >= 0) {\n            // now clicking on menu button, ignore sorting operation\n            return;\n        }\n        // sometimes when moving a column via dragging, this was also firing a clicked event.\n        // this check stops sort if a) column is moving or b) column moved less than 200ms ago (so caters for race condition)\n        const moving = this.props.column.isMoving();\n        const nowTime = new Date().getTime();\n        // typically there is <2ms if moving flag was set recently, as it would be done in same VM turn\n        const movedRecently = (nowTime - this.lastMovingChanged) < 50;\n        const columnMoving = moving || movedRecently;\n\n        if (!columnMoving && this.props.column.colDef.sortable) {\n            const sortUsingCtrl = this.props.api.gridOptionsWrapper.isMultiSortKeyCtrl();\n            const multiSort = sortUsingCtrl ? (event.ctrlKey || event.metaKey) : event.shiftKey;\n            this.props.api.sortController.progressSort(this.props.column, multiSort, \"uiColumnSorted\");\n        }\n    }\n\n    // keep track of last time the moving changed flag was set\n    onMovingChanged() {\n        this.lastMovingChanged = new Date().getTime();\n    }\n\n    onFilterChanged() {\n        const filterPresent = this.props.column.isFilterActive();\n        if (!this.unmounted) {\n            this.setState({filterPresent: filterPresent});\n        }\n    }\n\n    onSortChanged() {\n        let sortMode = \"\";\n        if (this.props.column.isSortAscending()) {\n            sortMode = \"asc\";\n        } else if (this.props.column.isSortDescending()) {\n            sortMode = \"desc\";\n        }\n        if (!this.unmounted) {\n            this.setState({\n                sortMode: sortMode,\n            });\n        }\n    }\n\n    onMultiSortChanged() {\n        let showOrderIndex = null;\n        const col = this.props.column;\n        const allColumnsWithSorting = this.props.api.sortController.getColumnsWithSortingOrdered();\n        const indexThisCol = allColumnsWithSorting.indexOf(col);\n        const moreThanOneColSorting = allColumnsWithSorting.length > 1;\n        const showIndex = col.isSorting() && moreThanOneColSorting;\n        if (showIndex) {\n            showOrderIndex = indexThisCol + 1;\n        }\n\n        if (!this.unmounted) {\n            this.setState({\n                showOrderIndex: showOrderIndex\n            });\n        }\n    }\n\n    onMenuSelect(clickParam: any) {\n        const {key} = clickParam;\n        const pinned = this.props.column.pinned;\n        if (key === \"pinLeft\") {\n            if (pinned === \"left\") {\n                this.props.columnApi.setColumnPinned(this.props.column, null);\n            } else {\n                this.props.columnApi.setColumnPinned(this.props.column, \"left\");\n            }\n        } else if (key === \"pinRight\") {\n            if (pinned === \"right\") {\n                this.props.columnApi.setColumnPinned(this.props.column, null);\n            } else {\n                this.props.columnApi.setColumnPinned(this.props.column, \"right\");\n            }\n        } else if (key === \"autosizeColumn\") {\n            this.props.columnApi.autoSizeColumn(this.props.column);\n        } else if (key === \"hideColumn\") {\n            this.props.columnApi.setColumnVisible(this.props.column, false);\n        } else if (key === \"autosizeAllColumns\") {\n            this.props.columnApi.autoSizeAllColumns();\n        } else if (key === \"resetColumns\") {\n            this.props.columnApi.resetColumnState();\n        } else if (key === \"columnsConfig\") {\n            this.props.onColumnsConfigVisible(true);\n        }\n        this.setState({menuVisible: false});\n    }\n\n    renderMenu() {\n        const pinned = this.props.column.pinned;\n        return (\n            <Menu onClick={this.onMenuSelect}>\n                <Menu.SubMenu title={<span><PushpinOutlined/> {i18n(\"Pin Column\")}</span>}>\n                    <Menu.Item key=\"pinLeft\" icon={<CheckOutlined style={{visibility: pinned === \"left\" ? \"visible\" : \"hidden\"}}/>}>\n                        {i18n(\"Pin Left\")}\n                    </Menu.Item>\n                    <Menu.Item key=\"pinRight\" icon={<CheckOutlined style={{visibility: pinned === \"right\" ? \"visible\" : \"hidden\"}}/>}>\n                        {i18n(\"Pin Right\")}\n                    </Menu.Item>\n                </Menu.SubMenu>\n                <Menu.Item key=\"autosizeColumn\" icon={<ColumnWidthOutlined/>}>\n                    {i18n(\"Autosize Column\")}\n                </Menu.Item>\n                <Menu.Item key=\"hideColumn\" icon={<EyeInvisibleOutlined/>}>\n                    {i18n(\"Hide Column\")}\n                </Menu.Item>\n                <Menu.Divider key=\"divider-menu\"/>\n                <Menu.Item key=\"autosizeAllColumns\" icon={<ColumnWidthOutlined/>}>\n                    {i18n(\"Autosize All Columns\")}\n                </Menu.Item>\n                <Menu.Item key=\"resetColumns\" icon={<UndoMenuIcon/>}>\n                    {i18n(\"Reset Columns\")}\n                </Menu.Item>\n                <Menu.Item key=\"columnsConfig\" icon={<ControlOutlined/>}>\n                    {i18n(\"Columns Configuration\")}\n                </Menu.Item>\n            </Menu>\n        );\n    }\n\n    render() {\n        const alwaysHideNoSort = !this.props.column.getColDef().unSortIcon && !this.props.api.gridOptionsWrapper.isUnSortIcon();\n        const sortAscClassName = !this.props.column.isSortAscending() ? \"ag-hidden\" : \"\",\n            sortDescClassName = !this.props.column.isSortDescending() ? \"ag-hidden\" : \"\",\n            sortNoneClassName = alwaysHideNoSort || !this.props.column.isSortNone() ? \"ag-hidden\" : \"\";\n        let containerClassName = \"\";\n        if (this.props.column.isSortAscending()) {\n            containerClassName = 'ag-header-cell-sorted-asc';\n        } else if (this.props.column.isSortDescending()) {\n            containerClassName = 'ag-header-cell-sorted-desc';\n        } else if (this.props.column.isSortNone()) {\n            containerClassName = 'ag-header-cell-sorted-none';\n        }\n        const sortOrderIndexClassName = !this.state.showOrderIndex ? \"ag-hidden\" : \"\";\n        const filterClassName = !this.state.filterPresent ? \"ag-hidden\" : \"\";\n        const columnMenu = this.renderMenu();\n\n        const textStyle = {fontSize: this.props.context.fontSize, lineHeight: this.props.context.lineHeight};\n\n        return (\n            <Dropdown overlay={columnMenu} trigger={[\"contextMenu\"]} placement=\"bottomCenter\">\n                <div className={\"ag-cell-label-container \" + containerClassName} role=\"presentation\"\n                     onClick={this.onHeaderClick}\n                     onMouseOver={() => {\n                         this.setState({menuVisible: true});\n                     }}\n                     onMouseOut={() => {\n                         this.setState({menuVisible: false});\n                     }}>\n                    <Dropdown overlay={columnMenu} trigger={[\"click\"]} placement=\"bottomCenter\">\n                    <span ref=\"eMenu\" className=\"ag-header-icon ag-header-cell-menu-button\"\n                          style={{\n                              opacity: this.state.menuVisible ? 1 : 0,\n                              transition: \"opacity 0.2s, border 0.2s\",\n                              cursor: this.state.menuVisible ? \"pointer\" : undefined\n                          }}>\n                            <span className=\"ag-icon ag-icon-menu\" unselectable=\"on\"/>\n                    </span>\n                    </Dropdown>\n                    <div ref=\"eLabel\" className=\"ag-header-cell-label\" role=\"presentation\" unselectable=\"on\"\n                         style={textStyle}>\n                    <span ref=\"eText\" className=\"ag-header-cell-text\" role=\"columnheader\" unselectable=\"on\">\n                        {this.props.displayName}\n                    </span>\n                        <span ref=\"eFilter\" className={\"ag-header-icon ag-filter-icon \" + filterClassName}>\n                        <span className=\"ag-icon ag-icon-filter\" unselectable=\"on\"/>\n                    </span>\n                        <span ref=\"eSortAsc\" className={\"ag-header-icon ag-sort-ascending-icon \" + sortAscClassName}>\n                        <span className=\"ag-icon ag-icon-asc\" unselectable=\"on\"/>\n                    </span>\n                        <span ref=\"eSortDesc\" className={\"ag-header-icon ag-sort-descending-icon \" + sortDescClassName}>\n                        <span className=\"ag-icon ag-icon-desc\" unselectable=\"on\"/>\n                    </span>\n                        <span ref=\"eSortNone\" className={\"ag-header-icon ag-sort-none-icon \" + sortNoneClassName}>\n                        <span className=\"ag-icon ag-icon-none\" unselectable=\"on\"/>\n                    </span>\n                        <span ref=\"eSortOrder\" className={\"ag-header-icon ag-sort-order \" + sortOrderIndexClassName}>\n                        {this.state.showOrderIndex}\n                    </span>\n                    </div>\n                </div>\n            </Dropdown>\n        );\n    }\n}"]}
+{"version":3,"file":"simpleHeader.js","sourceRoot":"","sources":["../../../../../components/grid/header/simpleHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport {\r\n    CheckOutlined,\r\n    ColumnWidthOutlined,\r\n    ControlOutlined,\r\n    EyeInvisibleOutlined,\r\n    PushpinOutlined\r\n} from \"@ant-design/icons\";\r\nimport {Dropdown, MenuProps} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\"\r\nimport {UndoMenuIcon} from \"d2coreui/components/icons/undoIcon\";\r\nimport {MenuElement} from \"../dataGrid\";\r\nimport {calculateLineHeight, GRID_DEFAULT_ROW_HEIGHT_DELTA} from \"../config/rowHeightCalculator\";\r\nimport {Column} from \"ag-grid-community\";\r\n\r\nexport default class SimpleHeader extends React.Component<any, any> {\r\n    lastMovingChanged: number;\r\n    unmounted: boolean = false;\r\n\r\n    constructor(props: Readonly<any>) {\r\n        super(props);\r\n        this.state = {\r\n            sortMode: \"\",\r\n            sortOrderIndex: null,\r\n            filterPresent: false,\r\n            menuVisible: false\r\n        };\r\n        this.lastMovingChanged = 0;\r\n        this.onHeaderClick = this.onHeaderClick.bind(this);\r\n        this.onMovingChanged = this.onMovingChanged.bind(this);\r\n        this.onFilterChanged = this.onFilterChanged.bind(this);\r\n        this.onSortChanged = this.onSortChanged.bind(this);\r\n        this.onMultiSortChanged = this.onMultiSortChanged.bind(this);\r\n        this.onMenuSelect = this.onMenuSelect.bind(this);\r\n        props.column.addEventListener('movingChanged', this.onMovingChanged);\r\n        props.column.addEventListener('filterChanged', this.onFilterChanged);\r\n        props.column.addEventListener('sortChanged', this.onSortChanged);\r\n        props.api.addEventListener('sortChanged', this.onMultiSortChanged);\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.onFilterChanged();\r\n        this.onSortChanged();\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        this.props.column.removeEventListener(this.onMovingChanged);\r\n        this.props.column.removeEventListener(this.onFilterChanged);\r\n        this.props.column.removeEventListener(this.onSortChanged);\r\n        this.unmounted = true;\r\n    }\r\n\r\n    onHeaderClick(event: React.MouseEvent<HTMLDivElement>) {\r\n        const target = event.target as HTMLElement;\r\n        if (target && target.className && target.className.indexOf(\"menu\") >= 0) {\r\n            // now clicking on menu button, ignore sorting operation\r\n            return;\r\n        }\r\n        // sometimes when moving a column via dragging, this was also firing a clicked event.\r\n        // this check stops sort if a) column is moving or b) column moved less than 200ms ago (so caters for race condition)\r\n        const moving = this.props.column.isMoving();\r\n        const nowTime = new Date().getTime();\r\n        // typically there is <2ms if moving flag was set recently, as it would be done in same VM turn\r\n        const movedRecently = (nowTime - this.lastMovingChanged) < 50;\r\n        const columnMoving = moving || movedRecently;\r\n\r\n        if (!columnMoving && this.props.column.colDef.sortable) {\r\n            const sortUsingCtrl = this.props.api.getGridOption('multiSortKey') === 'ctrl';\r\n            const multiSort = sortUsingCtrl ? (event.ctrlKey || event.metaKey) : event.shiftKey;\r\n            this.props.progressSort(multiSort);\r\n        }\r\n    }\r\n\r\n    // keep track of last time the moving changed flag was set\r\n    onMovingChanged() {\r\n        this.lastMovingChanged = new Date().getTime();\r\n    }\r\n\r\n    onFilterChanged() {\r\n        const filterPresent = this.props.column.isFilterActive();\r\n        if (!this.unmounted) {\r\n            this.setState({filterPresent: filterPresent});\r\n        }\r\n    }\r\n\r\n    onSortChanged() {\r\n        let sortMode = \"\";\r\n        if (this.props.column.isSortAscending()) {\r\n            sortMode = \"asc\";\r\n        } else if (this.props.column.isSortDescending()) {\r\n            sortMode = \"desc\";\r\n        }\r\n        if (!this.unmounted) {\r\n            this.setState({\r\n                sortMode: sortMode,\r\n            });\r\n        }\r\n    }\r\n\r\n    onMultiSortChanged() {\r\n        let showOrderIndex = null;\r\n        const col = this.props.column;\r\n        const allColumnsWithSorting = this.props.api.getColumns().filter((c:Column)=> !!c.getSort());\r\n\r\n        const moreThanOneColSorting = allColumnsWithSorting.length > 1;\r\n        const showIndex = col.isSorting() && moreThanOneColSorting;\r\n        if (showIndex) {\r\n            showOrderIndex = col.getSortIndex()!! + 1;\r\n        }\r\n\r\n        if (!this.unmounted) {\r\n            this.setState({\r\n                showOrderIndex: showOrderIndex\r\n            });\r\n        }\r\n    }\r\n\r\n    onMenuSelect(clickParam: any) {\r\n        const {key} = clickParam;\r\n        const pinned = this.props.column.pinned;\r\n        if (key === \"pinLeft\") {\r\n            if (pinned === \"left\") {\r\n                this.props.api.setColumnsPinned([this.props.column], null);\r\n            } else {\r\n                this.props.api.setColumnsPinned([this.props.column], \"left\");\r\n            }\r\n        } else if (key === \"pinRight\") {\r\n            if (pinned === \"right\") {\r\n                this.props.api.setColumnsPinned([this.props.column], null);\r\n            } else {\r\n                this.props.api.setColumnsPinned([this.props.column], \"right\");\r\n            }\r\n        } else if (key === \"autosizeColumn\") {\r\n            this.props.api.autoSizeColumns([this.props.column]);\r\n        } else if (key === \"hideColumn\") {\r\n            this.props.api.setColumnsVisible([this.props.column], false);\r\n        } else if (key === \"autosizeAllColumns\") {\r\n            this.props.api.autoSizeAllColumns();\r\n        } else if (key === \"resetColumns\") {\r\n            this.props.api.resetColumnState();\r\n        } else if (key === \"columnsConfig\") {\r\n            this.props.onColumnsConfigVisible(true);\r\n        }\r\n        this.setState({menuVisible: false});\r\n    }\r\n\r\n    getColumnMenu(): MenuProps {\r\n        const pinned = this.props.column.pinned;\r\n        const items: MenuElement[] = [\r\n            {\r\n                key: \"pin\",\r\n                label: <span><PushpinOutlined/> {i18n(\"Pin Column\")}</span>,\r\n                children: [\r\n                    {\r\n                        key: \"pinLeft\",\r\n                        icon: <CheckOutlined style={{visibility: pinned === \"left\" ? \"visible\" : \"hidden\"}}/>,\r\n                        label: i18n(\"Pin Left\"),\r\n                    },\r\n                    {\r\n                        key: \"pinRight\",\r\n                        icon: <CheckOutlined style={{visibility: pinned === \"right\" ? \"visible\" : \"hidden\"}}/>,\r\n                        label: i18n(\"Pin Right\"),\r\n                    },\r\n                ]\r\n            },\r\n            {\r\n                key: \"autosizeColumn\",\r\n                icon: <ColumnWidthOutlined/>,\r\n                label: i18n(\"Autosize Column\")\r\n            },\r\n            {\r\n                key: \"hideColumn\",\r\n                icon: <EyeInvisibleOutlined/>,\r\n                label: i18n(\"Hide Column\"),\r\n            },\r\n            {\r\n                key: \"divider-menu\",\r\n                type: \"divider\",\r\n            },\r\n            {\r\n                key: \"autosizeAllColumns\",\r\n                icon: <ColumnWidthOutlined/>,\r\n                label: i18n(\"Autosize All Columns\")\r\n            },\r\n            {\r\n                key: \"resetColumns\",\r\n                icon: <UndoMenuIcon/>,\r\n                label: i18n(\"Reset Columns\")\r\n            },\r\n            {\r\n                key: \"columnsConfig\",\r\n                icon: <ControlOutlined/>,\r\n                label: i18n(\"Columns Configuration\")\r\n            },\r\n        ];\r\n\r\n        return {\r\n            onClick: this.onMenuSelect,\r\n            items: items,\r\n        };\r\n    }\r\n\r\n    render() {\r\n        const alwaysHideNoSort = !this.props.column.getColDef().unSortIcon && !this.props.api.getGridOption('unSortIcon');\r\n        const sortAscClassName = !this.props.column.isSortAscending() ? \"ag-hidden\" : \"\",\r\n            sortDescClassName = !this.props.column.isSortDescending() ? \"ag-hidden\" : \"\",\r\n            sortNoneClassName = alwaysHideNoSort || !this.props.column.isSortNone() ? \"ag-hidden\" : \"\";\r\n        let containerClassName = \"\";\r\n        if (this.props.column.isSortAscending()) {\r\n            containerClassName = 'ag-header-cell-sorted-asc';\r\n        } else if (this.props.column.isSortDescending()) {\r\n            containerClassName = 'ag-header-cell-sorted-desc';\r\n        } else if (this.props.column.isSortNone()) {\r\n            containerClassName = 'ag-header-cell-sorted-none';\r\n        }\r\n        const sortOrderIndexClassName = !this.state.showOrderIndex ? \"ag-hidden\" : \"\";\r\n        const filterClassName = !this.state.filterPresent ? \"ag-hidden\" : \"\";\r\n        const columnMenu = this.getColumnMenu();\r\n\r\n        const textStyle = {\r\n            fontSize: this.props.context.fontSize,\r\n            lineHeight: calculateLineHeight(this.props.context.fontSize, GRID_DEFAULT_ROW_HEIGHT_DELTA + 2)\r\n        };\r\n\r\n        return (\r\n            <Dropdown menu={columnMenu} trigger={[\"contextMenu\"]} placement=\"bottom\">\r\n                <div className={\"ag-cell-label-container \" + containerClassName} role=\"presentation\"\r\n                     onClick={this.onHeaderClick}\r\n                     onMouseOver={() => {\r\n                         this.setState({menuVisible: true});\r\n                     }}\r\n                     onMouseOut={() => {\r\n                         this.setState({menuVisible: false});\r\n                     }}>\r\n                    <Dropdown menu={columnMenu} trigger={[\"click\"]} placement=\"bottom\">\r\n                    <span ref=\"eMenu\" className=\"ag-header-icon ag-header-cell-menu-button\"\r\n                          style={{\r\n                              opacity: this.state.menuVisible ? 1 : 0,\r\n                              transition: \"opacity 0.2s, border 0.2s\",\r\n                              cursor: this.state.menuVisible ? \"pointer\" : undefined\r\n                          }}>\r\n                            <span className=\"ag-icon ag-icon-menu\" unselectable=\"on\"/>\r\n                    </span>\r\n                    </Dropdown>\r\n                    <div className=\"ag-header-cell-label\" role=\"presentation\" unselectable=\"on\"\r\n                         style={textStyle}>\r\n                    <span className=\"ag-header-cell-text\" role=\"columnheader\" unselectable=\"on\">\r\n                        {this.props.displayName}\r\n                    </span>\r\n                        <span className={\"ag-header-icon ag-filter-icon \" + filterClassName}>\r\n                        <span className=\"ag-icon ag-icon-filter\" unselectable=\"on\"/>\r\n                    </span>\r\n                        <span className={\"ag-header-icon ag-sort-ascending-icon \" + sortAscClassName}>\r\n                        <span className=\"ag-icon ag-icon-asc\" unselectable=\"on\"/>\r\n                    </span>\r\n                        <span className={\"ag-header-icon ag-sort-descending-icon \" + sortDescClassName}>\r\n                        <span className=\"ag-icon ag-icon-desc\" unselectable=\"on\"/>\r\n                    </span>\r\n                        <span className={\"ag-header-icon ag-sort-none-icon \" + sortNoneClassName}>\r\n                        <span className=\"ag-icon ag-icon-none\" unselectable=\"on\"/>\r\n                    </span>\r\n                        <span className={\"ag-header-icon ag-sort-order \" + sortOrderIndexClassName}>\r\n                        {this.state.showOrderIndex}\r\n                    </span>\r\n                    </div>\r\n                </div>\r\n            </Dropdown>\r\n        );\r\n    }\r\n}"]}

package/components/grid/panel/dataGridPagination.d.ts

@@ -1,16 +1,16 @@
-import React from "react";
-interface DataGridPaginationProps {
-    disabled?: boolean;
-    current: number;
-    pageSize: number;
-    total: number;
-    onGoToPage(page: number): void;
-}
-interface DataGridPaginationState {
-    gotoPageNumber?: number;
-}
-export default class DataGridPagination extends React.Component<DataGridPaginationProps, DataGridPaginationState> {
-    constructor(props: Readonly<DataGridPaginationProps>);
-    render(): JSX.Element;
-}
-export {};
+import React from "react";
+interface DataGridPaginationProps {
+    disabled?: boolean;
+    current: number;
+    pageSize: number;
+    total: number;
+    onGoToPage(page: number): void;
+}
+interface DataGridPaginationState {
+    gotoPageNumber?: number;
+}
+export default class DataGridPagination extends React.Component<DataGridPaginationProps, DataGridPaginationState> {
+    constructor(props: Readonly<DataGridPaginationProps>);
+    render(): React.JSX.Element;
+}
+export {};