@gridsuite/commons-ui 0.31.1 → 0.32.1

package/lib/components/FlatParameters/FlatParameters.js

@@ -0,0 +1,327 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = exports.FlatParameters = void 0;
+exports.extractDefault = extractDefault;
+var _react = _interopRequireWildcard(require("react"));
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
+var _material = require("@mui/material");
+var _reactIntl = require("react-intl");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } /**
+                                                                                                                                                                                     * Copyright (c) 2023, 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, _makeStyles["default"])(function (theme) {
+  return {
+    paramList: {
+      width: '100%',
+      margin: 0
+    },
+    paramListItem: {
+      justifyContent: 'space-between',
+      gap: theme.spacing(2),
+      paddingLeft: 0,
+      paddingRight: 0
+    },
+    paramName: {
+      fontWeight: 'bold',
+      minWidth: '30%',
+      overflowWrap: 'anywhere'
+    }
+  };
+});
+var FloatRE = /^-?\d*[.,]?\d*([eE]-?\d*)?$/;
+var IntegerRE = /^-?\d*$/;
+var ListRE = /^\[(.*)]$/;
+var sepRE = /[, ]/;
+function extractDefault(paramDescription) {
+  var d = paramDescription.defaultValue;
+  if (paramDescription.type === 'BOOLEAN') {
+    return !!d;
+  }
+  if (paramDescription.type === 'DOUBLE') {
+    return d - 0.0;
+  }
+  if (paramDescription.type === 'INTEGER') {
+    return d - 0;
+  }
+  if (paramDescription.type === 'STRING_LIST') {
+    if (Array.isArray(d)) {
+      return d;
+    }
+    var mo = ListRE.exec(d);
+    if ((mo === null || mo === void 0 ? void 0 : mo.length) > 1) {
+      return mo[1].split(sepRE).map(function (s) {
+        return s.trim();
+      }).filter(function (s) {
+        return !!s;
+      });
+    }
+    return [];
+  }
+  return d !== null && d !== void 0 ? d : null;
+}
+function longestCommonPrefix(strs) {
+  if (!(strs === null || strs === void 0 ? void 0 : strs.length)) {
+    return '';
+  }
+  var prefix = strs.reduce(function (acc, str) {
+    return str.length < acc.length ? str : acc;
+  });
+  for (var _iterator = _createForOfIteratorHelperLoose(strs), _step; !(_step = _iterator()).done;) {
+    var str = _step.value;
+    while (str.slice(0, prefix.length) !== prefix) {
+      prefix = prefix.slice(0, -1);
+    }
+  }
+  return prefix;
+}
+
+/**
+ * Present a "list" of independently editable parameters according to
+ * their description, as given by paramsAsArray, with current values as in initValues.
+ * @param paramsAsArray [{type,name,possibleValues,defaultValue}]
+ * @param initValues {k:v}
+ * @param onChange (paramName, newValue, isInEdition)
+ * @param variant style variant for TextField, Autocomplete and Select parameter fields
+ */
+var FlatParameters = function FlatParameters(_ref) {
+  var paramsAsArray = _ref.paramsAsArray,
+    initValues = _ref.initValues,
+    onChange = _ref.onChange,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'outlined' : _ref$variant;
+  var classes = useStyles();
+  var intl = (0, _reactIntl.useIntl)();
+  var longestPrefix = longestCommonPrefix(paramsAsArray.map(function (m) {
+    return m.name;
+  }));
+  var lastDotIndex = longestPrefix.lastIndexOf('.');
+  var prefix = longestPrefix.slice(0, lastDotIndex + 1);
+  var _useState = (0, _react.useState)(null),
+    uncommitted = _useState[0],
+    setUncommitted = _useState[1];
+  var _useState2 = (0, _react.useState)(null),
+    inEditionParam = _useState2[0],
+    setInEditionParam = _useState2[1];
+  var getTranslatedValue = (0, _react.useCallback)(function (prefix, value) {
+    return intl.formatMessage({
+      id: prefix + '.' + value,
+      defaultMessage: value
+    });
+  }, [intl]);
+  var sortPossibleValues = (0, _react.useCallback)(function (prefix, values) {
+    if (values == null) {
+      return [];
+    }
+    // Sort by translated values
+    return values.map(function (value) {
+      return {
+        id: value,
+        message: getTranslatedValue(prefix, value)
+      };
+    }).sort(function (a, b) {
+      return a.message.localeCompare(b.message);
+    });
+  }, [getTranslatedValue]);
+  var onFieldChange = (0, _react.useCallback)(function (value, param) {
+    var paramName = param.name;
+    var isInEdition = inEditionParam === paramName;
+    if (isInEdition) {
+      setUncommitted(value);
+    }
+    if (onChange) {
+      if (Array.isArray(value)) {
+        onChange(paramName, [].concat(value), isInEdition);
+      } else {
+        onChange(paramName, value, isInEdition);
+      }
+    }
+  }, [inEditionParam, onChange]);
+  var onUncommited = (0, _react.useCallback)(function (param, inEdit) {
+    if (inEdit) {
+      setInEditionParam(param.name);
+    } else {
+      if (onChange && uncommitted != null) {
+        if (!['INTEGER', 'DOUBLE'].includes(param.type)) {
+          onChange(param.name, uncommitted, false);
+        } else if (uncommitted) {
+          // may give NaN
+          onChange(param.name, uncommitted - 0, false);
+        } else {
+          onChange(param.name, extractDefault(param), false);
+        }
+      }
+      setInEditionParam(null);
+      setUncommitted(null);
+    }
+  }, [uncommitted, onChange]);
+  function mixInitAndDefault(param) {
+    if (param.name === inEditionParam && uncommitted !== null) {
+      return uncommitted;
+    } else if (initValues && initValues.hasOwnProperty(param.name)) {
+      return initValues[param.name];
+    } else {
+      return extractDefault(param);
+    }
+  }
+  var renderField = function renderField(param) {
+    var fieldValue = mixInitAndDefault(param);
+    switch (param.type) {
+      case 'BOOLEAN':
+        return /*#__PURE__*/_react["default"].createElement(_material.Switch, {
+          checked: !!fieldValue,
+          onChange: function onChange(e) {
+            return onFieldChange(e.target.checked, param);
+          }
+        });
+      case 'DOUBLE':
+        var err = isNaN(fieldValue) || typeof fieldValue !== 'number' && !!fieldValue && isNaN(fieldValue - 0);
+        return /*#__PURE__*/_react["default"].createElement(_material.TextField, {
+          fullWidth: true,
+          sx: {
+            input: {
+              textAlign: 'right'
+            }
+          },
+          value: fieldValue,
+          onFocus: function onFocus() {
+            return onUncommited(param, true);
+          },
+          onBlur: function onBlur() {
+            return onUncommited(param, false);
+          },
+          onChange: function onChange(e) {
+            var m = FloatRE.exec(e.target.value);
+            if (m) {
+              onFieldChange(e.target.value, param);
+            }
+          },
+          error: err,
+          variant: variant
+        });
+      case 'INTEGER':
+        return /*#__PURE__*/_react["default"].createElement(_material.TextField, {
+          fullWidth: true,
+          sx: {
+            input: {
+              textAlign: 'right'
+            }
+          },
+          value: fieldValue,
+          onFocus: function onFocus() {
+            return onUncommited(param, true);
+          },
+          onBlur: function onBlur() {
+            return onUncommited(param, false);
+          },
+          onChange: function onChange(e) {
+            var m = IntegerRE.exec(e.target.value);
+            if (m) {
+              onFieldChange(e.target.value, param);
+            }
+          },
+          variant: variant
+        });
+      case 'STRING_LIST':
+        if (param.possibleValues) {
+          return /*#__PURE__*/_react["default"].createElement(_material.Autocomplete, {
+            fullWidth: true,
+            multiple: true,
+            options: sortPossibleValues(param.name, param.possibleValues).map(function (v) {
+              return v.id;
+            }),
+            getOptionLabel: function getOptionLabel(option) {
+              return getTranslatedValue(param.name, option);
+            },
+            onChange: function onChange(e, value) {
+              return onFieldChange(value, param);
+            },
+            value: fieldValue,
+            renderTags: function renderTags(values, getTagProps) {
+              return values.map(function (value, index) {
+                return /*#__PURE__*/_react["default"].createElement(_material.Chip, _extends({
+                  label: getTranslatedValue(param.name, value)
+                }, getTagProps({
+                  index: index
+                })));
+              });
+            },
+            renderInput: function renderInput(inputProps) {
+              return /*#__PURE__*/_react["default"].createElement(_material.TextField, _extends({}, inputProps, {
+                variant: variant
+              }));
+            }
+          });
+        }
+      // else fallthrough to default
+      case 'STRING':
+        if (param.possibleValues) {
+          return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_material.Select, {
+            labelId: param.name,
+            value: fieldValue !== null && fieldValue !== void 0 ? fieldValue : '',
+            onChange: function onChange(ev, may) {
+              onFieldChange(ev.target.value, param);
+            },
+            size: "small",
+            sx: {
+              minWidth: '4em'
+            },
+            variant: variant
+          }, sortPossibleValues(param.name, param.possibleValues).map(function (value) {
+            return /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
+              key: value.id,
+              value: value.id
+            }, /*#__PURE__*/_react["default"].createElement(_material.Typography, null, value.message));
+          })));
+        }
+      // else fallthrough to default
+      default:
+        return /*#__PURE__*/_react["default"].createElement(_material.TextField, {
+          fullWidth: true,
+          defaultValue: fieldValue,
+          onFocus: function onFocus() {
+            return onUncommited(param, true);
+          },
+          onBlur: function onBlur() {
+            return onUncommited(param, false);
+          },
+          onChange: function onChange(e) {
+            return onFieldChange(e.target.value, param);
+          },
+          variant: variant
+        });
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement(_material.List, {
+    className: classes.paramList
+  }, paramsAsArray.map(function (param) {
+    return /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
+      title: /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+        id: param.name + '.desc',
+        defaultMessage: param.description
+      }),
+      enterDelay: 1200,
+      key: param.name
+    }, /*#__PURE__*/_react["default"].createElement(_material.ListItem, {
+      key: param.name,
+      className: classes.paramListItem
+    }, /*#__PURE__*/_react["default"].createElement(_material.Typography, {
+      className: classes.paramName
+    }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+      id: param.name,
+      defaultMessage: param.name.slice(prefix.length)
+    })), renderField(param)));
+  }));
+};
+exports.FlatParameters = FlatParameters;
+var _default = FlatParameters;
+exports["default"] = _default;

package/lib/components/FlatParameters/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _FlatParameters = _interopRequireDefault(require("./FlatParameters"));
+exports["default"] = _FlatParameters["default"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+module.exports = exports.default;

package/lib/components/Login/Login.js

@@ -2,35 +2,24 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
-
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
-
 var _Link = _interopRequireDefault(require("@mui/material/Link"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _LockOutlined = _interopRequireDefault(require("@mui/icons-material/LockOutlined"));
-
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
 var _Container = _interopRequireDefault(require("@mui/material/Container"));
-
 var _reactIntl = require("react-intl");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /**
  * Copyright (c) 2020, 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, _makeStyles["default"])(function (theme) {
   return {
     paper: {
@@ -53,12 +42,10 @@ var useStyles = (0, _makeStyles["default"])(function (theme) {
     }
   };
 });
-
 var Login = function Login(_ref) {
   var onLoginClick = _ref.onLoginClick,
-      disabled = _ref.disabled;
+    disabled = _ref.disabled;
   var classes = useStyles();
-
   function Copyright() {
     return /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
       variant: "body2",
@@ -69,7 +56,6 @@ var Login = function Login(_ref) {
       href: "#"
     }, "GridSuite"), ' ', new Date().getFullYear(), '.');
   }
-
   return /*#__PURE__*/_react["default"].createElement(_Container["default"], {
     component: "main",
     maxWidth: "xs"
@@ -96,7 +82,6 @@ var Login = function Login(_ref) {
     mt: 2
   }, /*#__PURE__*/_react["default"].createElement(Copyright, null)));
 };
-
 var _default = Login;
 exports["default"] = _default;
 module.exports = exports.default;

package/lib/components/Login/Logout.js

@@ -2,35 +2,24 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
-
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
-
 var _Link = _interopRequireDefault(require("@mui/material/Link"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _LogoutOutlined = _interopRequireDefault(require("@mui/icons-material/LogoutOutlined"));
-
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
 var _Container = _interopRequireDefault(require("@mui/material/Container"));
-
 var _reactIntl = require("react-intl");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /**
  * Copyright (c) 2020, 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, _makeStyles["default"])(function (theme) {
   return {
     paper: {
@@ -53,12 +42,10 @@ var useStyles = (0, _makeStyles["default"])(function (theme) {
     }
   };
 });
-
 var Logout = function Logout(_ref) {
   var onLogoutClick = _ref.onLogoutClick,
-      disabled = _ref.disabled;
+    disabled = _ref.disabled;
   var classes = useStyles();
-
   function Copyright() {
     return /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
       variant: "body2",
@@ -69,7 +56,6 @@ var Logout = function Logout(_ref) {
       href: "#"
     }, "GridSuite"), ' ', new Date().getFullYear(), '.');
   }
-
   return /*#__PURE__*/_react["default"].createElement(_Container["default"], {
     component: "main",
     maxWidth: "xs"
@@ -96,7 +82,6 @@ var Logout = function Logout(_ref) {
     mt: 2
   }, /*#__PURE__*/_react["default"].createElement(Copyright, null)));
 };
-
 var _default = Logout;
 exports["default"] = _default;
 module.exports = exports.default;

package/lib/components/Login/index.js

@@ -2,11 +2,7 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
-
 var _Login = _interopRequireDefault(require("./Login"));
-
 exports["default"] = _Login["default"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 module.exports = exports.default;

package/lib/components/MuiVirtualizedTable/ColumnHeader.js

@@ -2,38 +2,29 @@
 
 exports.__esModule = true;
 exports["default"] = exports.ColumnHeader = void 0;
-
 var _react = _interopRequireWildcard(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 }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * 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',
@@ -65,12 +56,13 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       opacity: 0.5
     }
   };
-}); // Shows an arrow pointing to smaller value when sorting is active.
+});
+
+// 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);
@@ -84,7 +76,6 @@ var SortButton = function SortButton(props) {
     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);
@@ -93,36 +84,32 @@ var FilterButton = function FilterButton(props) {
     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;
+    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];
-
+    hovered = _React$useState[0],
+    setHovered = _React$useState[1];
   var onHover = _react["default"].useCallback(function (evt) {
     setHovered(evt.type === 'mouseenter');
   }, []);
-
   var topmostDiv = (0, _react.useRef)();
-
   var handleFilterClick = _react["default"].useMemo(function () {
-    if (!onFilterClick) return undefined;
+    if (!onFilterClick) {
+      return undefined;
+    }
     return function (evt) {
       onFilterClick(evt, topmostDiv.current);
     };
   }, [onFilterClick]);
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     ref: topmostDiv,
     onMouseEnter: onHover,
@@ -143,7 +130,6 @@ var ColumnHeader = _react["default"].forwardRef(function (props, ref) {
     filterLevel: filterLevel
   }));
 });
-
 exports.ColumnHeader = ColumnHeader;
 var _default = ColumnHeader;
 exports["default"] = _default;