@gridsuite/commons-ui 0.29.2 → 0.30.0

package/lib/components/ElementSearchDialog/element-search-dialog.js

@@ -21,8 +21,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var TERM_MIN_SIZE_BEFORE_SEARCH = 3;
-
 var ElementSearchDialog = function ElementSearchDialog(props) {
   var intl = (0, _reactIntl.useIntl)();
   var open = props.open,
@@ -48,7 +46,7 @@ var ElementSearchDialog = function ElementSearchDialog(props) {
   }, [elementsFound]);
 
   var handleSearchTermChange = function handleSearchTermChange(term) {
-    if (term.length >= TERM_MIN_SIZE_BEFORE_SEARCH) {
+    if (term) {
       setLoading(true);
       onSearchTermChange(term);
       setExpanded(true);

package/lib/components/MuiVirtualizedTable/ColumnHeader.js

@@ -0,0 +1,142 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = exports.ColumnHeader = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _styles = require("@mui/styles");
+
+var _FilterAltOutlined = _interopRequireDefault(require("@mui/icons-material/FilterAltOutlined"));
+
+var _ArrowUpward = _interopRequireDefault(require("@mui/icons-material/ArrowUpward"));
+
+var _ArrowDownward = _interopRequireDefault(require("@mui/icons-material/ArrowDownward"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/**
+ * 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/.
+ */
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    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: {
+      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 classes = useStyles();
+  var sortRank = Math.abs(props.signedRank);
+  var visibilityClass = !props.signedRank && (props.headerHovered ? classes.hovered : classes.transparent);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _clsx["default"])(classes.sortDiv),
+    onClick: props.onClick
+  }, props.signedRank >= 0 ? /*#__PURE__*/_react["default"].createElement(_ArrowUpward["default"], {
+    className: (0, _clsx["default"])(visibilityClass)
+  }) : /*#__PURE__*/_react["default"].createElement(_ArrowDownward["default"], {
+    className: (0, _clsx["default"])(visibilityClass)
+  }), sortRank > 1 && !props.hovered && /*#__PURE__*/_react["default"].createElement("sub", null, sortRank));
+};
+
+var FilterButton = function FilterButton(props) {
+  var classes = useStyles();
+  var visibilityClass = !props.filterLevel && (props.headerHovered ? classes.hovered : classes.transparent);
+  return /*#__PURE__*/_react["default"].createElement(_FilterAltOutlined["default"], {
+    onClick: props.onClick,
+    className: (0, _clsx["default"])(classes.filterButton, props.filterLevel > 1 && classes.filterTooLossy, visibilityClass)
+  });
+};
+
+var ColumnHeader = _react["default"].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 classes = useStyles();
+
+  var _React$useState = _react["default"].useState(),
+      hovered = _React$useState[0],
+      setHovered = _React$useState[1];
+
+  var onHover = _react["default"].useCallback(function (evt) {
+    setHovered(evt.type === 'mouseenter');
+  }, []);
+
+  var handleFilterClick = _react["default"].useMemo(function () {
+    if (!onFilterClick) return undefined;
+    return function (evt) {
+      onFilterClick(evt, evt.target.parentNode.parentNode);
+    };
+  }, [onFilterClick]);
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    onMouseEnter: onHover,
+    onMouseLeave: onHover,
+    className: (0, _clsx["default"])(classes.divFlex, numeric && classes.divNum, className),
+    style: style,
+    onContextMenu: onContextMenu
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    ref: ref,
+    className: (0, _clsx["default"])(classes.label)
+  }, label), onSortClick && /*#__PURE__*/_react["default"].createElement(SortButton, {
+    headerHovered: hovered,
+    onClick: onSortClick,
+    signedRank: sortSignedRank
+  }), handleFilterClick && /*#__PURE__*/_react["default"].createElement(FilterButton, {
+    headerHovered: hovered,
+    onClick: handleFilterClick,
+    filterLevel: filterLevel
+  }));
+});
+
+exports.ColumnHeader = ColumnHeader;
+var _default = ColumnHeader;
+exports["default"] = _default;