@gridsuite/commons-ui 0.92.3 → 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/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/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/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/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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.92.3",
+    "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",