@gridsuite/commons-ui 0.64.6 → 0.65.1

package/dist/utils/{ElementIcon.js → mapper/elementIcon.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Settings, Article, NoteAlt, OfflineBolt, Photo, PhotoLibrary } from "@mui/icons-material";
-import { ElementType } from "./ElementType.js";
+import { ElementType } from "../types/elementType.js";
 function getFileIcon(type, style) {
   switch (type) {
     case ElementType.STUDY:
@@ -13,6 +13,7 @@ function getFileIcon(type, style) {
       return /* @__PURE__ */ jsx(NoteAlt, { sx: style });
     case ElementType.FILTER:
       return /* @__PURE__ */ jsx(Article, { sx: style });
+    case ElementType.PARAMETERS:
     case ElementType.VOLTAGE_INIT_PARAMETERS:
     case ElementType.SECURITY_ANALYSIS_PARAMETERS:
     case ElementType.LOADFLOW_PARAMETERS:

package/dist/utils/{equipment-types-for-predefined-properties-mapper.d.ts → mapper/equipmentTypesForPredefinedPropertiesMapper.d.ts}

@@ -1,4 +1,4 @@
-import { EquipmentType } from './types';
+import { EquipmentType } from '../types/types';
 
 declare const mapEquipmentTypeForPredefinedProperties: (type: EquipmentType) => string | undefined;
 export default mapEquipmentTypeForPredefinedProperties;

package/dist/utils/{EquipmentType.js → types/equipmentType.js}

@@ -1,4 +1,4 @@
-import { LIGHT_THEME } from "../components/TopBar/TopBar.js";
+import { LIGHT_THEME } from "../../components/topBar/TopBar.js";
 const TYPE_TAG_MAX_SIZE = "90px";
 const VL_TAG_MAX_SIZE = "100px";
 const equipmentStyles = {

package/dist/utils/{types.d.ts → types/types.d.ts}

@@ -1,5 +1,5 @@
-import { Battery, BusBar, DanglingLine, Generator, Hvdc, LCC, Line, Load, ShuntCompensator, Substation, SVC, ThreeWindingTransfo, TwoWindingTransfo, VoltageLevel, VSC } from './equipment-types';
-import { ElementType } from './ElementType';
+import { Battery, BusBar, DanglingLine, Generator, Hvdc, LCC, Line, Load, ShuntCompensator, Substation, SVC, ThreeWindingTransfo, TwoWindingTransfo, VoltageLevel, VSC } from './equipmentTypes';
+import { ElementType } from './elementType';
 import { UUID } from 'crypto';
 
 export type Input = string | number;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.64.6",
+    "version": "0.65.1",
     "description": "common react components for gridsuite applications",
     "engines": {
         "npm": ">=9",

package/dist/components/AuthenticationRouter/index.d.ts

@@ -1,4 +0,0 @@
-import { default as AuthenticationRouter } from './AuthenticationRouter';
-
-export default AuthenticationRouter;
-export type { AuthenticationRouterErrorState, AuthenticationRouterProps, UserManagerState, } from './AuthenticationRouter';

package/dist/components/AuthenticationRouter/index.js

@@ -1,4 +0,0 @@
-import AuthenticationRouter from "./AuthenticationRouter.js";
-export {
-  AuthenticationRouter as default
-};

package/dist/components/CardErrorBoundary/index.d.ts

@@ -1,3 +0,0 @@
-import { default as defaultCardErrorBoundary } from './card-error-boundary';
-
-export default defaultCardErrorBoundary;

package/dist/components/CardErrorBoundary/index.js

@@ -1,4 +0,0 @@
-import CardErrorBoundary from "./card-error-boundary.js";
-export {
-  CardErrorBoundary as default
-};

package/dist/components/CheckBoxList/check-box-list.d.ts

@@ -1,4 +0,0 @@
-import { CheckboxListProps } from './check-box-list-type';
-
-export declare function CheckboxList<T>({ isDndDragAndDropActive, onDragStart, onDragEnd, isDragDisable, ...props }: CheckboxListProps<T>): import("react/jsx-runtime").JSX.Element;
-export default CheckboxList;

package/dist/components/CheckBoxList/index.d.ts

@@ -1,3 +0,0 @@
-import { default as defaultCheckboxList } from './check-box-list';
-
-export default defaultCheckboxList;

package/dist/components/CheckBoxList/index.js

@@ -1,4 +0,0 @@
-import { CheckboxList } from "./check-box-list.js";
-export {
-  CheckboxList as default
-};

package/dist/components/ElementSearchDialog/index.d.ts

@@ -1,13 +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 as ElementSearchDialog } from './element-search-dialog';
-export type { ElementSearchDialogProps } from './element-search-dialog';
-export { default as TagRenderer } from './tag-renderer';
-export type { TagRendererProps } from './tag-renderer';
-export { ElementSearchInput } from './element-search-input';
-export { default as useElementSearch } from './use-element-search';
-export type { Paginated } from './use-element-search';

package/dist/components/ElementSearchDialog/index.js

@@ -1,10 +0,0 @@
-import { ElementSearchDialog } from "./element-search-dialog.js";
-import { default as default2 } from "./tag-renderer.js";
-import { ElementSearchInput } from "./element-search-input.js";
-import { default as default3 } from "./use-element-search.js";
-export {
-  ElementSearchDialog,
-  ElementSearchInput,
-  default2 as TagRenderer,
-  default3 as useElementSearch
-};

package/dist/components/ExpandableGroup/index.d.ts

@@ -1,4 +0,0 @@
-import { default as ExpandableGroup } from './expandable-group';
-
-export default ExpandableGroup;
-export type { ExpandableGroupProps } from './expandable-group';

package/dist/components/ExpandableGroup/index.js

@@ -1,4 +0,0 @@
-import ExpandableGroup from "./expandable-group.js";
-export {
-  ExpandableGroup as default
-};

package/dist/components/Login/index.d.ts

@@ -1,3 +0,0 @@
-import { default as defaultLogin } from './Login';
-
-export default defaultLogin;

package/dist/components/Login/index.js

@@ -1,4 +0,0 @@
-import Login from "./Login.js";
-export {
-  Login as default
-};

package/dist/components/OverflowableText/index.d.ts

@@ -1,4 +0,0 @@
-import { default as defaultOverflowableText } from './overflowable-text';
-
-export default defaultOverflowableText;
-export type { OverflowableTextProps } from './overflowable-text';

package/dist/components/OverflowableText/index.js

@@ -1,4 +0,0 @@
-import { OverflowableText } from "./overflowable-text.js";
-export {
-  OverflowableText as default
-};

package/dist/components/ReportViewer/filter-button.d.ts

@@ -1,11 +0,0 @@
-export interface FilterButtonProps {
-    selectedItems: Record<string, boolean>;
-    setSelectedItems: (func: (items: Record<string, boolean>) => Record<string, boolean>) => void;
-}
-/**
- * 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 declare function FilterButton({ selectedItems, setSelectedItems }: FilterButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,62 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useMemo } from "react";
-import { Box, IconButton } from "@mui/material";
-import { Menu } from "@mui/icons-material";
-import { MultiSelectList } from "./multi-select-list.js";
-const 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"
-  }
-};
-function FilterButton({ selectedItems, setSelectedItems }) {
-  const [initialState] = useState(selectedItems);
-  const [anchorEl, setAnchorEl] = useState(null);
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-  const handleChange = (event) => {
-    setSelectedItems((previousSelection) => {
-      return {
-        ...previousSelection,
-        [event.target.name]: !selectedItems[event.target.name]
-      };
-    });
-  };
-  const isInitialStateModified = useMemo(() => {
-    return Object.keys(selectedItems).some((key) => initialState[key] !== selectedItems[key]);
-  }, [initialState, selectedItems]);
-  return /* @__PURE__ */ jsxs(Box, { sx: styles.container, children: [
-    /* @__PURE__ */ jsxs(IconButton, { onClick: handleClick, children: [
-      /* @__PURE__ */ jsx(Menu, { sx: styles.icon }),
-      isInitialStateModified && /* @__PURE__ */ jsx(Box, { sx: styles.notificationDot })
-    ] }),
-    /* @__PURE__ */ jsx(
-      MultiSelectList,
-      {
-        selectedItems,
-        handleChange,
-        handleClose,
-        anchor: anchorEl
-      }
-    )
-  ] });
-}
-export {
-  FilterButton
-};

package/dist/components/ReportViewer/index.d.ts

@@ -1,4 +0,0 @@
-import { default as defaultReportViewer } from './report-viewer';
-
-export default defaultReportViewer;
-export type { ReportViewerProps } from './report-viewer';

package/dist/components/ReportViewer/index.js

@@ -1,4 +0,0 @@
-import ReportViewer from "./report-viewer.js";
-export {
-  ReportViewer as default
-};

package/dist/components/ReportViewer/log-report-item.d.ts

@@ -1,18 +0,0 @@
-import { LogSeverity } from './log-severity';
-import { ReportValue, SubReport } from './report.type';
-
-export default class LogReportItem {
-    key: string;
-    reportId: string;
-    severity: LogSeverity;
-    log: string;
-    static resolveTemplateMessage(templateMessage: string, templateValues: Record<string, ReportValue>): string;
-    constructor(jsonReport: SubReport, reportId: string);
-    getLog(): string;
-    getReportId(): string;
-    getSeverity(): LogSeverity;
-    getSeverityName(): "UNKNOWN" | "INFO" | "WARN" | "ERROR" | "FATAL";
-    getColorName(): string;
-    getColorHexCode(): string;
-    static initSeverity(jsonSeverity: ReportValue): LogSeverity;
-}

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

@@ -1,54 +0,0 @@
-import { LogSeverities } from "./log-severity.js";
-class LogReportItem {
-  static resolveTemplateMessage(templateMessage, templateValues) {
-    const templateVars = {};
-    Object.entries(templateValues).forEach(([key, value]) => {
-      templateVars[key] = value.value;
-    });
-    return templateMessage.replace(/\${([^{}]*)}/g, function resolveTemplate(a, b) {
-      const r = templateVars[b];
-      return typeof r === "string" || typeof r === "number" ? r.toString() : a;
-    });
-  }
-  constructor(jsonReport, reportId) {
-    this.key = jsonReport.reportKey;
-    this.log = LogReportItem.resolveTemplateMessage(jsonReport.defaultMessage, jsonReport.values);
-    this.reportId = reportId;
-    this.severity = LogReportItem.initSeverity(jsonReport.values.reportSeverity);
-  }
-  getLog() {
-    return this.log;
-  }
-  getReportId() {
-    return this.reportId;
-  }
-  getSeverity() {
-    return this.severity;
-  }
-  getSeverityName() {
-    return this.severity.name;
-  }
-  getColorName() {
-    return this.severity.colorName;
-  }
-  getColorHexCode() {
-    return this.severity.colorHexCode;
-  }
-  static initSeverity(jsonSeverity) {
-    let severity = LogSeverities.UNKNOWN;
-    if (!jsonSeverity) {
-      return severity;
-    }
-    Object.values(LogSeverities).some((value) => {
-      const severityFound = jsonSeverity.value.includes(value.name);
-      if (severityFound) {
-        severity = value;
-      }
-      return severityFound;
-    });
-    return severity;
-  }
-}
-export {
-  LogReportItem as default
-};

package/dist/components/ReportViewer/log-report.d.ts

@@ -1,20 +0,0 @@
-import { LogSeverity } from './log-severity';
-import { Report } from './report.type';
-import { default as LogReportItem } from './log-report-item';
-
-export default class LogReport {
-    id: string;
-    key: string;
-    title: string;
-    subReports: LogReport[];
-    logs: LogReportItem[];
-    parentReportId?: string;
-    constructor(jsonReporter: Report, parentReportId?: string);
-    getId(): string;
-    getTitle(): string;
-    getSubReports(): LogReport[];
-    getLogs(): LogReportItem[];
-    getAllLogs(): LogReportItem[];
-    init(jsonReporter: Report): void;
-    getHighestSeverity(currentSeverity?: LogSeverity): LogSeverity;
-}

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

@@ -1,41 +0,0 @@
-import { v4 } from "uuid";
-import LogReportItem from "./log-report-item.js";
-import { LogSeverities } from "./log-severity.js";
-class LogReport {
-  constructor(jsonReporter, parentReportId) {
-    this.id = v4();
-    this.key = jsonReporter.taskKey;
-    this.title = LogReportItem.resolveTemplateMessage(jsonReporter.defaultName, jsonReporter.taskValues);
-    this.subReports = [];
-    this.logs = [];
-    this.parentReportId = parentReportId;
-    this.init(jsonReporter);
-  }
-  getId() {
-    return this.id;
-  }
-  getTitle() {
-    return this.title;
-  }
-  getSubReports() {
-    return this.subReports;
-  }
-  getLogs() {
-    return this.logs;
-  }
-  getAllLogs() {
-    return this.getLogs().concat(this.getSubReports().flatMap((r) => r.getAllLogs()));
-  }
-  init(jsonReporter) {
-    jsonReporter.subReporters.map((value) => this.subReports.push(new LogReport(value, this.id)));
-    jsonReporter.reports.map((value) => this.logs.push(new LogReportItem(value, this.id)));
-  }
-  getHighestSeverity(currentSeverity = LogSeverities.UNKNOWN) {
-    const reduceFct = (p, c) => p.level < c.level ? c : p;
-    const highestSeverity = this.getLogs().map((r) => r.getSeverity()).reduce(reduceFct, currentSeverity);
-    return this.getSubReports().map((r) => r.getHighestSeverity(highestSeverity)).reduce(reduceFct, highestSeverity);
-  }
-}
-export {
-  LogReport as default
-};

package/dist/components/ReportViewer/log-severity.d.ts

@@ -1,13 +0,0 @@
-/**
- * Copyright (c) 2024, 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 type LogSeverity = {
-    name: 'UNKNOWN' | 'INFO' | 'WARN' | 'ERROR' | 'FATAL';
-    level: number;
-    colorName: string;
-    colorHexCode: string;
-};
-export declare const LogSeverities: Record<string, LogSeverity>;

package/dist/components/ReportViewer/log-severity.js

@@ -1,35 +0,0 @@
-const LogSeverities = {
-  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 {
-  LogSeverities
-};

package/dist/components/ReportViewer/log-table.d.ts

@@ -1,11 +0,0 @@
-import { default as LogReportItem } from './log-report-item';
-
-export interface LogTableProps {
-    logs: LogReportItem[];
-    onRowClick: (data: any) => void;
-    selectedSeverity: Record<string, boolean>;
-    setSelectedSeverity: (func: (items: Record<string, boolean>) => Record<string, boolean>) => void;
-}
-declare function LogTable({ logs, onRowClick, selectedSeverity, setSelectedSeverity }: LogTableProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import('react').MemoExoticComponent<typeof LogTable>;
-export default _default;

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

@@ -1,121 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { memo, useState, useEffect, useCallback } from "react";
-import { useIntl } from "react-intl";
-import { useTheme, TableCell } from "@mui/material";
-import { styled } from "@mui/system";
-import MuiVirtualizedTable from "../MuiVirtualizedTable/MuiVirtualizedTable.js";
-import { FilterButton } from "./filter-button.js";
-const SEVERITY_COLUMN_FIXED_WIDTH = 115;
-const styles = {
-  flexContainer: {
-    display: "flex",
-    alignItems: "center",
-    boxSizing: "border-box"
-  },
-  table: (theme) => ({
-    // 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" : void 0
-    }
-  }),
-  header: { variant: "header" }
-};
-const VirtualizedTable = styled(MuiVirtualizedTable)(styles);
-function LogTable({ logs, onRowClick, selectedSeverity, setSelectedSeverity }) {
-  const intl = useIntl();
-  const theme = useTheme();
-  const [selectedRowIndex, setSelectedRowIndex] = useState(-1);
-  const severityCellRender = (cellData) => {
-    return /* @__PURE__ */ jsx(
-      TableCell,
-      {
-        component: "div",
-        variant: "body",
-        style: {
-          display: "flex",
-          flex: "1",
-          backgroundColor: cellData.rowData.backgroundColor
-        },
-        align: "center",
-        children: cellData.rowData.severity
-      }
-    );
-  };
-  const COLUMNS_DEFINITIONS = [
-    {
-      label: intl.formatMessage({ id: "report_viewer/severity" }).toUpperCase(),
-      id: "severity",
-      dataKey: "severity",
-      width: SEVERITY_COLUMN_FIXED_WIDTH,
-      maxWidth: SEVERITY_COLUMN_FIXED_WIDTH,
-      minWidth: SEVERITY_COLUMN_FIXED_WIDTH,
-      cellRenderer: severityCellRender,
-      extra: /* @__PURE__ */ jsx(FilterButton, { selectedItems: selectedSeverity, setSelectedItems: setSelectedSeverity })
-    },
-    {
-      label: intl.formatMessage({ id: "report_viewer/message" }).toUpperCase(),
-      id: "message",
-      dataKey: "message",
-      width: SEVERITY_COLUMN_FIXED_WIDTH
-    }
-  ];
-  const generateTableColumns = () => {
-    return Object.values(COLUMNS_DEFINITIONS).map((c) => {
-      return c;
-    });
-  };
-  const generateTableRows = () => {
-    return logs.map((log) => {
-      return {
-        severity: log.getSeverityName(),
-        message: log.getLog(),
-        backgroundColor: log.getColorName(),
-        reportId: log.getReportId()
-      };
-    });
-  };
-  const handleRowClick = (row) => {
-    setSelectedRowIndex(row.index);
-    onRowClick(row.rowData);
-  };
-  const rowStyleFormat = (row) => {
-    if (row.index < 0) {
-      return void 0;
-    }
-    if (selectedRowIndex === row.index) {
-      return {
-        backgroundColor: theme.palette.action.selected
-      };
-    }
-    return void 0;
-  };
-  useEffect(() => {
-    setSelectedRowIndex(-1);
-  }, [logs]);
-  const filter = useCallback(
-    (row) => {
-      return row.severity && Object.entries(selectedSeverity).some(([key, value]) => key === row.severity && value);
-    },
-    [selectedSeverity]
-  );
-  return (
-    // TODO do we need to useMemo/useCallback these props to avoid rerenders ?
-    /* @__PURE__ */ jsx(
-      VirtualizedTable,
-      {
-        columns: generateTableColumns(),
-        rows: generateTableRows(),
-        sortable: false,
-        onRowClick: handleRowClick,
-        rowStyle: rowStyleFormat,
-        filter
-      }
-    )
-  );
-}
-const LogTable$1 = memo(LogTable);
-export {
-  LogTable$1 as default
-};

package/dist/components/ReportViewer/multi-select-list.d.ts

@@ -1,17 +0,0 @@
-import { CheckboxProps, MenuProps } from '@mui/material';
-
-export interface MultiSelectListProps {
-    selectedItems: Record<string, boolean>;
-    handleChange: CheckboxProps['onChange'];
-    handleClose: () => void;
-    anchor: MenuProps['anchorEl'];
-}
-/**
- * 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 declare function MultiSelectList({ selectedItems, handleChange, handleClose, anchor }: MultiSelectListProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,27 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Menu, MenuItem, FormControlLabel, Checkbox } from "@mui/material";
-const styles = {
-  label: {
-    width: "100%",
-    margin: 0
-  },
-  menuItem: {
-    padding: "0 10px 0 0"
-  }
-};
-function MultiSelectList({ selectedItems, handleChange, handleClose, anchor }) {
-  const open = Boolean(anchor);
-  return /* @__PURE__ */ jsx(Menu, { open, onClose: handleClose, anchorEl: anchor, children: Object.entries(selectedItems).map(([key, value]) => {
-    return /* @__PURE__ */ jsx(MenuItem, { sx: styles.menuItem, children: /* @__PURE__ */ jsx(
-      FormControlLabel,
-      {
-        control: /* @__PURE__ */ jsx(Checkbox, { checked: value, onChange: handleChange, name: key }),
-        label: key,
-        sx: styles.label
-      }
-    ) }, key);
-  }) });
-}
-export {
-  MultiSelectList
-};

package/dist/components/ReportViewer/report-item.d.ts

@@ -1,13 +0,0 @@
-import { TreeItemProps } from '@mui/lab';
-import { ReactNode } from 'react';
-
-export interface ReportItemProps extends TreeItemProps {
-    nodeId: string;
-    labelText: ReactNode;
-    labelIconColor: string;
-    className?: any;
-}
-declare const _default: import('@emotion/styled').StyledComponent<ReportItemProps & {
-    children?: ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
-export default _default;