@gridsuite/commons-ui 0.92.2 → 0.93.0

package/dist/components/checkBoxList/CheckBoxList.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Box } from "@mui/material";
-import { DragDropContext, Droppable } from "react-beautiful-dnd";
+import { DragDropContext, Droppable } from "@hello-pangea/dnd";
 import { CheckBoxListItems } from "./CheckBoxListItems.js";
 function CheckBoxList({
   isDndDragAndDropActive = false,

package/dist/components/checkBoxList/CheckBoxListItems.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
 import { List, ListItem, ListItemButton, ListItemIcon, Checkbox, ListItemText } from "@mui/material";
 import { FormattedMessage } from "react-intl";
-import { Draggable } from "react-beautiful-dnd";
+import { Draggable } from "@hello-pangea/dnd";
 import { CheckBoxListItem } from "./CheckBoxListItem.js";
 import { OverflowableText } from "../overflowableText/OverflowableText.js";
 import { DraggableCheckBoxListItem } from "./DraggableCheckBoxListItem.js";

package/dist/components/checkBoxList/DraggableClickableCheckBoxItem.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import DragIndicatorIcon from "@mui/icons-material/DragIndicator";
+import { DragIndicator } from "@mui/icons-material";
 import { IconButton, ListItemIcon, Checkbox, ListItemText } from "@mui/material";
 import { OverflowableText } from "../overflowableText/OverflowableText.js";
 const styles = {
@@ -29,7 +29,7 @@ function DraggableClickableCheckBoxItem({
           padding: "unset",
           ...styles.dragIcon
         },
-        children: /* @__PURE__ */ jsx(DragIndicatorIcon, { spacing: 0 })
+        children: /* @__PURE__ */ jsx(DragIndicator, { spacing: 0 })
       }
     ),
     /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 0, ...sx == null ? void 0 : sx.checkBoxIcon }, children: /* @__PURE__ */ jsx(Checkbox, { disableRipple: true, sx: { paddingLeft: 0, ...sx == null ? void 0 : sx.checkbox }, ...props }) }),

package/dist/components/checkBoxList/DraggableClickableRowItem.js

@@ -1,9 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import DragIndicatorIcon from "@mui/icons-material/DragIndicator";
+import { DragIndicator } from "@mui/icons-material";
 import { ListItemButton, IconButton, ListItemIcon, Checkbox, ListItemText } from "@mui/material";
 import { OverflowableText } from "../overflowableText/OverflowableText.js";
 import "../../utils/conversionUtils.js";
-import "@mui/icons-material";
 import { mergeSx } from "../../utils/styles.js";
 import "../../utils/types/equipmentType.js";
 import "../../utils/yupConfig.js";
@@ -55,7 +54,7 @@ function DraggableClickableRowItem({
               padding: "unset",
               ...styles.dragIcon
             },
-            children: /* @__PURE__ */ jsx(DragIndicatorIcon, { spacing: 0 })
+            children: /* @__PURE__ */ jsx(DragIndicator, { spacing: 0 })
           }
         ),
         /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 0, ...sx == null ? void 0 : sx.checkBoxIcon }, children: /* @__PURE__ */ jsx(Checkbox, { disableRipple: true, sx: { paddingLeft: 0, ...sx == null ? void 0 : sx.checkbox }, onClick: onCheckboxClick, ...props }) }),

package/dist/components/checkBoxList/checkBoxList.type.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { DraggableProvided, DragStart, DropResult } from 'react-beautiful-dnd';
+import { DraggableProvided, DragStart, DropResult } from '@hello-pangea/dnd';
 import { SxProps, Theme } from '@mui/material';
 export type CheckBoxListItemSx = {
     checkBoxIcon?: SxProps<Theme>;

package/dist/components/contingencyList/criteriaBased/CriteriaBasedForm.js

@@ -12,11 +12,6 @@ import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "react-intl";
 import "@mui/icons-material";
 import "../../treeViewFinder/TreeViewFinder.js";
-import "@mui/material/Dialog";
-import "@mui/material/DialogTitle";
-import "@mui/material/DialogContent";
-import "@mui/material/DialogActions";
-import "@mui/material/Button";
 function CriteriaBasedForm({ equipments, defaultValues, children }) {
   const { getValues, setValue } = useFormContext();
   const { snackError } = useSnackMessage();

package/dist/components/customAGGrid/customAggrid.style.d.ts

@@ -1,11 +1,32 @@
 import { Theme } from '@mui/material';
-import { SystemStyleObject } from '@mui/system';
 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;
+    readonly grid: (theme: Theme) => {
+        width: string;
+        height: string;
+        position: "relative";
+        "&.custom-aggrid-theme": {
+            '--ag-value-change-value-highlight-background-color': string;
+            '--ag-selected-row-background-color': string;
+            '--ag-row-hover-color': string;
+        };
+        '& .ag-checkbox-input': {
+            cursor: "pointer";
+            scale: "2.5";
+        };
+        '& .ag-select-list': {
+            maxHeight: string;
+        };
+        '& .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner)': {
+            visibility: "hidden";
+        };
+        '& .ag-cell-focus, .ag-cell': {
+            border: "none !important";
+        };
+    };
+    readonly noBorderRight: {
+        readonly '& .ag-pinned-left-header': {
+            readonly borderRight: "none";
         };
     };
 };

package/dist/components/dialogs/elementSaveDialog/ElementSaveDialog.js

@@ -5,7 +5,7 @@ import { Grid, Button, Typography, Box, CircularProgress } from "@mui/material";
 import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import "../../../utils/yupConfig.js";
-import "@mui/icons-material/Folder";
+import "@mui/icons-material";
 import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
 import * as yup from "yup";
 import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
@@ -18,16 +18,8 @@ import "ag-grid-community/styles/ag-theme-alpine.css";
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import "../../customAGGrid/customAggrid.js";
 import "ag-grid-community";
-import "@mui/material/Dialog";
-import "@mui/material/DialogTitle";
-import "@mui/material/DialogContent";
-import "@mui/material/DialogActions";
 import "react-papaparse";
-import "@mui/material/Button";
-import "@mui/material/Grid";
 import "react-csv-downloader";
-import "@mui/material/Alert";
-import "@mui/icons-material";
 import { RadioInput } from "../../inputs/reactHookForm/booleans/RadioInput.js";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "localized-countries";
@@ -35,17 +27,13 @@ import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import { DescriptionField } from "../../inputs/reactHookForm/text/DescriptionField.js";
 import { UniqueNameInput } from "../../inputs/reactHookForm/text/UniqueNameInput.js";
-import "@mui/icons-material/ControlPoint";
 import "@react-querybuilder/material";
 import "../../filter/expert/expertFilterConstants.js";
 import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "uuid";
 import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
-import "@mui/material/IconButton";
-import "@mui/icons-material/Delete";
 import "react-querybuilder";
 import "../../../utils/conversionUtils.js";
-import "@mui/material/Box";
 import { ElementType } from "../../../utils/types/elementType.js";
 import { CustomMuiDialog } from "../customMuiDialog/CustomMuiDialog.js";
 import { MAX_CHAR_DESCRIPTION } from "../../../utils/constants/uiConstants.js";

package/dist/components/dialogs/popupConfirmationDialog/PopupConfirmationDialog.js

@@ -1,10 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import Dialog from "@mui/material/Dialog";
-import DialogTitle from "@mui/material/DialogTitle";
-import DialogContent from "@mui/material/DialogContent";
-import { DialogContentText } from "@mui/material";
-import DialogActions from "@mui/material/DialogActions";
-import Button from "@mui/material/Button";
+import { Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { CancelButton } from "../../inputs/reactHookForm/utils/CancelButton.js";
 function PopupConfirmationDialog({

package/dist/components/filter/FilterForm.js

@@ -14,11 +14,6 @@ import "react-intl";
 import "@mui/icons-material";
 import "../treeViewFinder/TreeViewFinder.js";
 import "notistack";
-import "@mui/material/Dialog";
-import "@mui/material/DialogTitle";
-import "@mui/material/DialogContent";
-import "@mui/material/DialogActions";
-import "@mui/material/Button";
 function FilterForm({
   sourceFilterForExplicitNamingConversion,
   creation,

package/dist/components/filter/HeaderFilterForm.js

@@ -9,7 +9,6 @@ import "../../utils/types/equipmentType.js";
 import "../../utils/yupConfig.js";
 import { FilterType } from "./constants/FilterConstants.js";
 import "react-intl";
-import "@mui/icons-material/Folder";
 import "react";
 import "react-hook-form";
 import "../inputs/reactHookForm/provider/CustomFormProvider.js";
@@ -22,15 +21,8 @@ import "ag-grid-community/styles/ag-grid.css";
 import "ag-grid-community/styles/ag-theme-alpine.css";
 import "../customAGGrid/customAggrid.js";
 import "ag-grid-community";
-import "@mui/material/Dialog";
-import "@mui/material/DialogTitle";
-import "@mui/material/DialogContent";
-import "@mui/material/DialogActions";
 import "react-papaparse";
-import "@mui/material/Button";
-import "@mui/material/Grid";
 import "react-csv-downloader";
-import "@mui/material/Alert";
 import { RadioInput } from "../inputs/reactHookForm/booleans/RadioInput.js";
 import "../inputs/reactHookForm/numbers/RangeInput.js";
 import "localized-countries";
@@ -38,16 +30,12 @@ import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import { DescriptionField } from "../inputs/reactHookForm/text/DescriptionField.js";
 import { UniqueNameInput } from "../inputs/reactHookForm/text/UniqueNameInput.js";
-import "@mui/icons-material/ControlPoint";
 import "@react-querybuilder/material";
 import "./expert/expertFilterConstants.js";
 import "../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "uuid";
 import "../inputs/reactQueryBuilder/PropertyValueEditor.js";
-import "@mui/material/IconButton";
-import "@mui/icons-material/Delete";
 import "react-querybuilder";
-import "@mui/material/Box";
 const filterStyles = {
   textField: {
     minWidth: "250px",

package/dist/components/filter/expert/ExpertFilterForm.js

@@ -19,11 +19,6 @@ import "react-intl";
 import "@mui/icons-material";
 import "../../treeViewFinder/TreeViewFinder.js";
 import "notistack";
-import "@mui/material/Dialog";
-import "@mui/material/DialogTitle";
-import "@mui/material/DialogContent";
-import "@mui/material/DialogActions";
-import "@mui/material/Button";
 import { FieldType } from "../../../utils/types/fieldType.js";
 import { useFormatLabelWithUnit } from "../../../hooks/useFormatLabelWithUnit.js";
 import { filterStyles } from "../HeaderFilterForm.js";

package/dist/components/filter/explicitNaming/ExplicitNamingFilterForm.js

@@ -21,11 +21,6 @@ import { exportFilter } from "../../../services/study.js";
 import { unscrollableDialogStyles } from "../../dialogs/customMuiDialog/CustomMuiDialog.js";
 import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
-import "@mui/material/Dialog";
-import "@mui/material/DialogTitle";
-import "@mui/material/DialogContent";
-import "@mui/material/DialogActions";
-import "@mui/material/Button";
 import { FILTER_EQUIPMENTS_ATTRIBUTES } from "./ExplicitNamingFilterConstants.js";
 import { filterStyles } from "../HeaderFilterForm.js";
 import * as yup from "yup";

package/dist/components/index.js

@@ -93,6 +93,7 @@ import { GroupValueEditor } from "./inputs/reactQueryBuilder/compositeRuleEditor
 import { RuleValueEditor } from "./inputs/reactQueryBuilder/compositeRuleEditor/RuleValueEditor.js";
 import { useConvertValue } from "./inputs/reactQueryBuilder/hooks/useConvertValue.js";
 import { useValid } from "./inputs/reactQueryBuilder/hooks/useValid.js";
+import { ActivableChip } from "./inputs/ActivableChip.js";
 import { MultipleSelectionDialog } from "./multipleSelectionDialog/MultipleSelectionDialog.js";
 import { OverflowableText } from "./overflowableText/OverflowableText.js";
 import { SnackbarProvider } from "./snackbarProvider/SnackbarProvider.js";
@@ -106,6 +107,7 @@ import { useNotificationsListener } from "./notifications/hooks/useNotifications
 import { useListenerManager } from "./notifications/hooks/useListenerManager.js";
 export {
   AboutDialog,
+  ActivableChip,
   AddButton,
   AuthenticationRouter,
   default2 as AuthenticationRouterErrorDisplay,

package/dist/components/inputs/ActivableChip.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2025, 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 interface ActivableChipProps {
+    isActivated: boolean;
+    label: string;
+    tooltipMessage: string;
+    onClick: () => void;
+    isDisabled?: boolean;
+}
+export declare function ActivableChip(props: Readonly<ActivableChipProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/ActivableChip.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { Tooltip, Chip } from "@mui/material";
+import { CheckCircleOutline, Cancel } from "@mui/icons-material";
+function ActivableChip(props) {
+  const { isActivated, label, tooltipMessage, onClick, isDisabled } = props;
+  return /* @__PURE__ */ jsx(Tooltip, { title: tooltipMessage, arrow: true, children: /* @__PURE__ */ jsx(
+    Chip,
+    {
+      label,
+      deleteIcon: isActivated ? /* @__PURE__ */ jsx(CheckCircleOutline, {}) : /* @__PURE__ */ jsx(Cancel, {}),
+      color: "primary",
+      size: "small",
+      variant: isActivated ? "filled" : "outlined",
+      onDelete: onClick,
+      onClick,
+      disabled: isDisabled
+    }
+  ) });
+}
+export {
+  ActivableChip
+};

package/dist/components/inputs/SelectClearable.d.ts

@@ -1,4 +1,4 @@
-import { AutocompleteProps } from '@mui/material/Autocomplete/Autocomplete';
+import { AutocompleteProps } from '@mui/material';
 type SelectOption = {
     id: string;
     label?: string;

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

@@ -7,3 +7,4 @@
 export * from './SelectClearable';
 export * from './reactHookForm';
 export * from './reactQueryBuilder';
+export * from './ActivableChip';

package/dist/components/inputs/index.js

@@ -51,7 +51,9 @@ import { GroupValueEditor } from "./reactQueryBuilder/compositeRuleEditor/GroupV
 import { RuleValueEditor } from "./reactQueryBuilder/compositeRuleEditor/RuleValueEditor.js";
 import { useConvertValue } from "./reactQueryBuilder/hooks/useConvertValue.js";
 import { useValid } from "./reactQueryBuilder/hooks/useValid.js";
+import { ActivableChip } from "./ActivableChip.js";
 export {
+  ActivableChip,
   AddButton,
   AutocompleteInput,
   AutocompleteWithFavorites,

package/dist/components/inputs/reactHookForm/DirectoryItemsInput.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { FormControl, Chip, Grid, Tooltip, IconButton } from "@mui/material";
-import FolderIcon from "@mui/icons-material/Folder";
+import { Folder } from "@mui/icons-material";
 import { useState, useMemo, useCallback } from "react";
 import { useFieldArray, useController } from "react-hook-form";
 import { useIntl } from "react-intl";
@@ -178,7 +178,7 @@ function DirectoryItemsInput({
                 setDirectoryItemSelectorOpen(true);
                 setMultiSelect(true);
               },
-              children: /* @__PURE__ */ jsx(FolderIcon, {})
+              children: /* @__PURE__ */ jsx(Folder, {})
             }
           ) }) }) }) })
         ]

package/dist/components/inputs/reactHookForm/agGridTable/BottomRightButtons.js

@@ -1,12 +1,8 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid, Tooltip, Box } from "@mui/material";
-import IconButton from "@mui/material/IconButton";
-import { Upload, ArrowCircleUp, ArrowCircleDown } from "@mui/icons-material";
-import AddIcon from "@mui/icons-material/ControlPoint";
-import DeleteIcon from "@mui/icons-material/Delete";
+import { styled, IconButton, Grid, Tooltip, Box } from "@mui/material";
+import { Upload, ControlPoint, Delete, ArrowCircleUp, ArrowCircleDown } from "@mui/icons-material";
 import { useState } from "react";
 import { useIntl } from "react-intl";
-import { styled } from "@mui/material/styles";
 import { ErrorInput } from "../errorManagement/ErrorInput.js";
 import { FieldErrorAlert } from "../errorManagement/FieldErrorAlert.js";
 import { CsvUploader } from "./csvUploader/CsvUploader.js";
@@ -42,8 +38,8 @@ function BottomRightButtons({
         }
       ) }) }),
       /* @__PURE__ */ jsxs(Grid, { item: true, xs: 11, sx: { display: "flex", justifyContent: "right" }, children: [
-        /* @__PURE__ */ jsx(InnerColoredButton, { onClick: handleAddRow, children: /* @__PURE__ */ jsx(AddIcon, {}) }, "addButton"),
-        /* @__PURE__ */ jsx(InnerColoredButton, { onClick: handleDeleteRows, disabled: disableDelete, children: /* @__PURE__ */ jsx(DeleteIcon, {}) }, "DeleteButton"),
+        /* @__PURE__ */ jsx(InnerColoredButton, { onClick: handleAddRow, children: /* @__PURE__ */ jsx(ControlPoint, {}) }, "addButton"),
+        /* @__PURE__ */ jsx(InnerColoredButton, { onClick: handleDeleteRows, disabled: disableDelete, children: /* @__PURE__ */ jsx(Delete, {}) }, "DeleteButton"),
         /* @__PURE__ */ jsx(InnerColoredButton, { disabled: disableUp, onClick: handleMoveRowUp, children: /* @__PURE__ */ jsx(ArrowCircleUp, {}) }, "upButton"),
         /* @__PURE__ */ jsx(InnerColoredButton, { disabled: disableDown, onClick: handleMoveRowDown, children: /* @__PURE__ */ jsx(ArrowCircleDown, {}) }, "downButton")
       ] })

package/dist/components/inputs/reactHookForm/agGridTable/csvUploader/CsvUploader.js

@@ -1,16 +1,9 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import Dialog from "@mui/material/Dialog";
-import DialogTitle from "@mui/material/DialogTitle";
-import DialogContent from "@mui/material/DialogContent";
-import DialogActions from "@mui/material/DialogActions";
+import { Dialog, DialogTitle, DialogContent, Grid, Button, Alert, DialogActions, DialogContentText } from "@mui/material";
 import { useCSVReader, RECORD_SEP, UNIT_SEP } from "react-papaparse";
-import Button from "@mui/material/Button";
 import React, { useState, useMemo } from "react";
-import Grid from "@mui/material/Grid";
 import { useIntl, FormattedMessage } from "react-intl";
 import CsvDownloader from "react-csv-downloader";
-import Alert from "@mui/material/Alert";
-import { DialogContentText } from "@mui/material";
 import { useWatch } from "react-hook-form";
 import { FieldConstants } from "../../../../../utils/constants/fieldConstants.js";
 import { CancelButton } from "../../utils/CancelButton.js";

package/dist/components/inputs/reactHookForm/booleans/BooleanInput.d.ts

@@ -1,8 +1,12 @@
-import { Checkbox, CheckboxProps, Switch, SwitchProps } from '@mui/material';
-export interface BooleanInputProps {
+import { JSX } from 'react';
+import { Checkbox, Switch } from '@mui/material';
+type InputTypes = typeof Switch | typeof Checkbox;
+type InputProps<TInput> = TInput extends (props: infer Props) => JSX.Element ? Props : never;
+export type BooleanInputProps<TInput extends InputTypes> = {
     name: string;
     label?: string;
-    formProps?: SwitchProps | CheckboxProps;
-    Input: typeof Switch | typeof Checkbox;
-}
-export declare function BooleanInput({ name, label, formProps, Input }: BooleanInputProps): import("react/jsx-runtime").JSX.Element;
+    formProps?: InputProps<TInput>;
+    Input: TInput;
+};
+export declare function BooleanInput<TInput extends InputTypes>({ name, label, formProps, Input, }: Readonly<BooleanInputProps<TInput>>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/inputs/reactHookForm/booleans/BooleanInput.js

@@ -3,7 +3,12 @@ import { useCallback } from "react";
 import { useIntl } from "react-intl";
 import { FormControlLabel } from "@mui/material";
 import { useController } from "react-hook-form";
-function BooleanInput({ name, label, formProps, Input }) {
+function BooleanInput({
+  name,
+  label,
+  formProps,
+  Input
+}) {
   const {
     field: { onChange, value, ref }
   } = useController({ name });
@@ -18,11 +23,9 @@ function BooleanInput({ name, label, formProps, Input }) {
     Input,
     {
       checked: value,
-      onChange: (e) => handleChangeValue(e),
+      onChange: handleChangeValue,
       inputRef: ref,
-      inputProps: {
-        "aria-label": "primary checkbox"
-      },
+      inputProps: { "aria-label": "primary checkbox" },
       ...formProps
     }
   );

package/dist/components/inputs/reactHookForm/text/DescriptionField.js

@@ -2,12 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { FormattedMessage } from "react-intl";
 import { Box, Button } from "@mui/material";
-import AddIcon from "@mui/icons-material/ControlPoint";
-import DeleteIcon from "@mui/icons-material/Delete";
+import { ControlPoint, Delete } from "@mui/icons-material";
 import { useFormContext } from "react-hook-form";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import "../../../../utils/conversionUtils.js";
-import "@mui/icons-material";
 import "../../../../utils/types/equipmentType.js";
 import "../../../../utils/yupConfig.js";
 import { ExpandingTextField } from "./ExpandingTextField.js";
@@ -27,7 +25,7 @@ function DescriptionField({ expandingTextSx }) {
       setIsDescriptionFieldVisible(true);
     }
   }, [description]);
-  return /* @__PURE__ */ jsx(Box, { children: !isDescriptionFieldVisible ? /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(AddIcon, {}), onClick: handleOpenDescription, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "AddDescription" }) }) : /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "flex-start" }, children: [
+  return /* @__PURE__ */ jsx(Box, { children: !isDescriptionFieldVisible ? /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(ControlPoint, {}), onClick: handleOpenDescription, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "AddDescription" }) }) : /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "flex-start" }, children: [
     /* @__PURE__ */ jsx(
       ExpandingTextField,
       {
@@ -48,7 +46,7 @@ function DescriptionField({ expandingTextSx }) {
           marginBottom: 2
         },
         onClick: handleCloseDescription,
-        children: /* @__PURE__ */ jsx(DeleteIcon, {})
+        children: /* @__PURE__ */ jsx(Delete, {})
       }
     )
   ] }) });

package/dist/components/inputs/reactHookForm/text/UniqueNameInput.js

@@ -1,11 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect } from "react";
 import { FormattedMessage } from "react-intl";
-import { InputAdornment } from "@mui/material";
-import CheckIcon from "@mui/icons-material/Check";
+import { TextField, InputAdornment, CircularProgress } from "@mui/material";
+import { Check } from "@mui/icons-material";
 import { useController, useFormContext } from "react-hook-form";
-import CircularProgress from "@mui/material/CircularProgress";
-import TextField from "@mui/material/TextField";
 import "../../../../utils/types/equipmentType.js";
 import { elementAlreadyExists } from "../../../../services/directory.js";
 import { useDebounce } from "../../../../hooks/useDebounce.js";
@@ -15,7 +13,6 @@ import "localized-countries/data/en";
 import "notistack";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import "../../../../utils/conversionUtils.js";
-import "@mui/icons-material";
 import "../../../../utils/yupConfig.js";
 function UniqueNameInput({
   name,
@@ -109,7 +106,7 @@ function UniqueNameInput({
   const showOk = (value == null ? void 0 : value.trim()) && !isValidating && !error;
   const endAdornment = /* @__PURE__ */ jsxs(InputAdornment, { position: "end", children: [
     isValidating && /* @__PURE__ */ jsx(CircularProgress, { size: "1rem" }),
-    showOk && /* @__PURE__ */ jsx(CheckIcon, { style: { color: "green" } })
+    showOk && /* @__PURE__ */ jsx(Check, { style: { color: "green" } })
   ] });
   return /* @__PURE__ */ jsx(
     TextField,

package/dist/components/inputs/reactQueryBuilder/AddButton.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { Button } from "@mui/material";
-import AddIcon from "@mui/icons-material/ControlPoint";
+import { ControlPoint } from "@mui/icons-material";
 import { FormattedMessage } from "react-intl";
 function AddButton(props) {
   const { label, handleOnClick, title } = props;
-  return /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(AddIcon, {}), onClick: handleOnClick, size: "small", className: "add-button", title, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }) });
+  return /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(ControlPoint, {}), onClick: handleOnClick, size: "small", className: "add-button", title, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }) });
 }
 export {
   AddButton

package/dist/components/inputs/reactQueryBuilder/AutocompleteWithFavorites.d.ts

@@ -1,4 +1,4 @@
-import { AutocompleteProps } from '@mui/material/Autocomplete/Autocomplete';
+import { AutocompleteProps } from '@mui/material';
 interface AutocompleteWithFavoritesProps<Value> extends Omit<AutocompleteProps<Value, boolean, false, boolean>, 'multiple' | 'renderInput' | 'renderGroup' | 'groupBy'> {
     favorites: Value[];
     valid: boolean;

package/dist/components/inputs/reactQueryBuilder/PropertyValueEditor.js

@@ -1,7 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useCallback } from "react";
-import Grid from "@mui/material/Grid";
-import { Autocomplete, TextField, FormControl, Select, MenuItem } from "@mui/material";
+import { Grid, Autocomplete, TextField, FormControl, Select, MenuItem } from "@mui/material";
 import { useIntl } from "react-intl";
 import { useValid } from "./hooks/useValid.js";
 import { OPERATOR_OPTIONS } from "../../filter/expert/expertFilterConstants.js";

package/dist/components/inputs/reactQueryBuilder/RemoveButton.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import IconButton from "@mui/material/IconButton";
-import DeleteIcon from "@mui/icons-material/Delete";
+import { IconButton } from "@mui/material";
+import { Delete } from "@mui/icons-material";
 import { useController } from "react-hook-form";
 import { recursiveRemove } from "../../filter/expert/expertFilterUtils.js";
 const EXPERT_FILTER_QUERY = "rules";
@@ -12,7 +12,7 @@ function RemoveButton(props) {
   function handleDelete() {
     onChange(recursiveRemove(query, path));
   }
-  return /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => handleDelete(), className, title, children: /* @__PURE__ */ jsx(DeleteIcon, {}) });
+  return /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => handleDelete(), className, title, children: /* @__PURE__ */ jsx(Delete, {}) });
 }
 export {
   RemoveButton

package/dist/components/inputs/reactQueryBuilder/ValueEditor.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useCallback, createElement } from "react";
 import { MaterialValueEditor } from "@react-querybuilder/material";
-import Box from "@mui/material/Box";
+import { Box } from "@mui/material";
 import { useFormContext } from "react-hook-form";
 import { CountryValueEditor } from "./CountryValueEditor.js";
 import { TranslatedValueEditor } from "./TranslatedValueEditor.js";

package/dist/components/snackbarProvider/SnackbarProvider.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
 import { styled, IconButton } from "@mui/material";
-import ClearIcon from "@mui/icons-material/Clear";
+import { Clear } from "@mui/icons-material";
 import { SnackbarProvider as SnackbarProvider$1 } from "notistack";
 const StyledOrigSnackbarProvider = styled(SnackbarProvider$1)(() => ({
   "&.notistack-MuiContent": {
@@ -29,7 +29,7 @@ function SnackbarProvider(props) {
       "aria-label": "clear-snack",
       size: "small",
       sx: styles.buttonColor,
-      children: /* @__PURE__ */ jsx(ClearIcon, { fontSize: "small" })
+      children: /* @__PURE__ */ jsx(Clear, { fontSize: "small" })
     }
   );
   return /* @__PURE__ */ jsx(

package/dist/index.js

@@ -94,6 +94,7 @@ import { GroupValueEditor } from "./components/inputs/reactQueryBuilder/composit
 import { RuleValueEditor } from "./components/inputs/reactQueryBuilder/compositeRuleEditor/RuleValueEditor.js";
 import { useConvertValue } from "./components/inputs/reactQueryBuilder/hooks/useConvertValue.js";
 import { useValid } from "./components/inputs/reactQueryBuilder/hooks/useValid.js";
+import { ActivableChip } from "./components/inputs/ActivableChip.js";
 import { MultipleSelectionDialog } from "./components/multipleSelectionDialog/MultipleSelectionDialog.js";
 import { OverflowableText } from "./components/overflowableText/OverflowableText.js";
 import { SnackbarProvider } from "./components/snackbarProvider/SnackbarProvider.js";
@@ -189,6 +190,7 @@ import * as yup from "yup";
 export {
   AMPERE,
   AboutDialog,
+  ActivableChip,
   AddButton,
   AuthenticationRouter,
   default3 as AuthenticationRouterErrorDisplay,

package/dist/module-mui.d.js

@@ -1 +1 @@
-import "@mui/material/Switch";
+import "@mui/material";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.92.2",
+    "version": "0.93.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",
@@ -34,6 +34,7 @@
         "licenses-check": "license-checker --summary --excludePrivatePackages --production --onlyAllow \"$( jq -r .onlyAllow[] license-checker-config.json | tr '\n' ';')\" --excludePackages \"$( jq -r .excludePackages[] license-checker-config.json | tr '\n' ';')\""
     },
     "dependencies": {
+        "@hello-pangea/dnd": "^18.0.1",
         "@react-querybuilder/dnd": "^8.2.0",
         "@react-querybuilder/material": "^8.2.0",
         "autosuggest-highlight": "^3.3.4",
@@ -42,7 +43,6 @@
         "localized-countries": "^2.0.0",
         "oidc-client": "^1.11.5",
         "prop-types": "^15.8.1",
-        "react-beautiful-dnd": "^13.1.1",
         "react-csv-downloader": "^3.3.0",
         "react-dnd": "^16.0.1",
         "react-dnd-html5-backend": "^16.0.1",
@@ -96,7 +96,6 @@
         "@types/node": "^22.13.4",
         "@types/prop-types": "^15.7.14",
         "@types/react": "^18.3.18",
-        "@types/react-beautiful-dnd": "^13.1.8",
         "@types/react-dom": "^18.3.5",
         "@types/react-resizable": "^3.0.8",
         "@typescript-eslint/eslint-plugin": "^7.18.0",