@gridsuite/commons-ui 0.46.0 → 0.47.0

package/es/components/MuiVirtualizedTable/ColumnHeader.js

@@ -1,125 +0,0 @@
-/**
- * Copyright (c) 2022, RTE (http://www.rte-france.com)
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/.
- */
-
-import React, { useRef } from 'react';
-import FilterAltOutlinedIcon from '@mui/icons-material/FilterAltOutlined';
-import { styled } from '@mui/system';
-import Box from '@mui/material/Box';
-import ArrowUpwardIcon from '@mui/icons-material/ArrowUpward';
-import ArrowDownwardIcon from '@mui/icons-material/ArrowDownward';
-import { mergeSx } from '../../utils/styles';
-var styles = {
-  label: {
-    fontWeight: 'bold',
-    fontSize: '0.875rem' // to mimic TableCellRoot 'binding'
-  },
-
-  divFlex: {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    height: '100%'
-  },
-  divNum: {
-    flexDirection: 'row-reverse',
-    textAlign: 'right'
-  },
-  sortDiv: {
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center'
-  },
-  sortButton: {
-    fill: 'currentcolor'
-  },
-  filterButton: {
-    stroke: 'currentcolor'
-  },
-  filterTooLossy: function filterTooLossy(theme) {
-    return {
-      stroke: theme.palette.secondary.main
-    };
-  },
-  transparent: {
-    opacity: 0
-  },
-  hovered: {
-    opacity: 0.5
-  }
-};
-
-// Shows an arrow pointing to smaller value when sorting is active.
-// signedRank of 0 means no sorting, we only show the arrow on hovering of the header,
-// in the same direction as it will get if clicked (once).
-// signedRank > 0 means sorted by ascending value from lower indices to higher indices
-// so lesser values are at top, so the upward arrow
-var SortButton = function SortButton(props) {
-  var sortRank = Math.abs(props.signedRank);
-  var visibilityStyle = (!props.signedRank || undefined) && (props.headerHovered ? styles.hovered : styles.transparent);
-  return /*#__PURE__*/React.createElement(Box, {
-    sx: styles.sortDiv,
-    onClick: props.onClick
-  }, props.signedRank >= 0 ? /*#__PURE__*/React.createElement(ArrowUpwardIcon, {
-    sx: visibilityStyle
-  }) : /*#__PURE__*/React.createElement(ArrowDownwardIcon, {
-    sx: visibilityStyle
-  }), sortRank > 1 && !props.hovered && /*#__PURE__*/React.createElement("sub", null, sortRank));
-};
-var FilterButton = function FilterButton(props) {
-  var visibilityStyle = !props.filterLevel && (props.headerHovered ? styles.hovered : styles.transparent);
-  return /*#__PURE__*/React.createElement(FilterAltOutlinedIcon, {
-    onClick: props.onClick,
-    sx: mergeSx(styles.filterButton, props.filterLevel > 1 && styles.filterTooLossy, visibilityStyle)
-  });
-};
-export var ColumnHeader = React.forwardRef(function (props, ref) {
-  var className = props.className,
-    label = props.label,
-    numeric = props.numeric,
-    sortSignedRank = props.sortSignedRank,
-    filterLevel = props.filterLevel,
-    onSortClick = props.onSortClick,
-    onFilterClick = props.onFilterClick,
-    onContextMenu = props.onContextMenu,
-    style = props.style;
-  var _React$useState = React.useState(),
-    hovered = _React$useState[0],
-    setHovered = _React$useState[1];
-  var onHover = React.useCallback(function (evt) {
-    setHovered(evt.type === 'mouseenter');
-  }, []);
-  var topmostDiv = useRef();
-  var handleFilterClick = React.useMemo(function () {
-    if (!onFilterClick) {
-      return undefined;
-    }
-    return function (evt) {
-      onFilterClick(evt, topmostDiv.current);
-    };
-  }, [onFilterClick]);
-  return /*#__PURE__*/React.createElement(Box, {
-    ref: topmostDiv,
-    onMouseEnter: onHover,
-    onMouseLeave: onHover,
-    sx: mergeSx(styles.divFlex, numeric && styles.divNum),
-    className: className,
-    style: style,
-    onContextMenu: onContextMenu
-  }, /*#__PURE__*/React.createElement(Box, {
-    ref: ref,
-    sx: styles.label
-  }, label), onSortClick && /*#__PURE__*/React.createElement(SortButton, {
-    headerHovered: hovered,
-    onClick: onSortClick,
-    signedRank: sortSignedRank
-  }), handleFilterClick && /*#__PURE__*/React.createElement(FilterButton, {
-    headerHovered: hovered,
-    onClick: handleFilterClick,
-    filterLevel: filterLevel
-  }));
-});
-export default styled(ColumnHeader)({});