@gridsuite/commons-ui 0.59.0 → 0.59.2

package/dist/chunks/{criteria-based-filter-edition-dialog.p2pUWzxc.js → criteria-based-filter-edition-dialog.CszM47bS.js}

@@ -52,6 +52,7 @@ import "autosuggest-highlight/match";
 import "autosuggest-highlight/parse";
 import "../components/CardErrorBoundary/card-error-boundary.js";
 import "@mui/icons-material/Folder";
+import "../components/CustomAGGrid/custom-aggrid.js";
 import { saveExplicitNamingFilter, saveCriteriaBasedFilter, saveExpertFilter } from "../components/filter/utils/filter-api.js";
 import { formatQuery, QueryBuilder } from "react-querybuilder";
 import { getNumberOfSiblings, recursiveRemove, countRules, getOperators, queryValidator, testQuery, importExpertRules } from "../components/filter/expert/expert-filter-utils.js";
@@ -475,10 +476,14 @@ const CustomAgGridTable = ({
   });
   const { append, remove, update, swap, move } = useFieldArrayOutput;
   const rowData = watch(name);
-  const isFirstSelected = (rowData == null ? void 0 : rowData.length) && ((_a = gridApi == null ? void 0 : gridApi.api.getRowNode(rowData[0][FieldConstants.AG_GRID_ROW_UUID])) == null ? void 0 : _a.isSelected());
-  const isLastSelected = (rowData == null ? void 0 : rowData.length) && ((_b = gridApi == null ? void 0 : gridApi.api.getRowNode(
-    rowData[rowData.length - 1][FieldConstants.AG_GRID_ROW_UUID]
-  )) == null ? void 0 : _b.isSelected());
+  const isFirstSelected = Boolean(
+    (rowData == null ? void 0 : rowData.length) && ((_a = gridApi == null ? void 0 : gridApi.api.getRowNode(rowData[0][FieldConstants.AG_GRID_ROW_UUID])) == null ? void 0 : _a.isSelected())
+  );
+  const isLastSelected = Boolean(
+    (rowData == null ? void 0 : rowData.length) && ((_b = gridApi == null ? void 0 : gridApi.api.getRowNode(
+      rowData[rowData.length - 1][FieldConstants.AG_GRID_ROW_UUID]
+    )) == null ? void 0 : _b.isSelected())
+  );
   const noRowSelected = selectedRows.length === 0;
   const handleMoveRowUp = () => {
     selectedRows.map((row) => getIndex(row)).sort().forEach((idx) => {
@@ -546,12 +551,12 @@ const CustomAgGridTable = ({
       {
         item: true,
         xs: 12,
-        className: theme.aggrid,
+        className: theme.aggrid.theme,
         sx: style(cssProps).grid,
         children: /* @__PURE__ */ jsx(
           AgGridReact,
           {
-            rowData: gridApi && (rowData == null ? void 0 : rowData.length) ? rowData : null,
+            rowData,
             onGridReady,
             getLocaleText,
             cacheOverflowSize: 10,

package/dist/components/CustomAGGrid/custom-aggrid.d.ts

@@ -0,0 +1,11 @@
+import { AgGridReact, AgGridReactProps } from 'ag-grid-react';
+import { default as React } from 'react';
+
+interface CustomAGGGridStyleProps {
+    shouldHidePinnedHeaderRightBorder?: boolean;
+    showOverlay?: boolean;
+}
+interface CustomAGGridProps extends AgGridReactProps, CustomAGGGridStyleProps {
+}
+declare const CustomAGGrid: React.ForwardRefExoticComponent<CustomAGGridProps & React.RefAttributes<AgGridReact<any>>>;
+export default CustomAGGrid;

package/dist/components/CustomAGGrid/custom-aggrid.js

@@ -0,0 +1,73 @@
+import { jsx } from "react/jsx-runtime";
+import React, { useCallback } from "react";
+import { AgGridReact } from "ag-grid-react";
+import { useIntl } from "react-intl";
+import "ag-grid-community/styles/ag-grid.css";
+import "ag-grid-community/styles/ag-theme-alpine.css";
+import { Box } from "@mui/system";
+import { mergeSx } from "../../utils/styles.js";
+import { useTheme } from "@mui/material";
+import { CUSTOM_AGGRID_THEME, styles } from "./custom-aggrid.style.js";
+const onColumnResized = (params) => {
+  var _a;
+  const { column, finished } = params;
+  const colDefinedMinWidth = (_a = column == null ? void 0 : column.getColDef()) == null ? void 0 : _a.minWidth;
+  if (column && colDefinedMinWidth && finished) {
+    const newWidth = column == null ? void 0 : column.getActualWidth();
+    if (newWidth < colDefinedMinWidth) {
+      column == null ? void 0 : column.setActualWidth(colDefinedMinWidth, params.source);
+    }
+  }
+};
+const CustomAGGrid = React.forwardRef(
+  (props, ref) => {
+    const {
+      shouldHidePinnedHeaderRightBorder = false,
+      overlayNoRowsTemplate,
+      loadingOverlayComponent,
+      loadingOverlayComponentParams,
+      showOverlay = false
+    } = props;
+    const theme = useTheme();
+    const intl = useIntl();
+    const GRID_PREFIX = "grid.";
+    const getLocaleText = useCallback(
+      (params) => {
+        const key = GRID_PREFIX + params.key;
+        return intl.formatMessage({
+          id: key,
+          defaultMessage: params.defaultValue
+        });
+      },
+      [intl]
+    );
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        sx: mergeSx(
+          styles.grid,
+          shouldHidePinnedHeaderRightBorder ? styles.noBorderRight : void 0,
+          showOverlay ? styles.overlayBackground : void 0
+        ),
+        className: `${theme.aggrid.theme} ${CUSTOM_AGGRID_THEME}`,
+        children: /* @__PURE__ */ jsx(
+          AgGridReact,
+          {
+            ref,
+            getLocaleText,
+            suppressPropertyNamesCheck: true,
+            loadingOverlayComponent,
+            loadingOverlayComponentParams,
+            overlayNoRowsTemplate,
+            onColumnResized,
+            enableCellTextSelection: true,
+            ...props
+          }
+        )
+      }
+    );
+  }
+);
+export {
+  CustomAGGrid as default
+};

package/dist/components/CustomAGGrid/custom-aggrid.style.d.ts

@@ -0,0 +1,20 @@
+import { SystemStyleObject } from '@mui/system/styleFunctionSx/styleFunctionSx';
+import { Theme } from '@mui/material/styles/createTheme';
+
+export declare const CUSTOM_AGGRID_THEME = "custom-aggrid-theme";
+export declare const styles: {
+    grid: (theme: Theme) => SystemStyleObject<Theme>;
+    noBorderRight: {
+        '& .ag-pinned-left-header': {
+            borderRight: string;
+        };
+    };
+    overlayBackground: (theme: Theme) => {
+        '& .ag-overlay-loading-wrapper': {
+            background: string;
+        };
+        '& .ag-overlay-no-rows-wrapper': {
+            background: string;
+        };
+    };
+};

package/dist/components/CustomAGGrid/custom-aggrid.style.js

@@ -0,0 +1,47 @@
+const CUSTOM_AGGRID_THEME = "custom-aggrid-theme";
+const styles = {
+  grid: (theme) => ({
+    width: "auto",
+    height: "100%",
+    position: "relative",
+    [`&.${CUSTOM_AGGRID_THEME}`]: {
+      "--ag-value-change-value-highlight-background-color": theme.aggrid.valueChangeHighlightBackgroundColor,
+      "--ag-selected-row-background-color": theme.aggrid.highlightColor,
+      "--ag-row-hover-color": theme.aggrid.highlightColor
+    },
+    "& .ag-checkbox-input": {
+      cursor: "pointer"
+    },
+    //overrides the default computed max height for ag grid default selector editor to make it more usable
+    //can be removed if a custom selector editor is implemented
+    "& .ag-select-list": {
+      maxHeight: "300px !important"
+    },
+    //allows to hide the scrollbar in the pinned rows section as it is unecessary to our implementation
+    "& .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner)": {
+      visibility: "hidden"
+    },
+    //removes border on focused cell - using "suppressCellFocus" Aggrid option causes side effects and breaks field edition
+    "& .ag-cell-focus, .ag-cell": {
+      border: "none !important"
+    }
+  }),
+  noBorderRight: {
+    // hides right border for header of "Edit" column due to column being pinned
+    "& .ag-pinned-left-header": {
+      borderRight: "none"
+    }
+  },
+  overlayBackground: (theme) => ({
+    "& .ag-overlay-loading-wrapper": {
+      background: theme.aggrid.overlay.background
+    },
+    "& .ag-overlay-no-rows-wrapper": {
+      background: "none"
+    }
+  })
+};
+export {
+  CUSTOM_AGGRID_THEME,
+  styles
+};

package/dist/components/filter/criteria-based/criteria-based-filter-edition-dialog.js

@@ -8,7 +8,7 @@ import "react-hook-form";
 import "@hookform/resolvers/yup";
 import "./criteria-based-filter-form.js";
 import "../../../utils/yup-config.js";
-import { b, p } from "../../../chunks/criteria-based-filter-edition-dialog.p2pUWzxc.js";
+import { b, p } from "../../../chunks/criteria-based-filter-edition-dialog.CszM47bS.js";
 import "../constants/filter-constants.js";
 import "../../../utils/FetchStatus.js";
 import "../../../services/explore.js";

package/dist/components/filter/expert/expert-filter-edition-dialog.js

@@ -7,7 +7,7 @@ import "@hookform/resolvers/yup";
 import "../../../hooks/useSnackMessage.js";
 import "../../dialogs/custom-mui-dialog.js";
 import "../../../utils/yup-config.js";
-import { E } from "../../../chunks/criteria-based-filter-edition-dialog.p2pUWzxc.js";
+import { E } from "../../../chunks/criteria-based-filter-edition-dialog.CszM47bS.js";
 import "../utils/filter-api.js";
 import "./expert-filter-utils.js";
 import "../constants/filter-constants.js";

package/dist/components/filter/expert/expert-filter-form.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "@mui/material/Grid";
 import "react-querybuilder";
-import { k, n, l, m } from "../../../chunks/criteria-based-filter-edition-dialog.p2pUWzxc.js";
+import { k, n, l, m } from "../../../chunks/criteria-based-filter-edition-dialog.CszM47bS.js";
 import "react-hook-form";
 import "./expert-filter-utils.js";
 import "./expert-filter-constants.js";

package/dist/components/filter/explicit-naming/explicit-naming-filter-edition-dialog.js

@@ -7,7 +7,7 @@ import "@hookform/resolvers/yup";
 import "../../../hooks/useSnackMessage.js";
 import "../../dialogs/custom-mui-dialog.js";
 import "../../../utils/yup-config.js";
-import { a } from "../../../chunks/criteria-based-filter-edition-dialog.p2pUWzxc.js";
+import { a } from "../../../chunks/criteria-based-filter-edition-dialog.CszM47bS.js";
 import "../../../utils/field-constants.js";
 import "uuid";
 import "../../../utils/equipment-types.js";

package/dist/components/filter/explicit-naming/explicit-naming-filter-form.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../../utils/field-constants.js";
 import "../../../utils/yup-config.js";
-import { d, f, e, g } from "../../../chunks/criteria-based-filter-edition-dialog.p2pUWzxc.js";
+import { d, f, e, g } from "../../../chunks/criteria-based-filter-edition-dialog.CszM47bS.js";
 import "react-intl";
 import "react-hook-form";
 import "@mui/material/Grid";

package/dist/components/filter/filter-creation-dialog.js

@@ -5,7 +5,7 @@ import "react-hook-form";
 import "../../hooks/useSnackMessage.js";
 import "../dialogs/custom-mui-dialog.js";
 import "./criteria-based/criteria-based-filter-form.js";
-import { F } from "../../chunks/criteria-based-filter-edition-dialog.p2pUWzxc.js";
+import { F } from "../../chunks/criteria-based-filter-edition-dialog.CszM47bS.js";
 import "../../utils/field-constants.js";
 import "../../utils/yup-config.js";
 import "@hookform/resolvers/yup";

package/dist/components/filter/filter-form.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../inputs/react-hook-form/unique-name-input.js";
 import "../../utils/field-constants.js";
 import "./criteria-based/criteria-based-filter-form.js";
-import { o } from "../../chunks/criteria-based-filter-edition-dialog.p2pUWzxc.js";
+import { o } from "../../chunks/criteria-based-filter-edition-dialog.CszM47bS.js";
 import "react";
 import "react-hook-form";
 import "@mui/material";

package/dist/components/filter/utils/filter-form-utils.d.ts

@@ -1,3 +1,4 @@
+import { EquipmentType } from '../../../utils/EquipmentType';
 import { FunctionComponent } from 'react';
 
 type FormField = {
@@ -12,6 +13,6 @@ export type FormEquipment = {
     label: string;
     fields: FormField[];
 };
-export declare const CONTINGENCY_LIST_EQUIPMENTS: Record<string, FormEquipment>;
-export declare const FILTER_EQUIPMENTS: Record<string, FormEquipment>;
+export declare const CONTINGENCY_LIST_EQUIPMENTS: Record<EquipmentType.BUSBAR_SECTION | EquipmentType.LINE | EquipmentType.TWO_WINDINGS_TRANSFORMER | EquipmentType.GENERATOR | EquipmentType.SHUNT_COMPENSATOR | EquipmentType.HVDC_LINE | EquipmentType.DANGLING_LINE, FormEquipment>;
+export declare const FILTER_EQUIPMENTS: Record<EquipmentType.SUBSTATION | EquipmentType.VOLTAGE_LEVEL | EquipmentType.LINE | EquipmentType.TWO_WINDINGS_TRANSFORMER | EquipmentType.THREE_WINDINGS_TRANSFORMER | EquipmentType.GENERATOR | EquipmentType.BATTERY | EquipmentType.LOAD | EquipmentType.SHUNT_COMPENSATOR | EquipmentType.STATIC_VAR_COMPENSATOR | EquipmentType.HVDC_LINE | EquipmentType.DANGLING_LINE, FormEquipment>;
 export {};

package/dist/components/filter/utils/filter-form-utils.js

@@ -66,7 +66,12 @@ const energySource = {
     ]
   }
 };
-const COMMON_EQUIPMENTS = {
+const CONTINGENCY_LIST_EQUIPMENTS = {
+  BUSBAR_SECTION: {
+    id: "BUSBAR_SECTION",
+    label: "BusBarSections",
+    fields: [countries, nominalVoltage]
+  },
   LINE: {
     id: "LINE",
     label: "Lines",
@@ -98,16 +103,27 @@ const COMMON_EQUIPMENTS = {
     fields: [countries, nominalVoltage]
   }
 };
-const CONTINGENCY_LIST_EQUIPMENTS = {
-  ...COMMON_EQUIPMENTS,
-  BUSBAR_SECTION: {
-    id: "BUSBAR_SECTION",
-    label: "BusBarSections",
-    fields: [countries, nominalVoltage]
-  }
-};
 const FILTER_EQUIPMENTS = {
-  ...COMMON_EQUIPMENTS,
+  SUBSTATION: {
+    id: "SUBSTATION",
+    label: "Substations",
+    fields: [countries, nominalVoltage]
+  },
+  VOLTAGE_LEVEL: {
+    id: "VOLTAGE_LEVEL",
+    label: "VoltageLevels",
+    fields: [countries, nominalVoltage]
+  },
+  LINE: {
+    id: "LINE",
+    label: "Lines",
+    fields: [countries1, countries2, nominalVoltage1, nominalVoltage2]
+  },
+  TWO_WINDINGS_TRANSFORMER: {
+    id: "TWO_WINDINGS_TRANSFORMER",
+    label: "TwoWindingsTransformers",
+    fields: [countries, nominalVoltage1, nominalVoltage2]
+  },
   THREE_WINDINGS_TRANSFORMER: {
     id: "THREE_WINDINGS_TRANSFORMER",
     label: "ThreeWindingsTransformers",
@@ -118,30 +134,35 @@ const FILTER_EQUIPMENTS = {
     label: "Generators",
     fields: [countries, energySource, nominalVoltage]
   },
-  LOAD: {
-    id: "LOAD",
-    label: "Loads",
-    fields: [countries, nominalVoltage]
-  },
   BATTERY: {
     id: "BATTERY",
     label: "Batteries",
     fields: [countries, nominalVoltage]
   },
-  VOLTAGE_LEVEL: {
-    id: "VOLTAGE_LEVEL",
-    label: "VoltageLevels",
+  LOAD: {
+    id: "LOAD",
+    label: "Loads",
     fields: [countries, nominalVoltage]
   },
-  SUBSTATION: {
-    id: "SUBSTATION",
-    label: "Substations",
+  SHUNT_COMPENSATOR: {
+    id: "SHUNT_COMPENSATOR",
+    label: "ShuntCompensators",
     fields: [countries, nominalVoltage]
   },
   STATIC_VAR_COMPENSATOR: {
     id: "STATIC_VAR_COMPENSATOR",
     label: "StaticVarCompensators",
     fields: [countries, nominalVoltage]
+  },
+  HVDC_LINE: {
+    id: "HVDC_LINE",
+    label: "Hvdc",
+    fields: [countries1, countries2, nominalVoltage]
+  },
+  DANGLING_LINE: {
+    id: "DANGLING_LINE",
+    label: "DanglingLines",
+    fields: [countries, nominalVoltage]
   }
 };
 export {

package/dist/components/inputs/react-hook-form/ag-grid-table/bottom-right-buttons.js

@@ -4,7 +4,7 @@ import "@mui/material/IconButton";
 import "@mui/icons-material";
 import "@mui/icons-material/ControlPoint";
 import "@mui/icons-material/Delete";
-import { B } from "../../../../chunks/criteria-based-filter-edition-dialog.p2pUWzxc.js";
+import { B } from "../../../../chunks/criteria-based-filter-edition-dialog.CszM47bS.js";
 import "react";
 import "react-intl";
 import "@mui/material/styles";

package/dist/components/inputs/react-hook-form/ag-grid-table/csv-uploader/csv-uploader.js

@@ -34,7 +34,7 @@ import "../../../../dialogs/description-modification-dialog.js";
 import "../../../../../utils/field-constants.js";
 import "yup";
 import "../../../../dialogs/popup-confirmation-dialog.js";
-import { c } from "../../../../../chunks/criteria-based-filter-edition-dialog.p2pUWzxc.js";
+import { c } from "../../../../../chunks/criteria-based-filter-edition-dialog.CszM47bS.js";
 import "ag-grid-react";
 import "ag-grid-community/styles/ag-grid.css";
 import "ag-grid-community/styles/ag-theme-alpine.css";
@@ -42,6 +42,7 @@ import "autosuggest-highlight/match";
 import "autosuggest-highlight/parse";
 import "../../../../CardErrorBoundary/card-error-boundary.js";
 import "@mui/icons-material/Folder";
+import "../../../../CustomAGGrid/custom-aggrid.js";
 import "../../../../../chunks/filter-properties.B7-q_yPf.js";
 import "@mui/icons-material/Delete";
 import "@mui/material/IconButton";

package/dist/components/inputs/react-hook-form/ag-grid-table/custom-ag-grid-table.js

@@ -5,7 +5,7 @@ import "ag-grid-react";
 import "ag-grid-community/styles/ag-grid.css";
 import "ag-grid-community/styles/ag-theme-alpine.css";
 import "@mui/material";
-import { C, R, C as C2 } from "../../../../chunks/criteria-based-filter-edition-dialog.p2pUWzxc.js";
+import { C, R, C as C2 } from "../../../../chunks/criteria-based-filter-edition-dialog.CszM47bS.js";
 import "react-intl";
 import "../../../../utils/field-constants.js";
 export {

package/dist/components/inputs/react-hook-form/error-management/error-input.js

@@ -6,6 +6,7 @@ const ErrorInput = ({
   name,
   InputField
 }) => {
+  var _a;
   const {
     fieldState: { error },
     formState: { isSubmitting }
@@ -13,16 +14,16 @@ const ErrorInput = ({
     name
   });
   const errorRef = useRef(null);
-  const errorProps = (errorMsg) => {
-    if (typeof errorMsg === "string") {
+  const errorProps = (errorMsg2) => {
+    if (typeof errorMsg2 === "string") {
       return {
-        id: errorMsg
+        id: errorMsg2
       };
-    } else if (typeof errorMsg === "object") {
+    } else if (typeof errorMsg2 === "object") {
       return {
-        id: errorMsg.id,
+        id: errorMsg2.id,
         values: {
-          value: errorMsg.value
+          value: errorMsg2.value
         }
       };
     }
@@ -33,8 +34,9 @@ const ErrorInput = ({
       errorRef.current.scrollIntoView({ behavior: "smooth" });
     }
   }, [isSubmitting]);
-  return /* @__PURE__ */ jsx(Fragment, { children: (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx("div", { ref: errorRef, children: InputField({
-    message: /* @__PURE__ */ jsx(FormattedMessage, { ...errorProps(error == null ? void 0 : error.message) })
+  const errorMsg = (error == null ? void 0 : error.message) || ((_a = error == null ? void 0 : error.root) == null ? void 0 : _a.message);
+  return /* @__PURE__ */ jsx(Fragment, { children: errorMsg && /* @__PURE__ */ jsx("div", { ref: errorRef, children: InputField({
+    message: /* @__PURE__ */ jsx(FormattedMessage, { ...errorProps(errorMsg) })
   }) }) });
 };
 export {

package/dist/components/inputs/react-query-builder/custom-react-query-builder.js

@@ -7,7 +7,7 @@ import "@react-querybuilder/material";
 import "react-querybuilder";
 import "react-intl";
 import "react-hook-form";
-import { j } from "../../../chunks/criteria-based-filter-edition-dialog.p2pUWzxc.js";
+import { j } from "../../../chunks/criteria-based-filter-edition-dialog.CszM47bS.js";
 import "./combinator-selector.js";
 import "./add-button.js";
 import "./value-selector.js";

package/dist/components/inputs/react-query-builder/element-value-editor.js

@@ -26,7 +26,7 @@ import "../../../services/explore.js";
 import "yup";
 import "../react-hook-form/provider/use-custom-form-context.js";
 import "../../dialogs/popup-confirmation-dialog.js";
-import { i } from "../../../chunks/criteria-based-filter-edition-dialog.p2pUWzxc.js";
+import { i } from "../../../chunks/criteria-based-filter-edition-dialog.CszM47bS.js";
 import "ag-grid-react";
 import "ag-grid-community/styles/ag-grid.css";
 import "ag-grid-community/styles/ag-theme-alpine.css";
@@ -34,6 +34,7 @@ import "autosuggest-highlight/match";
 import "autosuggest-highlight/parse";
 import "../../CardErrorBoundary/card-error-boundary.js";
 import "../react-hook-form/directory-items-input.js";
+import "../../CustomAGGrid/custom-aggrid.js";
 import "../../../chunks/filter-properties.B7-q_yPf.js";
 import "@mui/icons-material/Delete";
 import "@mui/material/IconButton";

package/dist/components/inputs/react-query-builder/remove-button.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "@mui/material/IconButton";
 import "@mui/icons-material/Delete";
 import "react-hook-form";
-import { h } from "../../../chunks/criteria-based-filter-edition-dialog.p2pUWzxc.js";
+import { h } from "../../../chunks/criteria-based-filter-edition-dialog.CszM47bS.js";
 import "../../filter/expert/expert-filter-utils.js";
 export {
   h as default

package/dist/components/inputs/react-query-builder/value-editor.js

@@ -9,7 +9,7 @@ import "react-hook-form";
 import "../../../utils/field-constants.js";
 import "../../filter/expert/expert-filter.type.js";
 import "../../../utils/equipment-types.js";
-import { V } from "../../../chunks/criteria-based-filter-edition-dialog.p2pUWzxc.js";
+import { V } from "../../../chunks/criteria-based-filter-edition-dialog.CszM47bS.js";
 import "../../../utils/ElementType.js";
 import "./property-value-editor.js";
 import "../../filter/constants/filter-constants.js";

package/dist/index.d.ts

@@ -96,6 +96,7 @@ export { genHelperPreviousValue, genHelperError, identity, isFieldRequired, grid
 export { keyGenerator, areArrayElementsUnique, isObjectEmpty, } from './utils/functions';
 export { default as DirectoryItemsInput } from './components/inputs/react-hook-form/directory-items-input';
 export { default as DirectoryItemSelector } from './components/DirectoryItemSelector/directory-item-selector';
+export { default as CustomAGGrid } from './components/CustomAGGrid/custom-aggrid';
 export { RawReadOnlyInput } from './components/inputs/react-hook-form/raw-read-only-input';
 export { default as FilterCreationDialog } from './components/filter/filter-creation-dialog';
 export { default as ExpertFilterEditionDialog } from './components/filter/expert/expert-filter-edition-dialog';
@@ -112,6 +113,7 @@ export { default as CsvUploader } from './components/inputs/react-hook-form/ag-g
 export { UniqueNameInput } from './components/inputs/react-hook-form/unique-name-input';
 export { UserManagerMock } from './utils/UserManagerMock';
 export { FILTER_EQUIPMENTS, CONTINGENCY_LIST_EQUIPMENTS, } from './components/filter/utils/filter-form-utils';
+export type { FormEquipment } from './components/filter/utils/filter-form-utils';
 export { getCriteriaBasedFormData, getCriteriaBasedSchema, } from './components/filter/criteria-based/criteria-based-filter-utils';
 export { mergeSx } from './utils/styles';
 export { setCommonStore } from './redux/commonStore';

package/dist/index.js

@@ -21,7 +21,7 @@ import { default as default13 } from "./components/dialogs/description-modificat
 import { default as default14 } from "./components/dialogs/modify-element-selection.js";
 import { default as default15 } from "./components/filter/criteria-based/criteria-based-form.js";
 import { default as default16 } from "./components/dialogs/popup-confirmation-dialog.js";
-import { B, b, c, C, E, a, F, R } from "./chunks/criteria-based-filter-edition-dialog.p2pUWzxc.js";
+import { B, b, c, C, E, a, F, R } from "./chunks/criteria-based-filter-edition-dialog.CszM47bS.js";
 import { Battery, BusBar, DanglingLine, Generator, Hvdc, LCC, Line, Load, SVC, ShuntCompensator, Substation, ThreeWindingTransfo, TwoWindingTransfo, VSC, VoltageLevel, noSelectionForCopy } from "./utils/equipment-types.js";
 import { FieldConstants } from "./utils/field-constants.js";
 import { GRIDSUITE_DEFAULT_PRECISION, isBlankOrEmpty, microUnitToUnit, roundToDefaultPrecision, roundToPrecision, unitToMicroUnit } from "./utils/conversion-utils.js";
@@ -87,14 +87,15 @@ import { genHelperError, genHelperPreviousValue, gridItem, identity, isFieldRequ
 import { areArrayElementsUnique, isObjectEmpty, keyGenerator } from "./utils/functions.js";
 import { default as default65 } from "./components/inputs/react-hook-form/directory-items-input.js";
 import { default as default66 } from "./components/DirectoryItemSelector/directory-item-selector.js";
+import { default as default67 } from "./components/CustomAGGrid/custom-aggrid.js";
 import { RawReadOnlyInput } from "./components/inputs/react-hook-form/raw-read-only-input.js";
 import { saveCriteriaBasedFilter, saveExpertFilter, saveExplicitNamingFilter } from "./components/filter/utils/filter-api.js";
-import { DEFAULT_RANGE_VALUE, default as default67, getRangeInputDataForm, getRangeInputSchema } from "./components/inputs/react-hook-form/range-input.js";
-import { default as default68 } from "./components/inputs/react-hook-form/select-inputs/input-with-popup-confirmation.js";
-import { default as default69 } from "./components/inputs/react-hook-form/select-inputs/mui-select-input.js";
-import { default as default70 } from "./components/inputs/react-hook-form/select-inputs/countries-input.js";
+import { DEFAULT_RANGE_VALUE, default as default68, getRangeInputDataForm, getRangeInputSchema } from "./components/inputs/react-hook-form/range-input.js";
+import { default as default69 } from "./components/inputs/react-hook-form/select-inputs/input-with-popup-confirmation.js";
+import { default as default70 } from "./components/inputs/react-hook-form/select-inputs/mui-select-input.js";
+import { default as default71 } from "./components/inputs/react-hook-form/select-inputs/countries-input.js";
 import { getComputedLanguage, getSystemLanguage, useLocalizedCountries } from "./hooks/localized-countries-hook.js";
-import { default as default71 } from "./components/inputs/react-hook-form/autocomplete-inputs/multiple-autocomplete-input.js";
+import { default as default72 } from "./components/inputs/react-hook-form/autocomplete-inputs/multiple-autocomplete-input.js";
 import { UniqueNameInput } from "./components/inputs/react-hook-form/unique-name-input.js";
 import { UserManagerMock } from "./utils/UserManagerMock.js";
 import { CONTINGENCY_LIST_EQUIPMENTS, FILTER_EQUIPMENTS } from "./components/filter/utils/filter-form-utils.js";
@@ -117,10 +118,11 @@ export {
   default64 as CancelButton,
   default45 as CardErrorBoundary,
   default56 as CheckboxInput,
-  default70 as CountriesInput,
+  default71 as CountriesInput,
   b as CriteriaBasedFilterEditionDialog,
   default15 as CriteriaBasedForm,
   c as CsvUploader,
+  default67 as CustomAGGrid,
   C as CustomAgGridTable,
   default47 as CustomFormProvider,
   default12 as CustomMuiDialog,
@@ -152,7 +154,7 @@ export {
   GRIDSUITE_DEFAULT_PRECISION,
   Generator,
   Hvdc,
-  default68 as InputWithPopupConfirmation,
+  default69 as InputWithPopupConfirmation,
   default54 as IntegerInput,
   KeyedColumnsRowIndexer,
   LANG_ENGLISH,
@@ -165,16 +167,16 @@ export {
   Load,
   default60 as MidFormError,
   default14 as ModifyElementSelection,
-  default69 as MuiSelectInput,
+  default70 as MuiSelectInput,
   default7 as MuiVirtualizedTable,
-  default71 as MultipleAutocompleteInput,
+  default72 as MultipleAutocompleteInput,
   default11 as MultipleSelectionDialog,
   OverflowableText,
   default16 as PopupConfirmationDialog,
   RESET_AUTHENTICATION_ROUTER_ERROR,
   R as ROW_DRAGGING_SELECTION_COLUMN_DEF,
   default51 as RadioInput,
-  default67 as RangeInput,
+  default68 as RangeInput,
   RawReadOnlyInput,
   default8 as ReportViewer,
   default9 as ReportViewerDialog,

package/dist/module-mui.d.js

@@ -0,0 +1 @@
+

package/dist/utils/ElementIcon.d.ts

@@ -1,4 +1,4 @@
-import { SxProps } from '@mui/material';
+import { SxProps, Theme } from '@mui/material';
 import { ElementType } from './ElementType';
 
-export declare function getFileIcon(type: ElementType, style: SxProps): import("react/jsx-runtime").JSX.Element | undefined;
+export declare function getFileIcon(type: ElementType, style: SxProps<Theme>): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/utils/EquipmentType.d.ts

@@ -36,25 +36,29 @@ export declare const equipmentStyles: {
         padding: string;
     };
 };
+/**
+ * The order of the equipments in this list is important, as many UI follow it directly.
+ * When EquipmentType is used for an interface this order must be maintained.
+ */
 export declare enum EquipmentType {
     SUBSTATION = "SUBSTATION",
-    LOAD = "LOAD",
-    GENERATOR = "GENERATOR",
+    VOLTAGE_LEVEL = "VOLTAGE_LEVEL",
+    BUS = "BUS",
+    BUSBAR_SECTION = "BUSBAR_SECTION",
+    SWITCH = "SWITCH",
     LINE = "LINE",
     TWO_WINDINGS_TRANSFORMER = "TWO_WINDINGS_TRANSFORMER",
+    THREE_WINDINGS_TRANSFORMER = "THREE_WINDINGS_TRANSFORMER",
+    GENERATOR = "GENERATOR",
     BATTERY = "BATTERY",
+    LOAD = "LOAD",
     SHUNT_COMPENSATOR = "SHUNT_COMPENSATOR",
-    VOLTAGE_LEVEL = "VOLTAGE_LEVEL",
-    BUSBAR_SECTION = "BUSBAR_SECTION",
-    DANGLING_LINE = "DANGLING_LINE",
-    HVDC_LINE = "HVDC_LINE",
-    THREE_WINDINGS_TRANSFORMER = "THREE_WINDINGS_TRANSFORMER",
     STATIC_VAR_COMPENSATOR = "STATIC_VAR_COMPENSATOR",
+    HVDC_LINE = "HVDC_LINE",
     HVDC_CONVERTER_STATION = "HVDC_CONVERTER_STATION",
     VSC_CONVERTER_STATION = "VSC_CONVERTER_STATION",
     LCC_CONVERTER_STATION = "LCC_CONVERTER_STATION",
-    BUS = "BUS",
-    SWITCH = "SWITCH"
+    DANGLING_LINE = "DANGLING_LINE"
 }
 export declare const EQUIPMENT_TYPE: Record<EquipmentType, {
     name: EquipmentType;

package/dist/utils/EquipmentType.js

@@ -43,23 +43,23 @@ const equipmentStyles = {
 };
 var EquipmentType = /* @__PURE__ */ ((EquipmentType2) => {
   EquipmentType2["SUBSTATION"] = "SUBSTATION";
-  EquipmentType2["LOAD"] = "LOAD";
-  EquipmentType2["GENERATOR"] = "GENERATOR";
+  EquipmentType2["VOLTAGE_LEVEL"] = "VOLTAGE_LEVEL";
+  EquipmentType2["BUS"] = "BUS";
+  EquipmentType2["BUSBAR_SECTION"] = "BUSBAR_SECTION";
+  EquipmentType2["SWITCH"] = "SWITCH";
   EquipmentType2["LINE"] = "LINE";
   EquipmentType2["TWO_WINDINGS_TRANSFORMER"] = "TWO_WINDINGS_TRANSFORMER";
+  EquipmentType2["THREE_WINDINGS_TRANSFORMER"] = "THREE_WINDINGS_TRANSFORMER";
+  EquipmentType2["GENERATOR"] = "GENERATOR";
   EquipmentType2["BATTERY"] = "BATTERY";
+  EquipmentType2["LOAD"] = "LOAD";
   EquipmentType2["SHUNT_COMPENSATOR"] = "SHUNT_COMPENSATOR";
-  EquipmentType2["VOLTAGE_LEVEL"] = "VOLTAGE_LEVEL";
-  EquipmentType2["BUSBAR_SECTION"] = "BUSBAR_SECTION";
-  EquipmentType2["DANGLING_LINE"] = "DANGLING_LINE";
-  EquipmentType2["HVDC_LINE"] = "HVDC_LINE";
-  EquipmentType2["THREE_WINDINGS_TRANSFORMER"] = "THREE_WINDINGS_TRANSFORMER";
   EquipmentType2["STATIC_VAR_COMPENSATOR"] = "STATIC_VAR_COMPENSATOR";
+  EquipmentType2["HVDC_LINE"] = "HVDC_LINE";
   EquipmentType2["HVDC_CONVERTER_STATION"] = "HVDC_CONVERTER_STATION";
   EquipmentType2["VSC_CONVERTER_STATION"] = "VSC_CONVERTER_STATION";
   EquipmentType2["LCC_CONVERTER_STATION"] = "LCC_CONVERTER_STATION";
-  EquipmentType2["BUS"] = "BUS";
-  EquipmentType2["SWITCH"] = "SWITCH";
+  EquipmentType2["DANGLING_LINE"] = "DANGLING_LINE";
   return EquipmentType2;
 })(EquipmentType || {});
 const EQUIPMENT_TYPE = {

package/dist/utils/types.d.ts

@@ -6,6 +6,7 @@ export type Input = string | number;
 export type ElementAttributes = {
     elementUuid: UUID;
     elementName: string;
+    description: string;
     type: ElementType;
     accessRights: {
         isPrivate: boolean;
@@ -17,6 +18,8 @@ export type ElementAttributes = {
     lastModifiedBy: string;
     children: any[];
     parentUuid: null | UUID;
+    specificMetadata: Record<string, object>;
+    uploading?: boolean;
 };
 export type Equipment = typeof Substation | typeof Line | typeof Generator | typeof Load | typeof Battery | typeof SVC | typeof DanglingLine | typeof LCC | typeof VSC | typeof Hvdc | typeof BusBar | typeof TwoWindingTransfo | typeof ThreeWindingTransfo | typeof ShuntCompensator | typeof VoltageLevel | typeof Substation;
 export type EquipmentType = {

package/package.json

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