@gridsuite/commons-ui 0.46.0 → 0.47.0

package/es/components/MuiVirtualizedTable/index.js

@@ -1,9 +0,0 @@
-/**
- * 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, generateMuiVirtualizedTableClass } from './MuiVirtualizedTable';
-export { KeyedColumnsRowIndexer, CHANGE_WAYS } from './KeyedColumnsRowIndexer';

package/es/components/MultipleSelectionDialog/MultipleSelectionDialog.js

@@ -1,95 +0,0 @@
-/**
- * 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/.
- */
-
-import { Dialog, DialogContent, List } from '@mui/material';
-import DialogTitle from '@mui/material/DialogTitle';
-import { FormattedMessage } from 'react-intl';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import Checkbox from '@mui/material/Checkbox';
-import React, { useState } from 'react';
-import DialogActions from '@mui/material/DialogActions';
-import Button from '@mui/material/Button';
-import Grid from '@mui/material/Grid';
-var MultipleSelectionDialog = function MultipleSelectionDialog(_ref) {
-  var options = _ref.options,
-    selectedOptions = _ref.selectedOptions,
-    open = _ref.open,
-    getOptionLabel = _ref.getOptionLabel,
-    handleClose = _ref.handleClose,
-    handleValidate = _ref.handleValidate,
-    titleId = _ref.titleId;
-  var _useState = useState(selectedOptions !== null && selectedOptions !== void 0 ? selectedOptions : []),
-    selectedIds = _useState[0],
-    setSelectedIds = _useState[1];
-  var handleSelectAll = function handleSelectAll() {
-    if (selectedIds.length !== options.length) {
-      setSelectedIds(options);
-    } else {
-      setSelectedIds([]);
-    }
-  };
-  var handleOptionSelection = function handleOptionSelection(option) {
-    setSelectedIds(function (oldValues) {
-      if (oldValues.includes(option)) {
-        return oldValues.filter(function (o) {
-          return o !== option;
-        });
-      }
-      return [].concat(oldValues, [option]);
-    });
-  };
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: open
-  }, /*#__PURE__*/React.createElement(DialogTitle, null, titleId), /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    spacing: 2,
-    flexDirection: "column"
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true
-  }, /*#__PURE__*/React.createElement(FormControlLabel, {
-    label: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: 'multiple_selection_dialog/selectAll'
-    }),
-    control: /*#__PURE__*/React.createElement(Checkbox, {
-      checked: selectedIds.length === options.length,
-      indeterminate: !!selectedIds.length && selectedIds.length !== options.length,
-      onChange: handleSelectAll
-    })
-  })), /*#__PURE__*/React.createElement(Grid, {
-    item: true
-  }, /*#__PURE__*/React.createElement(List, null, options.map(function (option) {
-    var _option$id;
-    var optionId = (_option$id = option === null || option === void 0 ? void 0 : option.id) !== null && _option$id !== void 0 ? _option$id : option;
-    var label = getOptionLabel(option);
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: optionId
-    }, /*#__PURE__*/React.createElement(Grid, {
-      item: true
-    }, /*#__PURE__*/React.createElement(FormControlLabel, {
-      label: label,
-      control: /*#__PURE__*/React.createElement(Checkbox, {
-        checked: selectedIds.includes(optionId),
-        onChange: function onChange() {
-          return handleOptionSelection(optionId);
-        }
-      })
-    })));
-  }))))), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick() {
-      return handleClose();
-    }
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: 'multiple_selection_dialog/cancel'
-  })), /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick() {
-      return handleValidate(selectedIds);
-    }
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: 'multiple_selection_dialog/validate'
-  }))));
-};
-export default MultipleSelectionDialog;

package/es/components/MultipleSelectionDialog/index.js

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

package/es/components/OverflowableText/index.js

@@ -1,7 +0,0 @@
-/**
- * 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 './overflowable-text';

package/es/components/OverflowableText/overflowable-text.js

@@ -1,81 +0,0 @@
-var _excluded = ["text", "tooltipStyle", "tooltipSx", "className", "children"];
-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) 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, useLayoutEffect, useRef, useState } from 'react';
-import { Box, Tooltip } from '@mui/material';
-import PropTypes from 'prop-types';
-import { styled } from '@mui/system';
-var overflowStyle = {
-  overflow: {
-    display: 'inline-block',
-    whiteSpace: 'pre',
-    textOverflow: 'ellipsis',
-    overflow: 'hidden'
-  },
-  tooltip: {
-    whiteSpace: 'pre',
-    width: 'fit-content',
-    maxWidth: 'fit-content'
-  }
-};
-export var OverflowableText = styled(function (_ref) {
-  var _element$current, _element$current2;
-  var text = _ref.text,
-    tooltipStyle = _ref.tooltipStyle,
-    tooltipSx = _ref.tooltipSx,
-    className = _ref.className,
-    children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var element = useRef();
-  var _useState = useState(false),
-    overflowed = _useState[0],
-    setOverflowed = _useState[1];
-  var checkOverflow = useCallback(function () {
-    if (!element.current) {
-      return;
-    }
-    setOverflowed(element.current.scrollWidth > element.current.clientWidth);
-  }, [setOverflowed, element]);
-  useLayoutEffect(function () {
-    checkOverflow();
-  }, [checkOverflow, text, (_element$current = element.current) === null || _element$current === void 0 ? void 0 : _element$current.scrollWidth, (_element$current2 = element.current) === null || _element$current2 === void 0 ? void 0 : _element$current2.clientWidth]);
-  var defaultTooltipSx = !tooltipStyle ? overflowStyle.tooltip : false;
-  // the previous tooltipStyle classname API was replacing default, not
-  // merging with the defaults, so keep the same behavior with the new tooltipSx API
-  var finalTooltipSx = tooltipSx || defaultTooltipSx;
-  var tooltipStyleProps = _extends({}, tooltipStyle && {
-    classes: {
-      tooltip: tooltipStyle
-    }
-  }, finalTooltipSx && {
-    slotProps: {
-      tooltip: {
-        sx: finalTooltipSx
-      }
-    }
-  });
-  return /*#__PURE__*/React.createElement(Tooltip, _extends({
-    title: text || '',
-    disableHoverListener: !overflowed
-  }, tooltipStyleProps /* legacy classes or newer slotProps API */), /*#__PURE__*/React.createElement(Box, _extends({}, props, {
-    ref: element,
-    children: children || text,
-    className: className,
-    sx: overflowStyle.overflow
-  })));
-})({});
-OverflowableText.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: PropTypes.array,
-  text: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.node]),
-  tooltipStyle: PropTypes.string,
-  tooltipSx: PropTypes.object,
-  sx: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.func]),
-  className: PropTypes.string
-} : {};
-export default OverflowableText;

package/es/components/ReportViewer/filter-button.js

@@ -1,77 +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) 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/.
- */
-import React, { useMemo, useState } from 'react';
-import { Box, IconButton } from '@mui/material';
-import MenuIcon from '@mui/icons-material/Menu';
-import { MultiSelectList } from './multi-select-list';
-var styles = {
-  notificationDot: {
-    height: '6px',
-    width: '6px',
-    backgroundColor: '#cc70a0',
-    borderRadius: '50%',
-    position: 'absolute',
-    top: '5px',
-    left: '23px'
-  },
-  container: {
-    position: 'relative'
-  },
-  icon: {
-    width: '0.7em',
-    height: '0.7em'
-  }
-};
-
-/**
- * FilterButton wraps a MultiSelectList with a button which has a visual indication to indicate when the user alters the default state of the list
- *
- * @param {Object}   selectedItems    - It serves as the model and data of the Component each entry must be formatted as a pair of string and boolean. Each key will be displayed and the corresponding boolean is updated in function of its checkbox status
- * @param {Function} setSelectedItems - Setter needed to update the list underlying data
- */
-
-export var FilterButton = function FilterButton(_ref) {
-  var selectedItems = _ref.selectedItems,
-    setSelectedItems = _ref.setSelectedItems;
-  var _useState = useState(selectedItems),
-    initialState = _useState[0];
-  var _useState2 = useState(),
-    anchorEl = _useState2[0],
-    setAnchorEl = _useState2[1];
-  var handleClick = function handleClick(event) {
-    setAnchorEl(event.currentTarget);
-  };
-  var handleClose = function handleClose() {
-    setAnchorEl(null);
-  };
-  var handleChange = function handleChange(event) {
-    setSelectedItems(function (previousSelection) {
-      var _extends2;
-      return _extends({}, previousSelection, (_extends2 = {}, _extends2[event.target.name] = !selectedItems[event.target.name], _extends2));
-    });
-  };
-  var isInitialStateModified = useMemo(function () {
-    return Object.keys(selectedItems).some(function (key) {
-      return initialState[key] !== selectedItems[key];
-    });
-  }, [initialState, selectedItems]);
-  return /*#__PURE__*/React.createElement(Box, {
-    sx: styles.container
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    onClick: handleClick
-  }, /*#__PURE__*/React.createElement(MenuIcon, {
-    sx: styles.icon
-  }), isInitialStateModified && /*#__PURE__*/React.createElement(Box, {
-    sx: styles.notificationDot
-  })), /*#__PURE__*/React.createElement(MultiSelectList, {
-    selectedItems: selectedItems,
-    handleChange: handleChange,
-    handleClose: handleClose,
-    anchor: anchorEl
-  }));
-};

package/es/components/ReportViewer/index.js

@@ -1,7 +0,0 @@
-/**
- * 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 './report-viewer';

package/es/components/ReportViewer/log-report-item.js

@@ -1,97 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-/**
- * 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/.
- */
-var LogReportItem = /*#__PURE__*/function () {
-  LogReportItem.resolveTemplateMessage = function resolveTemplateMessage(templateMessage, templateValues) {
-    var templateVars = {};
-    for (var _i = 0, _Object$entries = Object.entries(templateValues); _i < _Object$entries.length; _i++) {
-      var _Object$entries$_i = _Object$entries[_i],
-        key = _Object$entries$_i[0],
-        value = _Object$entries$_i[1];
-      templateVars[key] = value.value;
-    }
-    return templateMessage.replace(/\${([^{}]*)}/g, function (a, b) {
-      var r = templateVars[b];
-      return typeof r === 'string' || typeof r === 'number' ? r : a;
-    });
-  };
-  function LogReportItem(jsonReport, reportId) {
-    this.key = jsonReport.reportKey;
-    this.log = LogReportItem.resolveTemplateMessage(jsonReport.defaultMessage, jsonReport.values);
-    this.reportId = reportId;
-    this.severity = this.initSeverity(jsonReport.values.reportSeverity);
-  }
-  var _proto = LogReportItem.prototype;
-  _proto.getLog = function getLog() {
-    return this.log;
-  };
-  _proto.getReportId = function getReportId() {
-    return this.reportId;
-  };
-  _proto.getSeverity = function getSeverity() {
-    return this.severity;
-  };
-  _proto.getSeverityName = function getSeverityName() {
-    return this.severity.name;
-  };
-  _proto.getColorName = function getColorName() {
-    return this.severity.colorName;
-  };
-  _proto.getColorHexCode = function getColorHexCode() {
-    return this.severity.colorHexCode;
-  };
-  _proto.initSeverity = function initSeverity(jsonSeverity) {
-    var severity = LogReportItem.SEVERITY.UNKNOWN;
-    if (!jsonSeverity) {
-      return severity;
-    }
-    Object.values(LogReportItem.SEVERITY).some(function (value) {
-      var severityFound = jsonSeverity.value.includes(value.name);
-      if (severityFound) {
-        severity = value;
-      }
-      return severityFound;
-    });
-    return severity;
-  };
-  return LogReportItem;
-}();
-_defineProperty(LogReportItem, "SEVERITY", {
-  UNKNOWN: {
-    name: 'UNKNOWN',
-    level: 0,
-    colorName: 'cornflowerblue',
-    colorHexCode: '#6495ED'
-  },
-  INFO: {
-    name: 'INFO',
-    level: 1,
-    colorName: 'mediumseagreen',
-    colorHexCode: '#3CB371'
-  },
-  WARN: {
-    name: 'WARN',
-    level: 2,
-    colorName: 'orange',
-    colorHexCode: '#FFA500'
-  },
-  ERROR: {
-    name: 'ERROR',
-    level: 3,
-    colorName: 'crimson',
-    colorHexCode: '#DC143C'
-  },
-  FATAL: {
-    name: 'FATAL',
-    level: 4,
-    colorName: 'mediumorchid',
-    colorHexCode: '#BA55D3'
-  }
-});
-export { LogReportItem as default };

package/es/components/ReportViewer/log-report.js

@@ -1,63 +0,0 @@
-/**
- * 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 LogReportItem from './log-report-item';
-import { v4 as uuid4 } from 'uuid';
-var LogReport = /*#__PURE__*/function () {
-  function LogReport(jsonReporter, parentReportId) {
-    this.id = uuid4();
-    this.key = jsonReporter.taskKey;
-    this.title = LogReportItem.resolveTemplateMessage(jsonReporter.defaultName, jsonReporter.taskValues);
-    this.subReports = [];
-    this.logs = [];
-    this.parentReportId = parentReportId;
-    this.init(jsonReporter);
-  }
-  var _proto = LogReport.prototype;
-  _proto.getId = function getId() {
-    return this.id;
-  };
-  _proto.getTitle = function getTitle() {
-    return this.title;
-  };
-  _proto.getSubReports = function getSubReports() {
-    return this.subReports;
-  };
-  _proto.getLogs = function getLogs() {
-    return this.logs;
-  };
-  _proto.getAllLogs = function getAllLogs() {
-    return this.getLogs().concat(this.getSubReports().flatMap(function (r) {
-      return r.getAllLogs();
-    }));
-  };
-  _proto.init = function init(jsonReporter) {
-    var _this = this;
-    jsonReporter.subReporters.map(function (value) {
-      return _this.subReports.push(new LogReport(value, _this.id));
-    });
-    jsonReporter.reports.map(function (value) {
-      return _this.logs.push(new LogReportItem(value, _this.id));
-    });
-  };
-  _proto.getHighestSeverity = function getHighestSeverity(currentSeverity) {
-    if (currentSeverity === void 0) {
-      currentSeverity = LogReportItem.SEVERITY.UNKNOWN;
-    }
-    var reduceFct = function reduceFct(p, c) {
-      return p.level < c.level ? c : p;
-    };
-    var highestSeverity = this.getLogs().map(function (r) {
-      return r.getSeverity();
-    }).reduce(reduceFct, currentSeverity);
-    return this.getSubReports().map(function (r) {
-      return r.getHighestSeverity(highestSeverity);
-    }).reduce(reduceFct, highestSeverity);
-  };
-  return LogReport;
-}();
-export { LogReport as default };

package/es/components/ReportViewer/log-table.js

@@ -1,130 +0,0 @@
-/**
- * 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, { memo, useCallback, useEffect, useState } from 'react';
-import { useIntl } from 'react-intl';
-import TableCell from '@mui/material/TableCell';
-import { styled } from '@mui/system';
-import MuiVirtualizedTable from '../MuiVirtualizedTable';
-import { useTheme } from '@mui/material/styles';
-import { FilterButton } from './filter-button';
-var SEVERITY_COLUMN_FIXED_WIDTH = 115;
-var styles = {
-  flexContainer: {
-    display: 'flex',
-    alignItems: 'center',
-    boxSizing: 'border-box'
-  },
-  table: function table(theme) {
-    return {
-      // temporary right-to-left patch, waiting for
-      // https://github.com/bvaughn/react-virtualized/issues/454
-      '& .ReactVirtualized__Table__headerRow': {
-        flip: false,
-        paddingRight: theme.direction === 'rtl' ? '0 !important' : undefined
-      }
-    };
-  },
-  header: {
-    variant: 'header'
-  }
-};
-var VirtualizedTable = styled(MuiVirtualizedTable)(styles);
-var LogTable = function LogTable(_ref) {
-  var logs = _ref.logs,
-    onRowClick = _ref.onRowClick,
-    selectedSeverity = _ref.selectedSeverity,
-    setSelectedSeverity = _ref.setSelectedSeverity;
-  var intl = useIntl();
-  var theme = useTheme();
-  var _useState = useState(-1),
-    selectedRowIndex = _useState[0],
-    setSelectedRowIndex = _useState[1];
-  var severityCellRender = function severityCellRender(cellData) {
-    return /*#__PURE__*/React.createElement(TableCell, {
-      component: "div",
-      variant: "body",
-      style: {
-        display: 'flex',
-        flex: '1',
-        backgroundColor: cellData.rowData.backgroundColor
-      },
-      align: "center"
-    }, cellData.rowData.severity);
-  };
-  var COLUMNS_DEFINITIONS = [{
-    label: intl.formatMessage({
-      id: 'report_viewer/severity'
-    }).toUpperCase(),
-    id: 'severity',
-    dataKey: 'severity',
-    maxWidth: SEVERITY_COLUMN_FIXED_WIDTH,
-    minWidth: SEVERITY_COLUMN_FIXED_WIDTH,
-    cellRenderer: severityCellRender,
-    extra: /*#__PURE__*/React.createElement(FilterButton, {
-      selectedItems: selectedSeverity,
-      setSelectedItems: setSelectedSeverity
-    })
-  }, {
-    label: intl.formatMessage({
-      id: 'report_viewer/message'
-    }).toUpperCase(),
-    id: 'message',
-    dataKey: 'message'
-  }];
-  var generateTableColumns = function generateTableColumns() {
-    return Object.values(COLUMNS_DEFINITIONS).map(function (c) {
-      return c;
-    });
-  };
-  var generateTableRows = function generateTableRows() {
-    return logs.map(function (log) {
-      return {
-        severity: log.getSeverityName(),
-        message: log.getLog(),
-        backgroundColor: log.getColorName(),
-        reportId: log.getReportId()
-      };
-    });
-  };
-  var handleRowClick = function handleRowClick(event) {
-    setSelectedRowIndex(event.index);
-    onRowClick(event.rowData);
-  };
-  var rowStyleFormat = function rowStyleFormat(row) {
-    if (row.index < 0) {
-      return;
-    }
-    if (selectedRowIndex === row.index) {
-      return {
-        backgroundColor: theme.palette.action.selected
-      };
-    }
-  };
-  useEffect(function () {
-    setSelectedRowIndex(-1);
-  }, [logs]);
-  var filter = useCallback(function (row) {
-    return row.severity && Object.entries(selectedSeverity).some(function (_ref2) {
-      var key = _ref2[0],
-        value = _ref2[1];
-      return key === row.severity && value;
-    });
-  }, [selectedSeverity]);
-  return (
-    /*#__PURE__*/
-    //TODO do we need to useMemo/useCallback these props to avoid rerenders ?
-    React.createElement(VirtualizedTable, {
-      columns: generateTableColumns(),
-      rows: generateTableRows(),
-      sortable: false,
-      onRowClick: handleRowClick,
-      rowStyle: rowStyleFormat,
-      filter: filter
-    })
-  );
-};
-export default memo(LogTable);

package/es/components/ReportViewer/multi-select-list.js

@@ -1,56 +0,0 @@
-/**
- * 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/.
- */
-import React from 'react';
-import Menu from '@mui/material/Menu';
-import MenuItem from '@mui/material/MenuItem';
-import { Checkbox, FormControlLabel } from '@mui/material';
-var styles = {
-  label: {
-    width: '100%',
-    margin: 0
-  },
-  menuItem: {
-    padding: '0 10px 0 0'
-  }
-};
-
-/**
- * MultiSelectList allows to manipulate an object where each keys are associated to a boolean in order to determine which are the ones the user wants to select
- *
- * @param {Object}   selectedItems - It serves as the model and data of the Component each entry must be formatted as a pair of string and boolean. Each key will be displayed and the corresponding boolean is updated in function of its checkbox status
- * @param {Function} handleChange - Allows to customise the behaviour on selection change
- * @param {Function} handleClose - Allows to customise the behaviour when the menu is closing
- * @param {Object} anchor - Determines where the menu will appear on screen
- */
-
-export var MultiSelectList = function MultiSelectList(_ref) {
-  var selectedItems = _ref.selectedItems,
-    handleChange = _ref.handleChange,
-    handleClose = _ref.handleClose,
-    anchor = _ref.anchor;
-  var open = Boolean(anchor);
-  return /*#__PURE__*/React.createElement(Menu, {
-    open: open,
-    onClose: handleClose,
-    anchorEl: anchor
-  }, Object.entries(selectedItems).map(function (_ref2) {
-    var key = _ref2[0],
-      value = _ref2[1];
-    return /*#__PURE__*/React.createElement(MenuItem, {
-      sx: styles.menuItem,
-      key: key
-    }, /*#__PURE__*/React.createElement(FormControlLabel, {
-      control: /*#__PURE__*/React.createElement(Checkbox, {
-        checked: value,
-        onChange: handleChange,
-        name: key
-      }),
-      label: key,
-      sx: styles.label
-    }));
-  }));
-};