@gridsuite/commons-ui 0.46.0 → 0.47.0

package/dist/utils/styles.js

@@ -0,0 +1,13 @@
+const makeComposeClasses = (generateGlobalClass) => (classes, ruleName) => [generateGlobalClass(ruleName), classes[ruleName]].filter((x) => x).join(" ");
+const toNestedGlobalSelectors = (styles, generateGlobalClass) => Object.fromEntries(
+  Object.entries(styles).map(([k, v]) => [
+    `& .${generateGlobalClass(k)}`,
+    v
+  ])
+);
+const mergeSx = (...allSx) => allSx.flat();
+export {
+  makeComposeClasses,
+  mergeSx,
+  toNestedGlobalSelectors
+};

package/package.json

@@ -1,27 +1,26 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.46.0",
+    "version": "0.47.0",
     "description": "common react components for gridsuite applications",
     "engines": {
         "npm": ">=9",
         "node": ">=18"
     },
-    "exports": "es/index.js",
-    "module": "es/index.js",
+    "exports": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
     "files": [
-        "css",
-        "es",
-        "lib",
-        "umd"
+        "dist"
     ],
     "scripts": {
-        "build": "npm install;nwb build-react-component --copy-files --no-demo;npm prune --production",
-        "clean": "nwb clean-module && nwb clean-demo",
+        "start": "vite demo/ --config vite.config.mts",
+        "build": "npm install && tsc && vite build && npm prune --production",
+        "build:only": "vite build",
         "prepublishOnly": "npm run build",
-        "start": "npm install;nwb serve-react-demo",
-        "test": "nwb test-react",
-        "test:coverage": "nwb test-react --coverage",
-        "test:watch": "nwb test-react --server"
+        "test": "jest",
+        "test:coverage": "jest --coverage",
+        "test:watch": "jest --watch",
+        "lint": "eslint . --ext js,mjs,jsx,ts,mts,tsx --max-warnings 0"
     },
     "dependencies": {
         "autosuggest-highlight": "^3.2.0",
@@ -32,7 +31,8 @@
         "prop-types": "^15.7.2",
         "react-csv-downloader": "^2.7.0",
         "react-request-fullscreen": "^1.1.2",
-        "react-virtualized": "^9.21.2"
+        "react-virtualized": "^9.22.5",
+        "uuid": "^3.4.0"
     },
     "peerDependencies": {
         "@emotion/react": "^11.8.1",
@@ -50,6 +50,9 @@
         "yup": "^1.0.0"
     },
     "devDependencies": {
+        "@babel/preset-env": "^7.23.8",
+        "@babel/preset-react": "^7.23.3",
+        "@babel/preset-typescript": "^7.23.3",
         "@emotion/react": "^11.8.1",
         "@emotion/styled": "^11.8.1",
         "@mui/icons-material": "^5.5.0",
@@ -58,33 +61,43 @@
         "@mui/styles": "^5.5.0",
         "@hookform/resolvers": "^3.0.0",
         "@babel/helper-builder-react-jsx": "7.15.4",
-        "@svgr/webpack": "^5.4.0",
+        "@types/react": "^18.2.56",
+        "@types/react-dom": "^18.2.19",
+        "@typescript-eslint/eslint-plugin": "5.62.0",
+        "@typescript-eslint/parser": "5.62.0",
+        "@vitejs/plugin-react": "^4.2.1",
         "babel-eslint": "^10.1.0",
         "bufferutil": "^4.0.1",
         "eslint": "^7.9.0",
         "eslint-config-prettier": "^8.0.0",
         "eslint-config-react-app": "^6.0.0",
-        "eslint-webpack-plugin": "^2.0.0",
         "eslint-plugin-flowtype": "^5.2.0",
         "eslint-plugin-import": "^2.22.0",
         "eslint-plugin-jsx-a11y": "^6.3.1",
         "eslint-plugin-prettier": "^4.0.0",
         "eslint-plugin-react": "^7.21.0",
         "eslint-plugin-react-hooks": "^4.1.2",
+        "jest": "^29.7.0",
+        "jest-environment-jsdom": "^29.7.0",
+        "jest-svg-transformer": "^1.0.0",
         "notistack": "^3.0.0",
-        "nwb": "^0.25.x",
         "prettier": "^2.0.0",
-        "puppeteer": "^17.0.0",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.0.0",
         "react-hook-form": "^7.41.0",
         "react-router-dom": "^6.0.0",
+        "ts-node": "^10.9.2",
         "type-fest": "^2.0.0",
+        "typescript": "5.1.6",
         "utf-8-validate": "^5.0.2",
-        "webpack-plugin-serve": "^1.0.1",
         "@react-hook/window-size": "^3.1.1",
         "react-resizable": "^3.0.4",
+        "vite": "^5.0.11",
+        "vite-plugin-eslint": "^1.8.1",
+        "vite-plugin-externalize-deps": "^0.8.0",
+        "vite-plugin-svgr": "^4.2.0",
+        "vite-plugin-dts": "^2.3.0",
         "yup": "^1.0.0"
     },
     "eslintConfig": {
@@ -92,10 +105,12 @@
             "react-app",
             "plugin:prettier/recommended"
         ],
+        "ignorePatterns": [
+            "dist"
+        ],
         "rules": {
             "prettier/prettier": "warn",
-            "curly": "error",
-            "import/no-webpack-loader-syntax": "off"
+            "curly": "error"
         }
     },
     "author": "gridsuite team",

package/es/components/AuthenticationRouter/AuthenticationRouter.js

@@ -1,102 +0,0 @@
-/**
- * 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

@@ -1,7 +0,0 @@
-/**
- * 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/es/components/CardErrorBoundary/card-error-boundary.js

@@ -1,138 +0,0 @@
-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
-
-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, other);
-})(function (_ref) {
-  var theme = _ref.theme,
-    expand = _ref.expand;
-  return {
-    transform: !expand ? 'rotate(0deg)' : 'rotate(180deg)',
-    marginLeft: 'auto',
-    transition: theme.transitions.create('transform', {
-      duration: theme.transitions.duration.shortest
-    })
-  };
-});
-var CardErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(CardErrorBoundary, _React$Component);
-  function CardErrorBoundary(props) {
-    var _this;
-    _this = _React$Component.call(this, props) || this;
-    _this.state = {
-      hasError: false,
-      expanded: false,
-      error: undefined
-    };
-    _this.handleExpandClick = _this.handleExpandClick.bind(_assertThisInitialized(_this));
-    _this.handleReloadClick = _this.handleReloadClick.bind(_assertThisInitialized(_this));
-    return _this;
-  }
-  CardErrorBoundary.getDerivedStateFromError = function getDerivedStateFromError(error) {
-    // Update state so the next render will show the fallback UI.
-    return {
-      hasError: true,
-      error: error
-    };
-  };
-  var _proto = CardErrorBoundary.prototype;
-  _proto.componentDidCatch = function componentDidCatch(error, errorInfo) {
-    // You can also log the error to an error reporting service
-    console.error('CardErrorBoundary caught: ', error, errorInfo);
-  };
-  _proto.handleExpandClick = function handleExpandClick() {
-    this.setState(function (state) {
-      return {
-        expanded: !state.expanded
-      };
-    });
-  };
-  _proto.handleReloadClick = function handleReloadClick() {
-    this.setState(function (state) {
-      return {
-        hasError: false,
-        expanded: false,
-        error: undefined
-      };
-    });
-  };
-  _proto.render = function render() {
-    if (this.state.hasError) {
-      var _this$state = this.state,
-        error = _this$state.error,
-        expanded = _this$state.expanded;
-      return /*#__PURE__*/React.createElement(Box, {
-        sx: {
-          p: 4
-        }
-      }, /*#__PURE__*/React.createElement(Card, {
-        sx: {
-          mx: 'auto',
-          maxWidth: 600
-        }
-      }, /*#__PURE__*/React.createElement(CardHeader, {
-        title: /*#__PURE__*/React.createElement(FormattedMessage, {
-          id: "card_error_boundary/title",
-          defaultMessage: "Sorry, Unexpected error :("
-        })
-      }), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(Typography, {
-        variant: "body2",
-        color: "text.secondary"
-      }, /*#__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, {
-        disableSpacing: true
-      }, /*#__PURE__*/React.createElement(IconButton, {
-        onClick: this.handleReloadClick,
-        "aria-label": "reload"
-      }, /*#__PURE__*/React.createElement(ReplayIcon, null)), /*#__PURE__*/React.createElement(ExpandMore, {
-        expand: expanded,
-        onClick: this.handleExpandClick,
-        "aria-expanded": expanded,
-        "aria-label": "show more"
-      }, /*#__PURE__*/React.createElement(ExpandMoreIcon, null))), /*#__PURE__*/React.createElement(Collapse, {
-        "in": expanded
-      }, /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(Typography, {
-        variant: "body2",
-        color: "text.secondary"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, {
-        id: "card_error_boundary/expandederrorheader",
-        defaultMessage: "Error message (and see more information in the developper console):"
-      })), /*#__PURE__*/React.createElement(Typography, {
-        variant: "caption"
-      }, error.message)))));
-    }
-    return this.props.children;
-  };
-  return CardErrorBoundary;
-}(React.Component);
-export default CardErrorBoundary;

package/es/components/CardErrorBoundary/index.js

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

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

@@ -1,153 +0,0 @@
-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 { Autocomplete, Dialog, DialogContent, TextField } from '@mui/material';
-import PropTypes from 'prop-types';
-import { Search, SearchOff } from '@mui/icons-material';
-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,
-    searchTermDisableReason = props.searchTermDisableReason;
-  var _useState = useState(false),
-    expanded = _useState[0],
-    setExpanded = _useState[1];
-  var _useState2 = useState(searchTermDisabled && searchTermDisableReason ? {
-      label: searchTermDisableReason
-    } : null),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var _useState3 = useState(false),
-    loading = _useState3[0],
-    setLoading = _useState3[1];
-  useEffect(function () {
-    setLoading(false);
-  }, [elementsFound]);
-  useEffect(function () {
-    if (!searchTermDisabled || !searchTermDisableReason) {
-      setValue(null);
-    } else {
-      setValue({
-        label: searchTermDisableReason
-      });
-    }
-  }, [searchTermDisabled, searchTermDisableReason]);
-
-  // to reset the value between the dialog closing and opening
-  useEffect(function () {
-    setValue(function (old) {
-      return !open ? null : old;
-    });
-  }, [open]);
-  var handleSearchTermChange = function handleSearchTermChange(term) {
-    if (term) {
-      setLoading(true);
-      onSearchTermChange(term);
-      setExpanded(true);
-      setValue({
-        label: term
-      });
-    } else {
-      setExpanded(false);
-      setValue(null);
-    }
-  };
-  var handleClose = useCallback(function () {
-    setValue(null);
-    setExpanded(false);
-    onClose();
-  }, [onClose]);
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: open,
-    onClose: handleClose,
-    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,
-    freeSolo: true,
-    clearOnBlur: true,
-    onInputChange: function onInputChange(_event, value) {
-      if (!searchTermDisabled) {
-        handleSearchTermChange(value);
-      }
-    },
-    onChange: function onChange(_event, newValue, reason) {
-      if (reason === 'selectOption') {
-        onSelectionChange(newValue);
-        setValue(newValue);
-      } else {
-        setValue(null);
-      }
-    },
-    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, searchTermDisabled ? /*#__PURE__*/React.createElement(SearchOff, {
-            color: "disabled"
-          }) : /*#__PURE__*/React.createElement(Search, {
-            color: "disabled"
-          }), params.InputProps.startAdornment)
-        })
-      }));
-    },
-    value: value,
-    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,
-  searchTermDisableReason: PropTypes.string
-} : {};
-export default ElementSearchDialog;

package/es/components/ElementSearchDialog/equipment-item.js

@@ -1,63 +0,0 @@
-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/.
- */
-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 ? TagRenderer : _ref$suffixRenderer,
-    element = _ref.element,
-    _ref$showsJustText = _ref.showsJustText,
-    showsJustText = _ref$showsJustText === void 0 ? false : _ref$showsJustText,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var matches = match(element.label, inputValue, {
-    insideWords: true,
-    findAllOccurrences: true
-  });
-  var parts = parse(element.label, matches);
-  /* override li.key otherwise it will use label which could be duplicated */
-  return /*#__PURE__*/React.createElement("li", _extends({
-    key: element.key
-  }, 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.createElement(Box, {
-    component: "span",
-    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.createElement("span", {
-      key: index,
-      style: {
-        fontWeight: part.highlight ? 'bold' : 'inherit'
-      }
-    }, part.text);
-  })), !showsJustText && suffixRenderer({
-    props: props,
-    element: element
-  })));
-};

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

@@ -1,29 +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 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
-} : {};