@gridsuite/commons-ui 0.32.2 → 0.34.0

package/lib/components/FlatParameters/FlatParameters.js

@@ -26,6 +26,7 @@ var useStyles = (0, _makeStyles["default"])(function (theme) {
       margin: 0
     },
     paramListItem: {
+      display: 'flex',
       justifyContent: 'space-between',
       gap: theme.spacing(2),
       paddingLeft: 0,
@@ -98,7 +99,9 @@ var FlatParameters = function FlatParameters(_ref) {
     initValues = _ref.initValues,
     onChange = _ref.onChange,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'outlined' : _ref$variant;
+    variant = _ref$variant === void 0 ? 'outlined' : _ref$variant,
+    _ref$showSeparator = _ref.showSeparator,
+    showSeparator = _ref$showSeparator === void 0 ? false : _ref$showSeparator;
   var classes = useStyles();
   var intl = (0, _reactIntl.useIntl)();
   var longestPrefix = longestCommonPrefix(paramsAsArray.map(function (m) {
@@ -193,6 +196,7 @@ var FlatParameters = function FlatParameters(_ref) {
     switch (param.type) {
       case 'BOOLEAN':
         return /*#__PURE__*/_react["default"].createElement(_material.Switch, {
+          size: 'small',
           checked: !!fieldValue,
           onChange: function onChange(e) {
             return onFieldChange(e.target.checked, param);
@@ -201,9 +205,12 @@ var FlatParameters = function FlatParameters(_ref) {
       case 'DOUBLE':
         var err = isNaN(fieldValue) || typeof fieldValue !== 'number' && !!fieldValue && isNaN(fieldValue - 0);
         return /*#__PURE__*/_react["default"].createElement(_material.TextField, {
-          fullWidth: true,
+          size: 'small',
           sx: {
-            input: {
+            width: '50%'
+          },
+          inputProps: {
+            style: {
               textAlign: 'right'
             }
           },
@@ -225,9 +232,12 @@ var FlatParameters = function FlatParameters(_ref) {
         });
       case 'INTEGER':
         return /*#__PURE__*/_react["default"].createElement(_material.TextField, {
-          fullWidth: true,
+          size: 'small',
           sx: {
-            input: {
+            width: '50%'
+          },
+          inputProps: {
+            style: {
               textAlign: 'right'
             }
           },
@@ -251,6 +261,7 @@ var FlatParameters = function FlatParameters(_ref) {
           return /*#__PURE__*/_react["default"].createElement(_material.Autocomplete, {
             fullWidth: true,
             multiple: true,
+            size: 'small',
             options: sortPossibleValues(param.name, param.possibleValues).map(function (v) {
               return v.id;
             }),
@@ -279,11 +290,14 @@ var FlatParameters = function FlatParameters(_ref) {
         } else {
           // no possible values => free user inputs
           return /*#__PURE__*/_react["default"].createElement(_material.Autocomplete, {
-            fullWidth: true,
             multiple: true,
             freeSolo: true,
             autoSelect: true,
+            sx: {
+              width: '50%'
+            },
             options: [],
+            size: 'small',
             onChange: function onChange(e, value) {
               return onFieldChange(value, param);
             },
@@ -329,7 +343,10 @@ var FlatParameters = function FlatParameters(_ref) {
       // else fallthrough to default
       default:
         return /*#__PURE__*/_react["default"].createElement(_material.TextField, {
-          fullWidth: true,
+          sx: {
+            width: '50%'
+          },
+          size: 'small',
           value: fieldValue || '',
           onFocus: function onFocus() {
             return onUncommitted(param, true);
@@ -346,23 +363,24 @@ var FlatParameters = function FlatParameters(_ref) {
   };
   return /*#__PURE__*/_react["default"].createElement(_material.List, {
     className: classes.paramList
-  }, paramsAsArray.map(function (param) {
-    return /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
+  }, paramsAsArray.map(function (param, index) {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
+      key: param.name
+    }, /*#__PURE__*/_react["default"].createElement(_material.ListItem, {
+      className: classes.paramListItem
+    }, /*#__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)));
+    }))), renderField(param)), showSeparator && index !== paramsAsArray.length - 1 && /*#__PURE__*/_react["default"].createElement(_material.Divider, null));
   }));
 };
 exports.FlatParameters = FlatParameters;

package/lib/components/Login/Login.js

@@ -46,16 +46,6 @@ var Login = function Login(_ref) {
   var onLoginClick = _ref.onLoginClick,
     disabled = _ref.disabled;
   var classes = useStyles();
-  function Copyright() {
-    return /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-      variant: "body2",
-      color: "textSecondary",
-      align: "center"
-    }, 'Copyright © ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
-      color: "inherit",
-      href: "#"
-    }, "GridSuite"), ' ', new Date().getFullYear(), '.');
-  }
   return /*#__PURE__*/_react["default"].createElement(_Container["default"], {
     component: "main",
     maxWidth: "xs"
@@ -80,7 +70,14 @@ var Login = function Login(_ref) {
     defaultMessage: 'connection'
   }))), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     mt: 2
-  }, /*#__PURE__*/_react["default"].createElement(Copyright, null)));
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: "body2",
+    color: "textSecondary",
+    align: "center"
+  }, 'Copyright © ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+    color: "inherit",
+    href: "#"
+  }, "GridSuite"), ' ', new Date().getFullYear(), '.')));
 };
 var _default = Login;
 exports["default"] = _default;

package/lib/components/MuiVirtualizedTable/MuiVirtualizedTable.js

@@ -364,11 +364,15 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
       var prefiltered = preFilterData(columns, _this.props.rows, _this.props.filter, indexer, indexer.filterVersion);
       var colStat = prefiltered === null || prefiltered === void 0 ? void 0 : (_prefiltered$colsStat2 = prefiltered.colsStats) === null || _prefiltered$colsStat2 === void 0 ? void 0 : _prefiltered$colsStat2[colKey];
       var filterLevel = 0;
-      if (colStat === null || colStat === void 0 ? void 0 : colStat.seen) {
-        var countSeen = Object.getOwnPropertyNames(colStat.seen).length;
-        var userSelectedCount = userParams === null || userParams === void 0 ? void 0 : userParams.length;
-        filterLevel += userSelectedCount ? 1 : 0;
-        filterLevel += userSelectedCount >= countSeen ? 2 : 0;
+      if (userParams === null || userParams === void 0 ? void 0 : userParams.length) {
+        filterLevel += 1;
+        if (!(colStat === null || colStat === void 0 ? void 0 : colStat.seen)) {
+          filterLevel += 2;
+        } else if (userParams.filter(function (v) {
+          return !colStat.seen[v];
+        }).length) {
+          filterLevel += 2;
+        }
       }
 
       // disable filtering when either:
@@ -401,13 +405,13 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
       }, label);
     });
     _defineProperty(_assertThisInitialized(_this), "getRowClassName", function (_ref5) {
-      var _rowGetter, _rowGetter2, _clsx;
+      var _rowGetter, _clsx;
       var index = _ref5.index,
         rowGetter = _ref5.rowGetter;
       var _this$props = _this.props,
         classes = _this$props.classes,
         onRowClick = _this$props.onRowClick;
-      return (0, _clsx3["default"])(classes.tableRow, classes.flexContainer, index % 2 === 0 && classes.rowBackgroundDark, index % 2 !== 0 && classes.rowBackgroundLight, ((_rowGetter = rowGetter(index)) === null || _rowGetter === void 0 ? void 0 : _rowGetter.notClickable) === true && classes.noClick, (_clsx = {}, _clsx[classes.tableRowHover] = index !== -1 && onRowClick != null && !(((_rowGetter2 = rowGetter(index)) === null || _rowGetter2 === void 0 ? void 0 : _rowGetter2.notClickable) === true), _clsx));
+      return (0, _clsx3["default"])(classes.tableRow, classes.flexContainer, index % 2 === 0 && classes.rowBackgroundDark, index % 2 !== 0 && classes.rowBackgroundLight, ((_rowGetter = rowGetter(index)) === null || _rowGetter === void 0 ? void 0 : _rowGetter.notClickable) === true && classes.noClick, (_clsx = {}, _clsx[classes.tableRowHover] = index !== -1 && onRowClick != null, _clsx));
     });
     _defineProperty(_assertThisInitialized(_this), "onClickableRowClick", function (event) {
       var _event$rowData;
@@ -447,7 +451,7 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
         tooltipStyle: classes.cellTooltip
       }));
     });
-    _defineProperty(_assertThisInitialized(_this), "makeSizedTable", function (height, width, sizes, reorderedIndex, _rowGetter3) {
+    _defineProperty(_assertThisInitialized(_this), "makeSizedTable", function (height, width, sizes, reorderedIndex, _rowGetter2) {
       var _reorderedIndex$lengt;
       var _this$props3 = _this.props,
         sort = _this$props3.sort,
@@ -468,12 +472,12 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
           var index = _ref7.index;
           return _this.getRowClassName({
             index: index,
-            rowGetter: _rowGetter3
+            rowGetter: _rowGetter2
           });
         },
         rowGetter: function rowGetter(_ref8) {
           var index = _ref8.index;
-          return _rowGetter3(index);
+          return _rowGetter2(index);
         }
       }), otherProps.columns.map(function (_ref9, index) {
         var dataKey = _ref9.dataKey,

package/lib/components/ReportViewer/report-item.js

@@ -9,6 +9,7 @@ var _TreeItem = _interopRequireDefault(require("@mui/lab/TreeItem"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _Label = _interopRequireDefault(require("@mui/icons-material/Label"));
 var _reportTreeViewContext = _interopRequireDefault(require("./report-tree-view-context"));
+var _system = require("@mui/system");
 var _excluded = ["labelText", "labelIconColor"];
 /**
  * Copyright (c) 2021, RTE (http://www.rte-france.com)
@@ -27,23 +28,30 @@ var useReportItemStyles = (0, _makeStyles["default"])(function (theme) {
       color: theme.palette.text.secondary,
       '&:hover > $content': {
         backgroundColor: theme.palette.action.hover
-      },
-      '&:focus > $content, &$selected > $content': {
-        backgroundColor: "var(--tree-view-bg-color, " + theme.palette.grey[400] + ")",
-        color: 'var(--tree-view-color)'
-      },
-      '&:focus > $content $label, &:hover > $content $label, &$selected > $content $label': {
-        backgroundColor: 'transparent'
       }
     },
     content: {
       color: theme.palette.text.secondary,
-      borderTopRightRadius: theme.spacing(2),
-      borderBottomRightRadius: theme.spacing(2),
+      borderRadius: theme.spacing(2),
+      width: 'fit-content',
       paddingRight: theme.spacing(1),
       fontWeight: theme.typography.fontWeightMedium,
-      '$expanded > &': {
+      '&$expanded': {
         fontWeight: theme.typography.fontWeightRegular
+      },
+      /* &&.Mui-focused to increase specifity because mui5 has a rule for &.Mui-selected.Mui-focused */
+      /* &&$selected to increase specifity because we have a rule for &:hover > $content on root */
+      '&&.Mui-focused, &&$selected': {
+        backgroundColor: "var(--tree-view-bg-color, " + theme.palette.action.selected + ")",
+        color: 'var(--tree-view-color)'
+      },
+      // same as mui v4 behavior on label text only right after clicking in contrast to after moving away with arrow keys.
+      '&$selected $label:hover, &$selected.Mui-focused $label': {
+        borderRadius: theme.spacing(2),
+        backgroundColor: (0, _system.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity)
+      },
+      '&.Mui-focused $label, &:hover $label, &$selected $label': {
+        backgroundColor: 'transparent'
       }
     },
     group: {

package/lib/hooks/useDebounce.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useDebounce = void 0;
+var _react = require("react");
+var _utils = require("@mui/material/utils");
+/**
+ * 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 useDebounce = function useDebounce(func, delay) {
+  if (delay === void 0) {
+    delay = 700;
+  }
+  var debouncedChangeHandler = (0, _react.useMemo)(function () {
+    return (0, _utils.debounce)(func, delay);
+  }, [func, delay]);
+
+  // Stop the invocation of the debounced function after unmounting
+
+  (0, _react.useEffect)(function () {
+    return function () {
+      debouncedChangeHandler.clear();
+    };
+  }, [debouncedChangeHandler]);
+  return debouncedChangeHandler;
+};
+exports.useDebounce = useDebounce;

package/lib/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useSnackMessage = exports.useIntlRef = exports.useImportExportParams = exports.treeview_finder_fr = exports.treeview_finder_en = exports.top_bar_fr = exports.top_bar_en = exports.table_fr = exports.table_en = exports.setSignInCallbackError = exports.setLoggedUser = exports.report_viewer_fr = exports.report_viewer_en = exports.makeDeltaMap = exports.logout = exports.login_fr = exports.login_en = exports.initializeAuthenticationProd = exports.initializeAuthenticationDev = exports.getPreLoginPath = exports.getFileIcon = exports.getEquipmentsInfosForSearchBar = exports.extractDefaultMap = exports.equipment_search_fr = exports.equipment_search_en = exports.equipmentStyles = exports.element_search_fr = exports.element_search_en = exports.elementType = exports.dispatchUser = exports.card_error_boundary_fr = exports.card_error_boundary_en = exports.USER_VALIDATION_ERROR = exports.USER = exports.UNAUTHORIZED_USER_INFO = exports.TreeViewFinder = exports.TopBar = exports.TagRenderer = exports.SnackbarProvider = exports.SIGNIN_CALLBACK_ERROR = exports.SHOW_AUTH_INFO_LOGIN = exports.ReportViewerDialog = exports.ReportViewer = exports.RESET_AUTHENTICATION_ROUTER_ERROR = exports.OverflowableText = exports.MuiVirtualizedTable = exports.LOGOUT_ERROR = exports.LIGHT_THEME = exports.LANG_SYSTEM = exports.LANG_FRENCH = exports.LANG_ENGLISH = exports.KeyedColumnsRowIndexer = exports.FlatParameters = exports.EquipmentItem = exports.ElementSearchDialog = exports.EQUIPMENT_TYPE = exports.DEFAULT_ROW_HEIGHT = exports.DEFAULT_HEADER_HEIGHT = exports.DEFAULT_CELL_PADDING = exports.DARK_THEME = exports.CardErrorBoundary = exports.CHANGE_WAYS = exports.AuthenticationRouter = void 0;
+exports.useSnackMessage = exports.useIntlRef = exports.useDebounce = exports.treeview_finder_fr = exports.treeview_finder_en = exports.top_bar_fr = exports.top_bar_en = exports.table_fr = exports.table_en = exports.setSignInCallbackError = exports.setLoggedUser = exports.report_viewer_fr = exports.report_viewer_en = exports.logout = exports.login_fr = exports.login_en = exports.initializeAuthenticationProd = exports.initializeAuthenticationDev = exports.getPreLoginPath = exports.getFileIcon = exports.getEquipmentsInfosForSearchBar = exports.equipment_search_fr = exports.equipment_search_en = exports.equipmentStyles = exports.element_search_fr = exports.element_search_en = exports.elementType = exports.dispatchUser = exports.card_error_boundary_fr = exports.card_error_boundary_en = exports.USER_VALIDATION_ERROR = exports.USER = exports.UNAUTHORIZED_USER_INFO = exports.TreeViewFinder = exports.TopBar = exports.TagRenderer = exports.SnackbarProvider = exports.SIGNIN_CALLBACK_ERROR = exports.SHOW_AUTH_INFO_LOGIN = exports.ReportViewerDialog = exports.ReportViewer = exports.RESET_AUTHENTICATION_ROUTER_ERROR = exports.OverflowableText = exports.MuiVirtualizedTable = exports.LOGOUT_ERROR = exports.LIGHT_THEME = exports.LANG_SYSTEM = exports.LANG_FRENCH = exports.LANG_ENGLISH = exports.KeyedColumnsRowIndexer = exports.FlatParameters = exports.EquipmentItem = exports.ElementSearchDialog = exports.EQUIPMENT_TYPE = exports.DEFAULT_ROW_HEIGHT = exports.DEFAULT_HEADER_HEIGHT = exports.DEFAULT_CELL_PADDING = exports.DARK_THEME = exports.CardErrorBoundary = exports.CHANGE_WAYS = exports.AuthenticationRouter = void 0;
 var _TreeViewFinder = _interopRequireDefault(require("./components/TreeViewFinder"));
 exports.TreeViewFinder = _TreeViewFinder["default"];
 var _TopBar = _interopRequireDefault(require("./components/TopBar"));
@@ -94,14 +94,12 @@ var _equipmentItem = require("./components/ElementSearchDialog/equipment-item");
 exports.EquipmentItem = _equipmentItem.EquipmentItem;
 var _CardErrorBoundary = _interopRequireDefault(require("./components/CardErrorBoundary"));
 exports.CardErrorBoundary = _CardErrorBoundary["default"];
-var _useImportExportParams = require("./hooks/useImportExportParams");
-exports.useImportExportParams = _useImportExportParams.useImportExportParams;
-exports.makeDeltaMap = _useImportExportParams.makeDeltaMap;
-exports.extractDefaultMap = _useImportExportParams.extractDefaultMap;
 var _useIntlRef = require("./hooks/useIntlRef");
 exports.useIntlRef = _useIntlRef.useIntlRef;
 var _useSnackMessage = require("./hooks/useSnackMessage");
 exports.useSnackMessage = _useSnackMessage.useSnackMessage;
+var _useDebounce = require("./hooks/useDebounce");
+exports.useDebounce = _useDebounce.useDebounce;
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.32.2",
+    "version": "0.34.0",
     "description": "common react components for gridsuite applications",
     "engines": {
         "npm": "<=6",

package/lib/hooks/useImportExportParams.js

@@ -1,144 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.extractDefaultMap = extractDefaultMap;
-exports.makeDeltaMap = makeDeltaMap;
-exports.useImportExportParams = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _FlatParameters = _interopRequireWildcard(require("../components/FlatParameters/FlatParameters"));
-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); } /**
-                                                                                                                                                                                                                                                                                                                                                     * 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/.
-                                                                                                                                                                                                                                                                                                                                                     */ // Hook taking an array of parameters with this format
-// [{"name":"nameOfParam","type":"typeOfParam","description":"descriptionOfParam","defaultValue":"defaultValue","possibleValues":[arrayOfPossibleValue]}]
-// Returns :
-// - an object containing those modified values to be able to send them to a backend
-// - a render of a form allowing to modify those values
-// - a function allowing to reset the fields
-function areEquivDeeply(a, b) {
-  if (a === b) {
-    return true;
-  }
-  var aIsArray = Array.isArray(a);
-  var bIsArray = Array.isArray(b);
-  if (aIsArray || bIsArray) {
-    if (aIsArray && bIsArray && a.length === b.length) {
-      var i = 0;
-      while (i < a.length && areEquivDeeply(a[i], b[i])) {
-        ++i;
-      }
-      if (i >= a.length) {
-        return true;
-      }
-    }
-    return false;
-  }
-  if (typeof a !== 'object' || typeof b !== 'object') {
-    return false;
-  }
-  return areEquivDeeply(Object.entries(a), Object.entries(b));
-}
-function extractDefaultMap(paramsAsArray) {
-  return Object.fromEntries(paramsAsArray.map(function (paramDescription) {
-    return [paramDescription.name, (0, _FlatParameters.extractDefault)(paramDescription)];
-  }));
-}
-function makeDeltaMap(defaultMap, changingMap) {
-  if (!changingMap) {
-    return null;
-  }
-  var delta = {};
-  Object.entries(defaultMap).forEach(function (_ref) {
-    var k = _ref[0],
-      v = _ref[1];
-    var m = changingMap[k];
-    if (!areEquivDeeply(v, m)) {
-      delta[k] = m;
-    }
-  });
-  return Object.keys(delta).length ? delta : null;
-}
-function makeFullMap(defaultMap, changingMap) {
-  if (!changingMap) {
-    return _extends({}, defaultMap);
-  }
-  var full = {};
-  Object.entries(defaultMap).forEach(function (_ref2) {
-    var k = _ref2[0],
-      v = _ref2[1];
-    if (!changingMap.hasOwnProperty(k)) {
-      full[k] = v;
-    } else {
-      var m = changingMap[k];
-      if (!areEquivDeeply(v, m)) {
-        full[k] = m;
-      } else {
-        full[k] = v;
-      }
-    }
-  });
-  return full;
-}
-var useImportExportParams = function useImportExportParams(paramsAsArray, initValues, returnsDelta, variant) {
-  if (returnsDelta === void 0) {
-    returnsDelta = true;
-  }
-  if (variant === void 0) {
-    variant = 'outlined';
-  }
-  var defaultValues = (0, _react.useMemo)(function () {
-    return extractDefaultMap(paramsAsArray);
-  }, [paramsAsArray]);
-  var baseValues = (0, _react.useMemo)(function () {
-    return makeFullMap(defaultValues, initValues);
-  }, [defaultValues, initValues]);
-  var _useState = (0, _react.useState)(baseValues),
-    currentValues = _useState[0],
-    setCurrentValues = _useState[1];
-  var prevRef = (0, _react.useRef)();
-  var onChange = (0, _react.useCallback)(function (paramName, value, isEdit) {
-    if (!isEdit) {
-      setCurrentValues(function (prevCurrentValues) {
-        var _extends2;
-        return _extends({}, prevCurrentValues, (_extends2 = {}, _extends2[paramName] = value, _extends2));
-      });
-    }
-  }, []);
-  var resetValuesToDefault = (0, _react.useCallback)(function (isToInit) {
-    if (isToInit === void 0) {
-      isToInit = true;
-    }
-    setCurrentValues(isToInit ? baseValues : defaultValues);
-  }, [defaultValues, baseValues]);
-  var jsx = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_FlatParameters["default"], {
-      paramsAsArray: paramsAsArray,
-      initValues: currentValues,
-      onChange: onChange,
-      variant: variant
-    });
-  }, [paramsAsArray, currentValues, onChange, variant]);
-  var ret;
-  if (prevRef.current && areEquivDeeply(prevRef.current.currentValues, currentValues)) {
-    if (!returnsDelta) {
-      ret = [prevRef.current.currentValues, jsx, resetValuesToDefault];
-    } else if (!prevRef.current.deltaValues) {
-      ret = [makeDeltaMap(defaultValues, currentValues), jsx, resetValuesToDefault];
-    } else {
-      ret = [prevRef.current.deltaValues, jsx, resetValuesToDefault];
-    }
-  } else {
-    ret = [returnsDelta ? makeDeltaMap(defaultValues, currentValues) : currentValues, jsx, resetValuesToDefault];
-  }
-  prevRef.current = {
-    currentValues: currentValues,
-    jsx: ret[1],
-    deltaValues: returnsDelta ? ret[0] : null
-  };
-  return ret;
-};
-exports.useImportExportParams = useImportExportParams;