@gridsuite/commons-ui 0.35.1 → 0.35.2

package/README.md

@@ -8,8 +8,8 @@ The commons-ui library have a demo app in which you can call your components to
 The `npm start` command install the library's dependencies then launches the demo app.
 
 If you want to test your library integration with a consumer application my-app you have first
-to build commons-ui via `npm run build` then change the commons-ui dependency in my-app's package.json from `@gridsuite/commons-ui:'^x.x.x'`
-to `@gridsuite/commons-ui:'file:../path/to/the/commons-ui'` then type `npm install` `npm start`.
+to build commons-ui via `npm run build` then change the commons-ui dependency in my-app's package.json from `@gridsuite/commons-ui:"^x.x.x"`
+to `@gridsuite/commons-ui:"file:../path/to/the/commons-ui"` then type `npm install` `npm start`.
 
 NOTE: if you have the following error:
 

package/es/components/AuthenticationRouter/AuthenticationRouter.js

@@ -0,0 +1,102 @@
+/**
+ * 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/.
+ */
+
+import React, { useCallback } from 'react';
+import { Navigate, Route, Routes } from 'react-router-dom';
+import SignInCallbackHandler from '../SignInCallbackHandler';
+import { handleSigninCallback, handleSilentRenewCallback, login, logout } from '../../utils/AuthService';
+import SilentRenewCallbackHandler from '../SilentRenewCallbackHandler';
+import Login from '../Login';
+import Logout from '../Login/Logout';
+import { Grid } from '@mui/material';
+import Alert from '@mui/material/Alert';
+import AlertTitle from '@mui/material/AlertTitle';
+import { FormattedMessage } from 'react-intl';
+var AuthenticationRouter = function AuthenticationRouter(_ref) {
+  var userManager = _ref.userManager,
+    signInCallbackError = _ref.signInCallbackError,
+    authenticationRouterError = _ref.authenticationRouterError,
+    showAuthenticationRouterLogin = _ref.showAuthenticationRouterLogin,
+    dispatch = _ref.dispatch,
+    navigate = _ref.navigate,
+    location = _ref.location;
+  var handleSigninCallbackClosure = useCallback(function () {
+    return handleSigninCallback(dispatch, navigate, userManager.instance);
+  }, [dispatch, navigate, userManager.instance]);
+  var handleSilentRenewCallbackClosure = useCallback(function () {
+    return handleSilentRenewCallback(userManager.instance);
+  }, [userManager.instance]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
+    container: true,
+    alignContent: 'center',
+    alignItems: 'center',
+    direction: 'column'
+  }, userManager.error !== null && /*#__PURE__*/React.createElement("h1", null, "Error : Getting userManager; ", userManager.error), signInCallbackError !== null && /*#__PURE__*/React.createElement("h1", null, "Error : SignIn Callback Error;", signInCallbackError.message), /*#__PURE__*/React.createElement(Routes, null, /*#__PURE__*/React.createElement(Route, {
+    path: "sign-in-callback",
+    element: /*#__PURE__*/React.createElement(SignInCallbackHandler, {
+      userManager: userManager.instance,
+      handleSignInCallback: handleSigninCallbackClosure
+    })
+  }), /*#__PURE__*/React.createElement(Route, {
+    path: "silent-renew-callback",
+    element: /*#__PURE__*/React.createElement(SilentRenewCallbackHandler, {
+      userManager: userManager.instance,
+      handleSilentRenewCallback: handleSilentRenewCallbackClosure
+    })
+  }), /*#__PURE__*/React.createElement(Route, {
+    path: "logout-callback",
+    element: /*#__PURE__*/React.createElement(Navigate, {
+      to: "/"
+    })
+  }), /*#__PURE__*/React.createElement(Route, {
+    path: "*",
+    element: showAuthenticationRouterLogin && authenticationRouterError == null && /*#__PURE__*/React.createElement(Login, {
+      disabled: userManager.instance === null,
+      onLoginClick: function onLoginClick() {
+        return login(location, userManager.instance);
+      }
+    })
+  })), authenticationRouterError !== null && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
+    item: true
+  }, /*#__PURE__*/React.createElement(Logout, {
+    disabled: userManager.instance === null,
+    onLogoutClick: function onLogoutClick() {
+      return logout(location, userManager.instance);
+    }
+  })), /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: 4
+  }, authenticationRouterError.logoutError != null && /*#__PURE__*/React.createElement(Alert, {
+    severity: "error"
+  }, /*#__PURE__*/React.createElement(AlertTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "login/errorInLogout"
+  })), /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "login/errorInLogoutMessage",
+    values: {
+      userName: authenticationRouterError.userName
+    }
+  }), /*#__PURE__*/React.createElement("p", null, authenticationRouterError.logoutError.error.message)), (authenticationRouterError === null || authenticationRouterError === void 0 ? void 0 : authenticationRouterError.userValidationError) != null && /*#__PURE__*/React.createElement(Alert, {
+    severity: "error"
+  }, /*#__PURE__*/React.createElement(AlertTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "login/errorInUserValidation"
+  })), /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "login/errorInUserValidationMessage",
+    values: {
+      userName: authenticationRouterError.userName
+    }
+  }), /*#__PURE__*/React.createElement("p", null, authenticationRouterError.userValidationError.error.message)), (authenticationRouterError === null || authenticationRouterError === void 0 ? void 0 : authenticationRouterError.unauthorizedUserInfo) != null && /*#__PURE__*/React.createElement(Alert, {
+    severity: "info"
+  }, /*#__PURE__*/React.createElement(AlertTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "login/unauthorizedAccess"
+  })), /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "login/unauthorizedAccessMessage",
+    values: {
+      userName: authenticationRouterError.userName
+    }
+  }))))));
+};
+export default AuthenticationRouter;

package/es/components/AuthenticationRouter/index.js

@@ -0,0 +1,7 @@
+/**
+ * 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/.
+ */
+export { default } from './AuthenticationRouter';

package/{lib → es}/components/CardErrorBoundary/card-error-boundary.js

@@ -1,41 +1,36 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _Card = _interopRequireDefault(require("@mui/material/Card"));
-var _CardHeader = _interopRequireDefault(require("@mui/material/CardHeader"));
-var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
-var _CardActions = _interopRequireDefault(require("@mui/material/CardActions"));
-var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
-var _Replay = _interopRequireDefault(require("@mui/icons-material/Replay"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _styles = require("@mui/material/styles");
-var _reactIntl = require("react-intl");
 var _excluded = ["expand"];
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * 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/.
  */
+
 // adapted from
 //    https://reactjs.org/docs/error-boundaries.html
 //    https://mui.com/material-ui/react-card/#complex-interaction
-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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var ExpandMore = (0, _styles.styled)(function (props) {
+
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Card from '@mui/material/Card';
+import CardHeader from '@mui/material/CardHeader';
+import CardContent from '@mui/material/CardContent';
+import CardActions from '@mui/material/CardActions';
+import Collapse from '@mui/material/Collapse';
+import IconButton from '@mui/material/IconButton';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import ReplayIcon from '@mui/icons-material/Replay';
+import Typography from '@mui/material/Typography';
+import { styled } from '@mui/material/styles';
+import { FormattedMessage } from 'react-intl';
+var ExpandMore = styled(function (props) {
   var expand = props.expand,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  return /*#__PURE__*/React.createElement(_IconButton["default"], other);
+  return /*#__PURE__*/React.createElement(IconButton, other);
 })(function (_ref) {
   var theme = _ref.theme,
     expand = _ref.expand;
@@ -94,45 +89,45 @@ var CardErrorBoundary = /*#__PURE__*/function (_React$Component) {
       var _this$state = this.state,
         error = _this$state.error,
         expanded = _this$state.expanded;
-      return /*#__PURE__*/React.createElement(_Box["default"], {
+      return /*#__PURE__*/React.createElement(Box, {
         sx: {
           p: 4
         }
-      }, /*#__PURE__*/React.createElement(_Card["default"], {
+      }, /*#__PURE__*/React.createElement(Card, {
         sx: {
           mx: 'auto',
           maxWidth: 600
         }
-      }, /*#__PURE__*/React.createElement(_CardHeader["default"], {
-        title: /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, {
+      }, /*#__PURE__*/React.createElement(CardHeader, {
+        title: /*#__PURE__*/React.createElement(FormattedMessage, {
           id: "card_error_boundary/title",
           defaultMessage: "Sorry, Unexpected error :("
         })
-      }), /*#__PURE__*/React.createElement(_CardContent["default"], null, /*#__PURE__*/React.createElement(_Typography["default"], {
+      }), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(Typography, {
         variant: "body2",
         color: "text.secondary"
-      }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, {
+      }, /*#__PURE__*/React.createElement(FormattedMessage, {
         id: "card_error_boundary/content",
         defaultMessage: "Please reload, or close and reopen this application, or contact support."
-      }))), /*#__PURE__*/React.createElement(_CardActions["default"], {
+      }))), /*#__PURE__*/React.createElement(CardActions, {
         disableSpacing: true
-      }, /*#__PURE__*/React.createElement(_IconButton["default"], {
+      }, /*#__PURE__*/React.createElement(IconButton, {
         onClick: this.handleReloadClick,
         "aria-label": "reload"
-      }, /*#__PURE__*/React.createElement(_Replay["default"], null)), /*#__PURE__*/React.createElement(ExpandMore, {
+      }, /*#__PURE__*/React.createElement(ReplayIcon, null)), /*#__PURE__*/React.createElement(ExpandMore, {
         expand: expanded,
         onClick: this.handleExpandClick,
         "aria-expanded": expanded,
         "aria-label": "show more"
-      }, /*#__PURE__*/React.createElement(_ExpandMore["default"], null))), /*#__PURE__*/React.createElement(_Collapse["default"], {
+      }, /*#__PURE__*/React.createElement(ExpandMoreIcon, null))), /*#__PURE__*/React.createElement(Collapse, {
         "in": expanded
-      }, /*#__PURE__*/React.createElement(_CardContent["default"], null, /*#__PURE__*/React.createElement(_Typography["default"], {
+      }, /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(Typography, {
         variant: "body2",
         color: "text.secondary"
-      }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, {
+      }, /*#__PURE__*/React.createElement(FormattedMessage, {
         id: "card_error_boundary/expandederrorheader",
         defaultMessage: "Error message (and see more information in the developper console):"
-      })), /*#__PURE__*/React.createElement(_Typography["default"], {
+      })), /*#__PURE__*/React.createElement(Typography, {
         variant: "caption"
       }, error.message)))));
     }
@@ -140,6 +135,4 @@ var CardErrorBoundary = /*#__PURE__*/function (_React$Component) {
   };
   return CardErrorBoundary;
 }(React.Component);
-var _default = CardErrorBoundary;
-exports["default"] = _default;
-module.exports = exports.default;
+export default CardErrorBoundary;

package/es/components/CardErrorBoundary/index.js

@@ -0,0 +1,7 @@
+/**
+ * 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/.
+ */
+export { default } from './card-error-boundary.js';

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

@@ -0,0 +1,120 @@
+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) 2021, 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, { useCallback, useEffect, useState } from 'react';
+import { Dialog, DialogContent, TextField, Autocomplete } from '@mui/material';
+import PropTypes from 'prop-types';
+import SearchIcon from '@mui/icons-material/Search';
+import { useIntl } from 'react-intl';
+var ElementSearchDialog = function ElementSearchDialog(props) {
+  var intl = useIntl();
+  var open = props.open,
+    onClose = props.onClose,
+    searchingLabel = props.searchingLabel,
+    onSearchTermChange = props.onSearchTermChange,
+    onSelectionChange = props.onSelectionChange,
+    elementsFound = props.elementsFound,
+    renderElement = props.renderElement,
+    searchTermDisabled = props.searchTermDisabled,
+    initialSearchTerm = props.initialSearchTerm;
+  var _useState = useState(false),
+    expanded = _useState[0],
+    setExpanded = _useState[1];
+  var _useState2 = useState(false),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  useEffect(function () {
+    setLoading(false);
+  }, [elementsFound]);
+  var handleSearchTermChange = function handleSearchTermChange(term) {
+    if (term) {
+      setLoading(true);
+      onSearchTermChange(term);
+      setExpanded(true);
+    } else {
+      setExpanded(false);
+    }
+  };
+  var handleClose = useCallback(function () {
+    setExpanded(false);
+    onClose();
+  }, [onClose]);
+  return /*#__PURE__*/React.createElement(Dialog, {
+    open: open,
+    onClose: onClose,
+    disableRestoreFocus: true,
+    "aria-labelledby": "dialog-title-search",
+    fullWidth: true
+  }, /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement(Autocomplete, {
+    id: "element-search",
+    forcePopupIcon: false,
+    open: expanded,
+    onClose: function onClose() {
+      setExpanded(false);
+    },
+    fullWidth: true,
+    onInputChange: function onInputChange(_event, value) {
+      if (!searchTermDisabled) {
+        handleSearchTermChange(value);
+      }
+    },
+    onChange: function onChange(_event, newValue) {
+      return onSelectionChange(newValue);
+    },
+    getOptionLabel: function getOptionLabel(option) {
+      return option.label;
+    },
+    isOptionEqualToValue: function isOptionEqualToValue(option, value) {
+      return option.id === value.id;
+    },
+    options: loading ? [] : elementsFound,
+    loading: loading,
+    autoHighlight: true,
+    noOptionsText: intl.formatMessage({
+      id: 'element_search/noResult'
+    }),
+    renderOption: function renderOption(optionProps, element, _ref) {
+      var inputValue = _ref.inputValue;
+      return renderElement(_extends({}, optionProps, {
+        element: element,
+        inputValue: inputValue,
+        onClose: handleClose
+      }));
+    },
+    renderInput: function renderInput(params) {
+      return /*#__PURE__*/React.createElement(TextField, _extends({
+        autoFocus: true
+      }, params, {
+        label: searchingLabel || intl.formatMessage({
+          id: 'element_search/label'
+        }),
+        InputProps: _extends({}, params.InputProps, {
+          startAdornment: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchIcon, {
+            color: "disabled"
+          }), params.InputProps.startAdornment)
+        })
+      }));
+    },
+    defaultValue: searchTermDisabled ? {
+      label: initialSearchTerm
+    } : null,
+    disabled: searchTermDisabled
+  })));
+};
+ElementSearchDialog.propTypes = process.env.NODE_ENV !== "production" ? {
+  open: PropTypes.bool.isRequired,
+  onClose: PropTypes.func.isRequired,
+  searchingLabel: PropTypes.string,
+  onSearchTermChange: PropTypes.func.isRequired,
+  onSelectionChange: PropTypes.func.isRequired,
+  elementsFound: PropTypes.array.isRequired,
+  renderElement: PropTypes.func.isRequired,
+  searchTermDisabled: PropTypes.bool,
+  initialSearchTerm: PropTypes.string
+} : {};
+export default ElementSearchDialog;

package/{lib → es}/components/ElementSearchDialog/equipment-item.js

@@ -1,61 +1,56 @@
-"use strict";
-
-exports.__esModule = true;
-exports.EquipmentItem = void 0;
-var _index = require("./index");
-var _match = _interopRequireDefault(require("autosuggest-highlight/match"));
-var _parse = _interopRequireDefault(require("autosuggest-highlight/parse"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _reactIntl = require("react-intl");
-var _OverflowableText = _interopRequireDefault(require("../OverflowableText"));
-var _react = _interopRequireDefault(require("react"));
-var _EquipmentType = require("../../utils/EquipmentType");
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _styles = require("../../utils/styles");
 var _excluded = ["inputValue", "suffixRenderer", "element", "showsJustText"];
+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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * 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/.
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var EquipmentItem = function EquipmentItem(_ref) {
+import { TagRenderer } from './index';
+import match from 'autosuggest-highlight/match';
+import parse from 'autosuggest-highlight/parse';
+import clsx from 'clsx';
+import { FormattedMessage } from 'react-intl';
+import OverflowableText from '../OverflowableText';
+import React from 'react';
+import { EQUIPMENT_TYPE } from '../../utils/EquipmentType';
+import Box from '@mui/material/Box';
+import { mergeSx } from '../../utils/styles';
+export var EquipmentItem = function EquipmentItem(_ref) {
   var _props$classes, _props$styles, _props$classes2, _props$classes3, _props$styles2, _props$styles3, _props$classes4, _props$styles4;
   var inputValue = _ref.inputValue,
     _ref$suffixRenderer = _ref.suffixRenderer,
-    suffixRenderer = _ref$suffixRenderer === void 0 ? _index.TagRenderer : _ref$suffixRenderer,
+    suffixRenderer = _ref$suffixRenderer === void 0 ? TagRenderer : _ref$suffixRenderer,
     element = _ref.element,
     _ref$showsJustText = _ref.showsJustText,
     showsJustText = _ref$showsJustText === void 0 ? false : _ref$showsJustText,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var matches = (0, _match["default"])(element.label, inputValue, {
+  var matches = match(element.label, inputValue, {
     insideWords: true,
     findAllOccurrences: true
   });
-  var parts = (0, _parse["default"])(element.label, matches);
+  var parts = parse(element.label, matches);
   /* override li.key otherwise it will use label which could be duplicated */
-  return /*#__PURE__*/_react["default"].createElement("li", _extends({
+  return /*#__PURE__*/React.createElement("li", _extends({
     key: element.key
-  }, props), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+  }, props), /*#__PURE__*/React.createElement(Box, {
     className: (_props$classes = props.classes) === null || _props$classes === void 0 ? void 0 : _props$classes.equipmentOption,
     sx: (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.equipmentOption
-  }, !showsJustText && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+  }, !showsJustText && /*#__PURE__*/React.createElement(Box, {
     component: "span",
-    className: (0, _clsx["default"])((_props$classes2 = props.classes) === null || _props$classes2 === void 0 ? void 0 : _props$classes2.equipmentTag, (_props$classes3 = props.classes) === null || _props$classes3 === void 0 ? void 0 : _props$classes3.equipmentTypeTag),
-    sx: (0, _styles.mergeSx)((_props$styles2 = props.styles) === null || _props$styles2 === void 0 ? void 0 : _props$styles2.equipmentTag, (_props$styles3 = props.styles) === null || _props$styles3 === void 0 ? void 0 : _props$styles3.equipmentTypeTag)
-  }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
-    id: _EquipmentType.EQUIPMENT_TYPE[element.type].tagLabel
-  })), /*#__PURE__*/_react["default"].createElement(_OverflowableText["default"], {
+    className: clsx((_props$classes2 = props.classes) === null || _props$classes2 === void 0 ? void 0 : _props$classes2.equipmentTag, (_props$classes3 = props.classes) === null || _props$classes3 === void 0 ? void 0 : _props$classes3.equipmentTypeTag),
+    sx: mergeSx((_props$styles2 = props.styles) === null || _props$styles2 === void 0 ? void 0 : _props$styles2.equipmentTag, (_props$styles3 = props.styles) === null || _props$styles3 === void 0 ? void 0 : _props$styles3.equipmentTypeTag)
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: EQUIPMENT_TYPE[element.type].tagLabel
+  })), /*#__PURE__*/React.createElement(OverflowableText, {
     text: parts.map(function (e) {
       return e.text;
     }).join(),
     className: (_props$classes4 = props.classes) === null || _props$classes4 === void 0 ? void 0 : _props$classes4.result,
     sx: (_props$styles4 = props.styles) === null || _props$styles4 === void 0 ? void 0 : _props$styles4.result
   }, parts.map(function (part, index) {
-    return /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/React.createElement("span", {
       key: index,
       style: {
         fontWeight: part.highlight ? 'bold' : 'inherit'
@@ -65,5 +60,4 @@ var EquipmentItem = function EquipmentItem(_ref) {
     props: props,
     element: element
   })));
-};
-exports.EquipmentItem = EquipmentItem;
+};

package/es/components/ElementSearchDialog/index.js

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2021, 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/.
+ */
+export { default } from './element-search-dialog';
+export { TagRenderer } from './tag-renderer';

package/es/components/ElementSearchDialog/tag-renderer.js

@@ -0,0 +1,29 @@
+/**
+ * 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 OverflowableText from '../OverflowableText';
+import clsx from 'clsx';
+import React from 'react';
+import { EQUIPMENT_TYPE } from '../../utils/EquipmentType';
+import PropTypes from 'prop-types';
+import { mergeSx } from '../../utils/styles';
+export var TagRenderer = function TagRenderer(_ref) {
+  var props = _ref.props,
+    element = _ref.element;
+  if (element.type !== EQUIPMENT_TYPE.SUBSTATION.name && element.type !== EQUIPMENT_TYPE.VOLTAGE_LEVEL.name) {
+    var _props$classes, _props$classes2, _props$styles, _props$styles2;
+    return /*#__PURE__*/React.createElement(OverflowableText, {
+      text: element.voltageLevelLabel,
+      className: clsx((_props$classes = props.classes) === null || _props$classes === void 0 ? void 0 : _props$classes.equipmentTag, (_props$classes2 = props.classes) === null || _props$classes2 === void 0 ? void 0 : _props$classes2.equipmentVlTag),
+      sx: mergeSx((_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.equipmentTag, (_props$styles2 = props.styles) === null || _props$styles2 === void 0 ? void 0 : _props$styles2.equipmentVlTag)
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+};
+TagRenderer.propTypes = process.env.NODE_ENV !== "production" ? {
+  element: PropTypes.object,
+  props: PropTypes.object
+} : {};