@gridsuite/commons-ui 0.239.0 → 0.240.0

package/dist/features/parameters/voltage-init/voltage-limits-parameters.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { Info } from "@mui/icons-material";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { useIntl } from "react-intl";
 import { CustomTooltip } from "../../../components/ui/tooltip/CustomTooltip.js";
 import { LOW_VOLTAGE_LIMIT, HIGH_VOLTAGE_LIMIT, VOLTAGE_LIMITS_MODIFICATION, VOLTAGE_LIMITS_DEFAULT } from "./constants.js";
@@ -141,7 +141,7 @@ function VoltageLimitsParameters() {
     return newRowData;
   }, [VOLTAGE_LIMITS_DEFAULT_COLUMNS_DEFINITIONS]);
   const createVoltageLimitDefaultRows = () => [newDefaultRowData];
-  return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+  return /* @__PURE__ */ jsxs(Grid2, { container: true, children: [
     /* @__PURE__ */ jsx(
       ParameterTableField,
       {

package/dist/features/topBar/AboutDialog.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
-import { useTheme, Dialog, DialogTitle, Collapse, Alert, Box, Fade, CircularProgress, Typography, DialogContent, Accordion, AccordionSummary, AccordionDetails, Grid, DialogActions, Button, useMediaQuery, Zoom, Stack, tooltipClasses } from "@mui/material";
+import { useTheme, Dialog, DialogTitle, Collapse, Alert, Box, Fade, CircularProgress, Typography, DialogContent, Accordion, AccordionSummary, AccordionDetails, Grid2, DialogActions, Button, useMediaQuery, Zoom, Stack, tooltipClasses } from "@mui/material";
 import { LoadingButton } from "@mui/lab";
 import { Refresh, Gavel, ExpandMore, Apps, QuestionMark, DnsOutlined, WidgetsOutlined } from "@mui/icons-material";
 import { FormattedMessage } from "react-intl";
@@ -122,12 +122,9 @@ function tooltipTypeLabel(type) {
 }
 function Module({ type, name, version, gitTag }) {
   return /* @__PURE__ */ jsx(
-    Grid,
+    Grid2,
     {
-      item: true,
-      xs: 12,
-      sm: 6,
-      md: 4,
+      size: { xs: 12, sm: 6, md: 4 },
       sx: {
         ".MuiTypography-root": {
           minWidth: "3em"
@@ -321,7 +318,7 @@ function AboutDialog({
               /* @__PURE__ */ jsx(Apps, { fontSize: "small" }),
               /* @__PURE__ */ jsx(FormattedMessage, { id: "about-dialog/modules-section" })
             ] }),
-            /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsx(Grid, { container: true, sx: { pl: 2 }, spacing: 1, children: loadingAdditionalModules ? /* @__PURE__ */ jsx(Grid, { item: true, xs: true, display: "inline-flex", justifyContent: "center", children: /* @__PURE__ */ jsx(CircularProgress, { color: "inherit" }) }) : Array.isArray(modules) && /* @__PURE__ */ jsx(Fragment, { children: [...modules].sort(compareModules).map((module, idx) => /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsx(Grid2, { container: true, sx: { pl: 2 }, spacing: 1, children: loadingAdditionalModules ? /* @__PURE__ */ jsx(Grid2, { size: "grow", display: "inline-flex", justifyContent: "center", children: /* @__PURE__ */ jsx(CircularProgress, { color: "inherit" }) }) : Array.isArray(modules) && /* @__PURE__ */ jsx(Fragment, { children: [...modules].sort(compareModules).map((module, idx) => /* @__PURE__ */ jsx(
               Module,
               {
                 type: module.type,

package/dist/index.js

@@ -101,9 +101,8 @@ import { ExplicitNamingFilterForm, explicitNamingFilterSchema, getExplicitNaming
 import { FILTER_EQUIPMENTS_ATTRIBUTES } from "./components/composite/filter/explicitNaming/ExplicitNamingFilterConstants.js";
 import { saveExpertFilter, saveExplicitNamingFilter } from "./components/composite/filter/utils/filterApi.js";
 import { CONTINGENCY_LIST_EQUIPMENTS, FILTER_EQUIPMENTS } from "./components/composite/filter/utils/filterFormUtils.js";
-import "react/jsx-runtime";
-import "@mui/material";
-import "react-intl";
+import { GridItem } from "./components/composite/grid/grid-item.js";
+import { GridSection } from "./components/composite/grid/grid-section.js";
 import { OverflowableTableCell } from "./components/composite/muiTable/OverflowableTableCell.js";
 import { OverflowableTableCellWithCheckbox } from "./components/composite/muiTable/OverflowableTableCellWithCheckbox.js";
 import { AutocompleteWithFavorites } from "./components/composite/reactQueryBuilder/AutocompleteWithFavorites.js";
@@ -263,6 +262,8 @@ import { substationCreationDtoToForm, substationCreationEmptyFormData, substatio
 import { SubstationModificationForm } from "./features/network-modifications/substation/modification/SubstationModificationForm.js";
 import { substationModificationDtoToForm, substationModificationEmptyFormData, substationModificationFormSchema, substationModificationFormToDto } from "./features/network-modifications/substation/modification/substationModification.utils.js";
 import { SwitchesBetweenSections } from "./features/network-modifications/voltageLevel/creation/tabs/structureTab/switchesBetweenSections/SwitchesBetweenSections.js";
+import "react/jsx-runtime";
+import "@mui/material";
 import "react";
 import "react-hook-form";
 import { equalsArray, equalsArrayAnyOrder } from "./utils/algos.js";
@@ -323,6 +324,7 @@ import { fetchDynamicSimulationModels } from "./services/dynamic-mapping.js";
 import { fetchDynamicSimulationParameters, fetchDynamicSimulationProviders, updateDynamicSimulationParameters } from "./services/dynamic-simulation.js";
 import { fetchContingencyAndFiltersLists, fetchDynamicSecurityAnalysisProviders } from "./services/dynamic-security-analysis.js";
 import { fetchDynamicMarginCalculationParameters, fetchDynamicMarginCalculationProviders, updateDynamicMarginCalculationParameters } from "./services/dynamic-margin-calculation.js";
+import "react-intl";
 import "@mui/icons-material";
 import { MAX_SECTIONS_COUNT } from "./features/network-modifications/voltageLevel/creation/voltageLevel.constants.js";
 import { VoltageLevelCreationForm } from "./features/network-modifications/voltageLevel/creation/VoltageLevelCreationForm.js";
@@ -711,7 +713,9 @@ export {
   GeneratorDialogTabs,
   GeneratorDialogTabsContent,
   GeneratorModificationForm,
+  GridItem,
   GridLogo,
+  GridSection,
   GroupValueEditor,
   HIGH_VOLTAGE_LIMIT,
   HVDC_AC_EMULATION,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.239.0",
+    "version": "0.240.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",
@@ -40,7 +40,8 @@
         "test:coverage": "jest --coverage",
         "test:watch": "jest --watch",
         "type-check": "tsc",
-        "prebuild": "npm run lint && npm run type-check",
+        "type-check:build": "tsc -p ./tsconfig.build.json",
+        "prebuild": "npm run lint && npm run type-check:build",
         "lint": "eslint . --max-warnings 0",
         "lint:fix": "eslint . --fix",
         "lint:format": "prettier --check --cache .",