@gridsuite/commons-ui 0.60.3 → 0.61.0

package/README.md

@@ -8,9 +8,22 @@ The commons-ui library have a demo app in which you can call your components to
 The `npm start` command install the library's dependencies then launches the demo app.
 
 If you want to test your library integration with a consumer application my-app you have first
-to build commons-ui via `npm run build` then change the commons-ui dependency in my-app's package.json from `@gridsuite/commons-ui:"^x.x.x"`
-to `@gridsuite/commons-ui:"file:../path/to/the/commons-ui"` then type `npm install` `npm start`.
-
+to build commons-ui via 
+- `npm install` (if not already done to get `tsc`)
+- `npm run build:pack`
+
+Then in the my-app project :
+- Change the commons-ui dependency in my-app's package.json from    
+`@gridsuite/commons-ui:"^x.x.x"`    
+to     
+`@gridsuite/commons-ui:"file:{PATH_TO_LIBRARY}/gridsuite-commons-ui-{LIBRARY_VERSION}.tgz"` 
+- `npm install`
+- `npm start`
+
+*Warning* : with Create React App, we realised the library was not updating correctly if you try to install the library multiple times.
+To fix this, run this command from the app **after** running "npm install"
+- rm -Rf node_modules/.cache
+ 
 
 #### For integrators
 

package/dist/chunks/{criteria-based-filter-edition-dialog.g-QT74FD.js → criteria-based-filter-edition-dialog.CAT38SvB.js}

@@ -13,7 +13,7 @@ import { UniqueNameInput } from "../components/inputs/react-hook-form/unique-nam
 import { AgGridReact } from "ag-grid-react";
 import "ag-grid-community/styles/ag-grid.css";
 import "ag-grid-community/styles/ag-theme-alpine.css";
-import { DialogContentText, Grid as Grid$1, Tooltip, useTheme, Box as Box$1 } from "@mui/material";
+import { DialogContentText, Grid as Grid$1, Tooltip, useTheme } from "@mui/material";
 import IconButton from "@mui/material/IconButton";
 import { Upload, ArrowCircleUp, ArrowCircleDown } from "@mui/icons-material";
 import AddIcon from "@mui/icons-material/ControlPoint";
@@ -99,6 +99,7 @@ import { NumericEditor } from "../components/inputs/react-hook-form/ag-grid-tabl
 import { toFloatOrNullValue } from "../components/inputs/react-hook-form/utils/functions.js";
 import ModifyElementSelection from "../components/dialogs/modify-element-selection.js";
 import { exportFilter } from "../services/study.js";
+import ExpandableGroup from "../components/ExpandableGroup/expandable-group.js";
 import RadioInput from "../components/inputs/react-hook-form/radio-input.js";
 import ExpandingTextField from "../components/inputs/react-hook-form/ExpandingTextField.js";
 const CsvUploader = ({
@@ -1191,7 +1192,7 @@ const FilterForm = (props) => {
       }
     ) }),
     props.creation && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Grid$1, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Box$1, { children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid$1, { item: true, xs: 12, children: /* @__PURE__ */ jsx(ExpandableGroup, { renderHeader: "Description", children: /* @__PURE__ */ jsx(
         ExpandingTextField,
         {
           name: FieldConstants.DESCRIPTION,

package/dist/components/ElementSearchDialog/element-search-input.d.ts

@@ -5,7 +5,7 @@ export type RenderElementProps<T> = HTMLAttributes<HTMLLIElement> & {
     element: T;
     inputValue: string;
 };
-export interface ElementSearchInputProps<T> extends Pick<AutocompleteProps<T, false, false, true>, 'sx' | 'size' | 'loadingText' | 'loading'> {
+export interface ElementSearchInputProps<T> extends Pick<AutocompleteProps<T, false, boolean, true>, 'sx' | 'size' | 'loadingText' | 'loading' | 'disableClearable'> {
     searchTerm: string;
     onSearchTermChange: (searchTerm: string) => void;
     onSelectionChange: (selection: T) => void;

package/dist/components/ElementSearchDialog/element-search-input.js

@@ -18,7 +18,8 @@ const ElementSearchInput = (props) => {
     searchTermDisableReason,
     searchTermDisabled,
     size,
-    sx
+    sx,
+    disableClearable
   } = props;
   const intl = useIntl();
   const displayedValue = useMemo(() => {
@@ -37,6 +38,7 @@ const ElementSearchInput = (props) => {
       open: showResults,
       freeSolo: true,
       size,
+      disableClearable,
       id: "element-search",
       forcePopupIcon: false,
       fullWidth: true,

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

@@ -6,5 +6,6 @@
  */
 export { default } from './element-search-dialog';
 export { TagRenderer } from './tag-renderer';
+export type { TagRendererProps } from './tag-renderer';
 export { ElementSearchInput } from './element-search-input';
 export { useElementSearch } from './use-element-search';

package/dist/components/ElementSearchDialog/tag-renderer.d.ts

@@ -1,7 +1,7 @@
 import { SxProps, Theme } from '@mui/material';
-import { EquipmentType } from '../../utils/EquipmentType';
+import { EquipmentInfos } from '../../utils/EquipmentType';
 
-interface TagRendererProps {
+export interface TagRendererProps {
     props: {
         classes?: {
             equipmentTag?: string;
@@ -12,10 +12,6 @@ interface TagRendererProps {
             equipmentVlTag?: SxProps<Theme>;
         };
     };
-    element: {
-        type: EquipmentType;
-        voltageLevelLabel?: string;
-    };
+    element: EquipmentInfos;
 }
 export declare const TagRenderer: ({ props, element }: TagRendererProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/ExpandableGroup/expandable-group.d.ts

@@ -0,0 +1,36 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { Theme } from '@mui/material';
+
+export declare const styles: {
+    accordion: (theme: Theme) => {
+        '&:before': {
+            display: string;
+        };
+        background: string;
+    };
+    accordionSummary: (theme: Theme) => {
+        flexDirection: string;
+        padding: number;
+        '.MuiAccordionSummary-content': {
+            paddingLeft: number;
+        };
+        '&:not(.Mui-expanded)': {
+            borderBottom: string;
+            borderColor: string;
+        };
+        '& .MuiAccordionSummary-expandIconWrapper': {
+            transform: string;
+        };
+        '& .MuiAccordionSummary-expandIconWrapper.Mui-expanded': {
+            transform: string;
+        };
+    };
+    accordionDetails: (theme: Theme) => {
+        padding: number;
+    };
+};
+interface ExpandableGroupProps extends PropsWithChildren {
+    renderHeader: ReactNode;
+}
+declare const ExpandableGroup: ({ renderHeader, children }: ExpandableGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default ExpandableGroup;

package/dist/components/ExpandableGroup/expandable-group.js

@@ -0,0 +1,58 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Accordion, AccordionSummary, Typography, AccordionDetails } from "@mui/material";
+import { useState } from "react";
+import { ExpandCircleDown, ExpandMore } from "@mui/icons-material";
+import { FormattedMessage } from "react-intl";
+const styles = {
+  accordion: (theme) => ({
+    "&:before": {
+      display: "none"
+    },
+    background: "none"
+  }),
+  accordionSummary: (theme) => ({
+    flexDirection: "row-reverse",
+    // place icon at the left
+    padding: 0,
+    // reset default left right space in summary
+    ".MuiAccordionSummary-content": {
+      paddingLeft: 1
+      // align text label
+    },
+    "&:not(.Mui-expanded)": {
+      // show a fake divider at the bottom of summary
+      borderBottom: "1px solid",
+      borderColor: theme.palette.divider
+    },
+    "& .MuiAccordionSummary-expandIconWrapper": {
+      transform: "rotate(-90deg)"
+    },
+    "& .MuiAccordionSummary-expandIconWrapper.Mui-expanded": {
+      transform: "rotate(0deg)"
+    }
+  }),
+  accordionDetails: (theme) => ({
+    padding: 0
+    // reset default left right space in details
+  })
+};
+const ExpandableGroup = ({ renderHeader, children }) => {
+  const [mouseHover, setMouseHover] = useState(false);
+  return /* @__PURE__ */ jsxs(Accordion, { sx: styles.accordion, disableGutters: true, elevation: 0, children: [
+    /* @__PURE__ */ jsx(
+      AccordionSummary,
+      {
+        sx: styles.accordionSummary,
+        expandIcon: mouseHover ? /* @__PURE__ */ jsx(ExpandCircleDown, {}) : /* @__PURE__ */ jsx(ExpandMore, {}),
+        onMouseEnter: (event) => setMouseHover(true),
+        onMouseLeave: (event) => setMouseHover(false),
+        children: typeof renderHeader === "string" ? /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: renderHeader }) }) : renderHeader
+      }
+    ),
+    /* @__PURE__ */ jsx(AccordionDetails, { sx: styles.accordionDetails, children })
+  ] });
+};
+export {
+  ExpandableGroup as default,
+  styles
+};

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

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

package/dist/components/ExpandableGroup/index.js

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

package/dist/components/TopBar/AboutDialog.d.ts

@@ -1,9 +1,5 @@
-/**
- * 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 { ReactNode } from 'react';
+
 declare const moduleTypeSort: {
     app: number;
     server: number;
@@ -26,6 +22,7 @@ export interface AboutDialogProps {
     appGitTag?: string;
     appLicense?: string;
     additionalModulesPromise?: () => Promise<GridSuiteModule[]>;
+    logo?: ReactNode;
 }
-declare const AboutDialog: ({ open, onClose, globalVersionPromise, appName, appVersion, appGitTag, appLicense, additionalModulesPromise, }: AboutDialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const AboutDialog: ({ open, onClose, globalVersionPromise, appName, appVersion, appGitTag, appLicense, additionalModulesPromise, logo, }: AboutDialogProps) => import("react/jsx-runtime").JSX.Element;
 export default AboutDialog;

package/dist/components/TopBar/AboutDialog.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from "react";
+import { useState, useEffect, useMemo, useCallback } from "react";
 import { useTheme, Dialog, useMediaQuery, DialogTitle, Collapse, Alert, Box, Fade, CircularProgress, Typography, DialogContent, Accordion, AccordionSummary, AccordionDetails, Grid, DialogActions, Button, Tooltip, Zoom, Stack, tooltipClasses } from "@mui/material";
 import { LoadingButton } from "@mui/lab";
 import { Refresh, ExpandMore, Gavel, Apps, WidgetsOutlined, DnsOutlined, QuestionMark } from "@mui/icons-material";
@@ -81,7 +81,8 @@ const AboutDialog = ({
   appVersion,
   appGitTag,
   appLicense,
-  additionalModulesPromise
+  additionalModulesPromise,
+  logo
 }) => {
   const theme = useTheme();
   const [isRefreshing, setRefreshState] = useState(false);
@@ -114,15 +115,18 @@ const AboutDialog = ({
   }, [open, globalVersionPromise]);
   const [loadingAdditionalModules, setLoadingAdditionalModules] = useState(false);
   const [modules, setModules] = useState(null);
+  const currentApp = useMemo(
+    () => ({
+      name: !!logo && appName || `Grid${appName}`,
+      type: "app",
+      version: appVersion,
+      gitTag: appGitTag,
+      license: appLicense
+    }),
+    [logo, appName, appVersion, appGitTag, appLicense]
+  );
   useEffect(() => {
     if (open) {
-      const currentApp = {
-        name: `Grid${appName}`,
-        type: "app",
-        version: appVersion,
-        gitTag: appGitTag,
-        license: appLicense
-      };
       (additionalModulesPromise ? Promise.resolve(setLoadingAdditionalModules(true)).then(
         () => additionalModulesPromise()
       ) : Promise.reject(new Error("no getter"))).then(
@@ -132,14 +136,7 @@ const AboutDialog = ({
         setModules([currentApp, ...values]);
       }).finally(() => setLoadingAdditionalModules(false));
     }
-  }, [
-    open,
-    additionalModulesPromise,
-    appName,
-    appVersion,
-    appGitTag,
-    appLicense
-  ]);
+  }, [open, additionalModulesPromise, currentApp]);
   const handleClose = useCallback(() => {
     if (onClose) {
       onClose();
@@ -190,7 +187,7 @@ const AboutDialog = ({
             }
           ) }),
           /* @__PURE__ */ jsxs(Box, { sx: styles.mainSection, children: [
-            /* @__PURE__ */ jsx(Box, { sx: styles.logoSection, children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(Box, { sx: styles.logoSection, children: logo || /* @__PURE__ */ jsx(
               LogoText,
               {
                 appName: "Suite",

package/dist/components/TopBar/TopBar.d.ts

@@ -4,7 +4,7 @@ import { LogoutProps } from '../Login/Logout';
 import { AboutDialogProps } from './AboutDialog';
 import { GridLogoProps } from './GridLogo';
 import { default as PropTypes } from 'prop-types';
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 
 export declare const DARK_THEME = "Dark";
 export declare const LIGHT_THEME = "Light";
@@ -18,6 +18,7 @@ export type TopBarProps = Omit<GridLogoProps, 'onClick'> & Omit<LogoutProps, 'di
     onLogoClick: GridLogoProps['onClick'];
     user: User;
     onAboutClick?: () => void;
+    logoAboutDialog?: ReactNode;
     appsAndUrls: CommonMetadata[];
     onThemeClick?: (theme: GsTheme) => void;
     theme?: GsTheme;
@@ -27,7 +28,7 @@ export type TopBarProps = Omit<GridLogoProps, 'onClick'> & Omit<LogoutProps, 'di
     language: GsLang;
 };
 declare const TopBar: {
-    ({ appName, appColor, appLogo, appVersion, appLicense, onParametersClick, onLogoutClick, onLogoClick, user, children, appsAndUrls, onAboutClick, globalVersionPromise, additionalModulesPromise, onThemeClick, theme, onEquipmentLabellingClick, equipmentLabelling, onLanguageClick, language, }: PropsWithChildren<TopBarProps>): import("react/jsx-runtime").JSX.Element;
+    ({ appName, appColor, appLogo, appVersion, appLicense, logoAboutDialog, onParametersClick, onLogoutClick, onLogoClick, user, children, appsAndUrls, onAboutClick, globalVersionPromise, additionalModulesPromise, onThemeClick, theme, onEquipmentLabellingClick, equipmentLabelling, onLanguageClick, language, }: PropsWithChildren<TopBarProps>): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         onParametersClick: PropTypes.Requireable<(...args: any[]) => any>;
         onLogoutClick: PropTypes.Requireable<(...args: any[]) => any>;

package/dist/components/TopBar/TopBar.js

@@ -113,6 +113,7 @@ const TopBar = ({
   appLogo,
   appVersion,
   appLicense,
+  logoAboutDialog,
   onParametersClick,
   onLogoutClick,
   onLogoClick,
@@ -592,7 +593,8 @@ const TopBar = ({
           appVersion,
           appLicense,
           globalVersionPromise,
-          additionalModulesPromise
+          additionalModulesPromise,
+          logo: logoAboutDialog
         }
       )
     ] }) })

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.g-QT74FD.js";
+import { b, p } from "../../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.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.g-QT74FD.js";
+import { E } from "../../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.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.g-QT74FD.js";
+import { k, n, l, m } from "../../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.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.g-QT74FD.js";
+import { a } from "../../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.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.g-QT74FD.js";
+import { d, f, e, g } from "../../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.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.g-QT74FD.js";
+import { F } from "../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.js";
 import "../../utils/field-constants.js";
 import "../../utils/yup-config.js";
 import "@hookform/resolvers/yup";

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

@@ -2,14 +2,15 @@ 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.g-QT74FD.js";
+import { o } from "../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.js";
 import "react";
 import "react-hook-form";
 import "@mui/material";
-import "../inputs/react-hook-form/radio-input.js";
 import "../../utils/ElementType.js";
-import "../inputs/react-hook-form/ExpandingTextField.js";
 import "./constants/filter-constants.js";
+import "../ExpandableGroup/expandable-group.js";
+import "../inputs/react-hook-form/radio-input.js";
+import "../inputs/react-hook-form/ExpandingTextField.js";
 export {
   o as FilterForm
 };

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.g-QT74FD.js";
+import { B } from "../../../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.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.g-QT74FD.js";
+import { c } from "../../../../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.js";
 import "ag-grid-react";
 import "ag-grid-community/styles/ag-grid.css";
 import "ag-grid-community/styles/ag-theme-alpine.css";

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.g-QT74FD.js";
+import { C, R, C as C2 } from "../../../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.js";
 import "react-intl";
 import "../../../../utils/field-constants.js";
 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.g-QT74FD.js";
+import { j } from "../../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.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.g-QT74FD.js";
+import { i } from "../../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.js";
 import "ag-grid-react";
 import "ag-grid-community/styles/ag-grid.css";
 import "ag-grid-community/styles/ag-theme-alpine.css";

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.g-QT74FD.js";
+import { h } from "../../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.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.g-QT74FD.js";
+import { V } from "../../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.js";
 import "../../../utils/ElementType.js";
 import "./property-value-editor.js";
 import "../../filter/constants/filter-constants.js";

package/dist/index.d.ts

@@ -16,6 +16,7 @@ export { default as ReportViewerDialog } from './components/ReportViewerDialog';
 export { default as OverflowableText } from './components/OverflowableText';
 export { default as ElementSearchDialog } from './components/ElementSearchDialog';
 export { default as FlatParameters } from './components/FlatParameters';
+export { default as ExpandableGroup } from './components/ExpandableGroup';
 export { default as MultipleSelectionDialog } from './components/MultipleSelectionDialog';
 export { default as CustomMuiDialog } from './components/dialogs/custom-mui-dialog';
 export { default as DescriptionModificationDialog } from './components/dialogs/description-modification-dialog';
@@ -67,6 +68,7 @@ export { default as common_button_fr } from './components/translations/common-bu
 export { default as directory_items_input_en } from './components/translations/directory-items-input-en';
 export { default as directory_items_input_fr } from './components/translations/directory-items-input-fr';
 export { TagRenderer, ElementSearchInput, useElementSearch, } from './components/ElementSearchDialog';
+export type { TagRendererProps } from './components/ElementSearchDialog';
 export { EquipmentItem } from './components/ElementSearchDialog/equipment-item';
 export { default as CardErrorBoundary } from './components/CardErrorBoundary';
 export { useIntlRef } from './hooks/useIntlRef';

package/dist/index.js

@@ -17,13 +17,14 @@ import { TagRenderer } from "./components/ElementSearchDialog/tag-renderer.js";
 import { ElementSearchInput } from "./components/ElementSearchDialog/element-search-input.js";
 import { useElementSearch } from "./components/ElementSearchDialog/use-element-search.js";
 import { FlatParameters } from "./components/FlatParameters/FlatParameters.js";
-import { default as default10 } from "./components/MultipleSelectionDialog/MultipleSelectionDialog.js";
-import { default as default11 } from "./components/dialogs/custom-mui-dialog.js";
-import { default as default12 } from "./components/dialogs/description-modification-dialog.js";
-import { default as default13 } from "./components/dialogs/modify-element-selection.js";
-import { default as default14 } from "./components/filter/criteria-based/criteria-based-form.js";
-import { default as default15 } from "./components/dialogs/popup-confirmation-dialog.js";
-import { B, b, c, C, E, a, F, R } from "./chunks/criteria-based-filter-edition-dialog.g-QT74FD.js";
+import { default as default10 } from "./components/ExpandableGroup/expandable-group.js";
+import { default as default11 } from "./components/MultipleSelectionDialog/MultipleSelectionDialog.js";
+import { default as default12 } from "./components/dialogs/custom-mui-dialog.js";
+import { default as default13 } from "./components/dialogs/description-modification-dialog.js";
+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.CAT38SvB.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";
@@ -32,72 +33,72 @@ import { EQUIPMENT_TYPE, EquipmentType, equipmentStyles, getEquipmentsInfosForSe
 import { dispatchUser, getPreLoginPath, initializeAuthenticationDev, initializeAuthenticationProd, logout } from "./utils/AuthService.js";
 import { getFileIcon } from "./utils/ElementIcon.js";
 import { LOGOUT_ERROR, RESET_AUTHENTICATION_ROUTER_ERROR, SHOW_AUTH_INFO_LOGIN, SIGNIN_CALLBACK_ERROR, UNAUTHORIZED_USER_INFO, USER, USER_VALIDATION_ERROR, setLoggedUser, setSignInCallbackError } from "./redux/actions.js";
-import { default as default16 } from "./components/translations/report-viewer-en.js";
-import { default as default17 } from "./components/translations/report-viewer-fr.js";
-import { default as default18 } from "./components/translations/login-en.js";
-import { default as default19 } from "./components/translations/login-fr.js";
-import { default as default20 } from "./components/translations/top-bar-en.js";
-import { default as default21 } from "./components/translations/top-bar-fr.js";
-import { default as default22 } from "./components/translations/table-en.js";
-import { default as default23 } from "./components/translations/table-fr.js";
-import { default as default24 } from "./components/translations/treeview-finder-en.js";
-import { default as default25 } from "./components/translations/treeview-finder-fr.js";
-import { default as default26 } from "./components/translations/element-search-en.js";
-import { default as default27 } from "./components/translations/element-search-fr.js";
-import { default as default28 } from "./components/translations/equipment-search-en.js";
-import { default as default29 } from "./components/translations/equipment-search-fr.js";
-import { default as default30 } from "./components/translations/filter-en.js";
-import { default as default31 } from "./components/translations/filter-fr.js";
-import { default as default32 } from "./components/translations/filter-expert-en.js";
-import { default as default33 } from "./components/translations/filter-expert-fr.js";
-import { default as default34 } from "./components/translations/card-error-boundary-en.js";
-import { default as default35 } from "./components/translations/card-error-boundary-fr.js";
-import { default as default36 } from "./components/translations/flat-parameters-en.js";
-import { default as default37 } from "./components/translations/flat-parameters-fr.js";
-import { default as default38 } from "./components/translations/multiple-selection-dialog-en.js";
-import { default as default39 } from "./components/translations/multiple-selection-dialog-fr.js";
-import { default as default40 } from "./components/translations/common-button-en.js";
-import { default as default41 } from "./components/translations/common-button-fr.js";
-import { default as default42 } from "./components/translations/directory-items-input-en.js";
-import { default as default43 } from "./components/translations/directory-items-input-fr.js";
+import { default as default17 } from "./components/translations/report-viewer-en.js";
+import { default as default18 } from "./components/translations/report-viewer-fr.js";
+import { default as default19 } from "./components/translations/login-en.js";
+import { default as default20 } from "./components/translations/login-fr.js";
+import { default as default21 } from "./components/translations/top-bar-en.js";
+import { default as default22 } from "./components/translations/top-bar-fr.js";
+import { default as default23 } from "./components/translations/table-en.js";
+import { default as default24 } from "./components/translations/table-fr.js";
+import { default as default25 } from "./components/translations/treeview-finder-en.js";
+import { default as default26 } from "./components/translations/treeview-finder-fr.js";
+import { default as default27 } from "./components/translations/element-search-en.js";
+import { default as default28 } from "./components/translations/element-search-fr.js";
+import { default as default29 } from "./components/translations/equipment-search-en.js";
+import { default as default30 } from "./components/translations/equipment-search-fr.js";
+import { default as default31 } from "./components/translations/filter-en.js";
+import { default as default32 } from "./components/translations/filter-fr.js";
+import { default as default33 } from "./components/translations/filter-expert-en.js";
+import { default as default34 } from "./components/translations/filter-expert-fr.js";
+import { default as default35 } from "./components/translations/card-error-boundary-en.js";
+import { default as default36 } from "./components/translations/card-error-boundary-fr.js";
+import { default as default37 } from "./components/translations/flat-parameters-en.js";
+import { default as default38 } from "./components/translations/flat-parameters-fr.js";
+import { default as default39 } from "./components/translations/multiple-selection-dialog-en.js";
+import { default as default40 } from "./components/translations/multiple-selection-dialog-fr.js";
+import { default as default41 } from "./components/translations/common-button-en.js";
+import { default as default42 } from "./components/translations/common-button-fr.js";
+import { default as default43 } from "./components/translations/directory-items-input-en.js";
+import { default as default44 } from "./components/translations/directory-items-input-fr.js";
 import { EquipmentItem } from "./components/ElementSearchDialog/equipment-item.js";
-import { default as default44 } from "./components/CardErrorBoundary/card-error-boundary.js";
+import { default as default45 } from "./components/CardErrorBoundary/card-error-boundary.js";
 import { useIntlRef } from "./hooks/useIntlRef.js";
 import { useSnackMessage } from "./hooks/useSnackMessage.js";
 import { useDebounce } from "./hooks/useDebounce.js";
-import { default as default45 } from "./components/inputs/select-clearable.js";
+import { default as default46 } from "./components/inputs/select-clearable.js";
 import { useCustomFormContext } from "./components/inputs/react-hook-form/provider/use-custom-form-context.js";
-import { default as default46 } from "./components/inputs/react-hook-form/provider/custom-form-provider.js";
-import { default as default47 } from "./components/inputs/react-hook-form/autocomplete-inputs/autocomplete-input.js";
-import { default as default48 } from "./components/inputs/react-hook-form/text-input.js";
-import { default as default49 } from "./components/inputs/react-hook-form/ExpandingTextField.js";
-import { default as default50 } from "./components/inputs/react-hook-form/radio-input.js";
-import { default as default51 } from "./components/inputs/react-hook-form/slider-input.js";
-import { default as default52 } from "./components/inputs/react-hook-form/numbers/float-input.js";
-import { default as default53 } from "./components/inputs/react-hook-form/numbers/integer-input.js";
-import { default as default54 } from "./components/inputs/react-hook-form/select-inputs/select-input.js";
-import { default as default55 } from "./components/inputs/react-hook-form/booleans/checkbox-input.js";
-import { default as default56 } from "./components/inputs/react-hook-form/booleans/switch-input.js";
-import { default as default57 } from "./components/inputs/react-hook-form/error-management/error-input.js";
-import { default as default58 } from "./components/inputs/react-hook-form/error-management/field-error-alert.js";
-import { default as default59 } from "./components/inputs/react-hook-form/error-management/mid-form-error.js";
-import { default as default60 } from "./components/inputs/react-hook-form/utils/text-field-with-adornment.js";
-import { default as default61 } from "./components/inputs/react-hook-form/utils/field-label.js";
-import { default as default62 } from "./components/inputs/react-hook-form/utils/submit-button.js";
-import { default as default63 } from "./components/inputs/react-hook-form/utils/cancel-button.js";
+import { default as default47 } from "./components/inputs/react-hook-form/provider/custom-form-provider.js";
+import { default as default48 } from "./components/inputs/react-hook-form/autocomplete-inputs/autocomplete-input.js";
+import { default as default49 } from "./components/inputs/react-hook-form/text-input.js";
+import { default as default50 } from "./components/inputs/react-hook-form/ExpandingTextField.js";
+import { default as default51 } from "./components/inputs/react-hook-form/radio-input.js";
+import { default as default52 } from "./components/inputs/react-hook-form/slider-input.js";
+import { default as default53 } from "./components/inputs/react-hook-form/numbers/float-input.js";
+import { default as default54 } from "./components/inputs/react-hook-form/numbers/integer-input.js";
+import { default as default55 } from "./components/inputs/react-hook-form/select-inputs/select-input.js";
+import { default as default56 } from "./components/inputs/react-hook-form/booleans/checkbox-input.js";
+import { default as default57 } from "./components/inputs/react-hook-form/booleans/switch-input.js";
+import { default as default58 } from "./components/inputs/react-hook-form/error-management/error-input.js";
+import { default as default59 } from "./components/inputs/react-hook-form/error-management/field-error-alert.js";
+import { default as default60 } from "./components/inputs/react-hook-form/error-management/mid-form-error.js";
+import { default as default61 } from "./components/inputs/react-hook-form/utils/text-field-with-adornment.js";
+import { default as default62 } from "./components/inputs/react-hook-form/utils/field-label.js";
+import { default as default63 } from "./components/inputs/react-hook-form/utils/submit-button.js";
+import { default as default64 } from "./components/inputs/react-hook-form/utils/cancel-button.js";
 import { genHelperError, genHelperPreviousValue, gridItem, identity, isFieldRequired, isFloatNumber, toFloatOrNullValue } from "./components/inputs/react-hook-form/utils/functions.js";
 import { areArrayElementsUnique, isObjectEmpty, keyGenerator } from "./utils/functions.js";
-import { default as default64 } from "./components/inputs/react-hook-form/directory-items-input.js";
-import { default as default65 } from "./components/DirectoryItemSelector/directory-item-selector.js";
-import { default as default66 } from "./components/CustomAGGrid/custom-aggrid.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";
@@ -111,54 +112,55 @@ import { exportFilter } from "./services/study.js";
 export {
   default4 as AboutDialog,
   default6 as AuthenticationRouter,
-  default47 as AutocompleteInput,
+  default48 as AutocompleteInput,
   Battery,
   B as BottomRightButtons,
   BusBar,
   CHANGE_WAYS,
   CONTINGENCY_LIST_EQUIPMENTS,
-  default63 as CancelButton,
-  default44 as CardErrorBoundary,
-  default55 as CheckboxInput,
-  default70 as CountriesInput,
+  default64 as CancelButton,
+  default45 as CardErrorBoundary,
+  default56 as CheckboxInput,
+  default71 as CountriesInput,
   b as CriteriaBasedFilterEditionDialog,
-  default14 as CriteriaBasedForm,
+  default15 as CriteriaBasedForm,
   c as CsvUploader,
-  default66 as CustomAGGrid,
+  default67 as CustomAGGrid,
   C as CustomAgGridTable,
-  default46 as CustomFormProvider,
-  default11 as CustomMuiDialog,
+  default47 as CustomFormProvider,
+  default12 as CustomMuiDialog,
   DARK_THEME,
   DEFAULT_CELL_PADDING,
   DEFAULT_HEADER_HEIGHT,
   DEFAULT_RANGE_VALUE,
   DEFAULT_ROW_HEIGHT,
   DanglingLine,
-  default12 as DescriptionModificationDialog,
-  default65 as DirectoryItemSelector,
-  default64 as DirectoryItemsInput,
+  default13 as DescriptionModificationDialog,
+  default66 as DirectoryItemSelector,
+  default65 as DirectoryItemsInput,
   EQUIPMENT_TYPE,
   ElementSearchDialog,
   ElementSearchInput,
   ElementType,
   EquipmentItem,
   EquipmentType,
-  default57 as ErrorInput,
-  default49 as ExpandingTextField,
+  default58 as ErrorInput,
+  default10 as ExpandableGroup,
+  default50 as ExpandingTextField,
   E as ExpertFilterEditionDialog,
   a as ExplicitNamingFilterEditionDialog,
   FILTER_EQUIPMENTS,
   FieldConstants,
-  default58 as FieldErrorAlert,
-  default61 as FieldLabel,
+  default59 as FieldErrorAlert,
+  default62 as FieldLabel,
   F as FilterCreationDialog,
   FlatParameters,
-  default52 as FloatInput,
+  default53 as FloatInput,
   GRIDSUITE_DEFAULT_PRECISION,
   Generator,
   Hvdc,
-  default68 as InputWithPopupConfirmation,
-  default53 as IntegerInput,
+  default69 as InputWithPopupConfirmation,
+  default54 as IntegerInput,
   KeyedColumnsRowIndexer,
   LANG_ENGLISH,
   LANG_FRENCH,
@@ -168,35 +170,35 @@ export {
   LOGOUT_ERROR,
   Line,
   Load,
-  default59 as MidFormError,
-  default13 as ModifyElementSelection,
-  default69 as MuiSelectInput,
+  default60 as MidFormError,
+  default14 as ModifyElementSelection,
+  default70 as MuiSelectInput,
   default7 as MuiVirtualizedTable,
-  default71 as MultipleAutocompleteInput,
-  default10 as MultipleSelectionDialog,
+  default72 as MultipleAutocompleteInput,
+  default11 as MultipleSelectionDialog,
   OverflowableText,
-  default15 as PopupConfirmationDialog,
+  default16 as PopupConfirmationDialog,
   RESET_AUTHENTICATION_ROUTER_ERROR,
   R as ROW_DRAGGING_SELECTION_COLUMN_DEF,
-  default50 as RadioInput,
-  default67 as RangeInput,
+  default51 as RadioInput,
+  default68 as RangeInput,
   RawReadOnlyInput,
   default8 as ReportViewer,
   default9 as ReportViewerDialog,
   SHOW_AUTH_INFO_LOGIN,
   SIGNIN_CALLBACK_ERROR,
   SVC,
-  default45 as SelectClearable,
-  default54 as SelectInput,
+  default46 as SelectClearable,
+  default55 as SelectInput,
   ShuntCompensator,
-  default51 as SliderInput,
+  default52 as SliderInput,
   default5 as SnackbarProvider,
-  default62 as SubmitButton,
+  default63 as SubmitButton,
   Substation,
-  default56 as SwitchInput,
+  default57 as SwitchInput,
   TagRenderer,
-  default60 as TextFieldWithAdornment,
-  default48 as TextInput,
+  default61 as TextFieldWithAdornment,
+  default49 as TextInput,
   ThreeWindingTransfo,
   default3 as TopBar,
   default2 as TreeViewFinder,
@@ -211,19 +213,19 @@ export {
   areArrayElementsUnique,
   backendFetch,
   backendFetchJson,
-  default34 as card_error_boundary_en,
-  default35 as card_error_boundary_fr,
-  default40 as common_button_en,
-  default41 as common_button_fr,
+  default35 as card_error_boundary_en,
+  default36 as card_error_boundary_fr,
+  default41 as common_button_en,
+  default42 as common_button_fr,
   createFilter,
-  default42 as directory_items_input_en,
-  default43 as directory_items_input_fr,
+  default43 as directory_items_input_en,
+  default44 as directory_items_input_fr,
   dispatchUser,
-  default26 as element_search_en,
-  default27 as element_search_fr,
+  default27 as element_search_en,
+  default28 as element_search_fr,
   equipmentStyles,
-  default28 as equipment_search_en,
-  default29 as equipment_search_fr,
+  default29 as equipment_search_en,
+  default30 as equipment_search_fr,
   exportFilter,
   fetchAppsMetadata,
   fetchDirectoryContent,
@@ -232,12 +234,12 @@ export {
   fetchEnv,
   fetchRootFolders,
   fetchStudyMetadata,
-  default30 as filter_en,
-  default32 as filter_expert_en,
-  default33 as filter_expert_fr,
-  default31 as filter_fr,
-  default36 as flat_parameters_en,
-  default37 as flat_parameters_fr,
+  default31 as filter_en,
+  default33 as filter_expert_en,
+  default34 as filter_expert_fr,
+  default32 as filter_fr,
+  default37 as flat_parameters_en,
+  default38 as flat_parameters_fr,
   genHelperError,
   genHelperPreviousValue,
   getComputedLanguage,
@@ -259,16 +261,16 @@ export {
   isFloatNumber,
   isObjectEmpty,
   keyGenerator,
-  default18 as login_en,
-  default19 as login_fr,
+  default19 as login_en,
+  default20 as login_fr,
   logout,
   mergeSx,
   microUnitToUnit,
-  default38 as multiple_selection_dialog_en,
-  default39 as multiple_selection_dialog_fr,
+  default39 as multiple_selection_dialog_en,
+  default40 as multiple_selection_dialog_fr,
   noSelectionForCopy,
-  default16 as report_viewer_en,
-  default17 as report_viewer_fr,
+  default17 as report_viewer_en,
+  default18 as report_viewer_fr,
   roundToDefaultPrecision,
   roundToPrecision,
   saveCriteriaBasedFilter,
@@ -278,13 +280,13 @@ export {
   setCommonStore,
   setLoggedUser,
   setSignInCallbackError,
-  default22 as table_en,
-  default23 as table_fr,
+  default23 as table_en,
+  default24 as table_fr,
   toFloatOrNullValue,
-  default20 as top_bar_en,
-  default21 as top_bar_fr,
-  default24 as treeview_finder_en,
-  default25 as treeview_finder_fr,
+  default21 as top_bar_en,
+  default22 as top_bar_fr,
+  default25 as treeview_finder_en,
+  default26 as treeview_finder_fr,
   unitToMicroUnit,
   useCustomFormContext,
   useDebounce,

package/package.json

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