@gridsuite/commons-ui 0.65.1 → 0.65.3

package/dist/components/checkBoxList/DraggableCheckBoxListItem.js

@@ -11,7 +11,8 @@ function DraggableCheckBoxListItem({
   isDragDisable,
   provided,
   divider,
-  isCheckboxClickableOnly,
+  onItemClick,
+  isItemClickable,
   ...props
 }) {
   const [hover, setHover] = useState("");
@@ -22,16 +23,17 @@ function DraggableCheckBoxListItem({
       sx: { minWidth: 0, ...sx == null ? void 0 : sx.checkboxListItem },
       onMouseEnter: () => setHover(getItemId(item)),
       onMouseLeave: () => setHover(""),
-      disablePadding: !isCheckboxClickableOnly,
+      disablePadding: !!onItemClick,
       disableGutters: true,
       divider,
       ref: provided.innerRef,
       ...provided.draggableProps,
-      children: isCheckboxClickableOnly ? /* @__PURE__ */ jsx(
+      children: !onItemClick ? /* @__PURE__ */ jsx(
         DraggableClickableCheckBoxItem,
         {
           provided,
           isHighlighted: hover === getItemId(item) && !isDragDisable,
+          sx,
           ...props
         }
       ) : /* @__PURE__ */ jsx(
@@ -39,6 +41,9 @@ function DraggableCheckBoxListItem({
         {
           provided,
           isHighlighted: hover === getItemId(item) && !isDragDisable,
+          onItemClick: () => onItemClick(item),
+          isItemClickable: isItemClickable == null ? void 0 : isItemClickable(item),
+          sx,
           ...props
         }
       )

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

@@ -1,4 +1,4 @@
-import { DraggableClickableItemProps } from './checkBoxList.type';
+import { DraggableClickableCheckBoxItemProps } from './checkBoxList.type';
 
-export declare function DraggableClickableCheckBoxItem({ sx, disabled, provided, isHighlighted, label, ...props }: DraggableClickableItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function DraggableClickableCheckBoxItem({ sx, disabled, provided, isHighlighted, label, ...props }: Readonly<DraggableClickableCheckBoxItemProps>): import("react/jsx-runtime").JSX.Element;
 export default DraggableClickableCheckBoxItem;

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

@@ -1,4 +1,4 @@
-import { DraggableClickableItemProps } from './checkBoxList.type';
+import { DraggableClickableRowItemProps } from './checkBoxList.type';
 
-export declare function DraggableClickableRowItem({ sx, disabled, onClick, provided, isHighlighted, label, ...props }: DraggableClickableItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function DraggableClickableRowItem({ sx, disabled, onClick, provided, isHighlighted, label, onItemClick, isItemClickable, ...props }: Readonly<DraggableClickableRowItemProps>): import("react/jsx-runtime").JSX.Element;
 export default DraggableClickableRowItem;

package/dist/components/checkBoxList/DraggableClickableRowItem.js

@@ -8,7 +8,13 @@ const styles = {
     border: theme.spacing(0),
     borderRadius: theme.spacing(0),
     zIndex: 90
-  })
+  }),
+  unclickableItem: {
+    "&:hover": {
+      backgroundColor: "transparent"
+    },
+    cursor: "inherit"
+  }
 };
 function DraggableClickableRowItem({
   sx,
@@ -17,34 +23,54 @@ function DraggableClickableRowItem({
   provided,
   isHighlighted,
   label,
+  onItemClick,
+  isItemClickable = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(ListItemButton, { sx: { paddingLeft: 0, ...sx == null ? void 0 : sx.checkboxButton }, disabled, onClick, children: [
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        ...provided.dragHandleProps,
-        size: "small",
-        sx: {
-          opacity: isHighlighted ? "1" : "0",
-          padding: "unset",
-          ...styles.dragIcon
-        },
-        children: /* @__PURE__ */ jsx(DragIndicatorIcon, { 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 }) }),
-    /* @__PURE__ */ jsx(
-      ListItemText,
-      {
-        sx: {
-          display: "flex"
-        },
-        disableTypography: true,
-        children: /* @__PURE__ */ jsx(OverflowableText, { sx: sx == null ? void 0 : sx.label, text: label })
-      }
-    )
-  ] });
+  const onCheckboxClick = (event) => {
+    event.stopPropagation();
+    onClick();
+  };
+  const handleItemClick = () => isItemClickable && onItemClick();
+  return /* @__PURE__ */ jsxs(
+    ListItemButton,
+    {
+      disableTouchRipple: !isItemClickable,
+      sx: {
+        paddingLeft: 0,
+        ...sx == null ? void 0 : sx.checkboxButton,
+        ...!isItemClickable && styles.unclickableItem
+      },
+      disabled,
+      onClick: handleItemClick,
+      children: [
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            ...provided.dragHandleProps,
+            size: "small",
+            sx: {
+              opacity: isHighlighted ? "1" : "0",
+              padding: "unset",
+              ...styles.dragIcon
+            },
+            children: /* @__PURE__ */ jsx(DragIndicatorIcon, { 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 }) }),
+        /* @__PURE__ */ jsx(
+          ListItemText,
+          {
+            sx: {
+              display: "flex"
+            },
+            disableTypography: true,
+            children: /* @__PURE__ */ jsx(OverflowableText, { sx: sx == null ? void 0 : sx.label, text: label })
+          }
+        )
+      ]
+    }
+  );
 }
 export {
   DraggableClickableRowItem,

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

@@ -1,19 +1,26 @@
+import { Theme } from '@mui/material';
 import { SxProps } from '@mui/system';
 import { DraggableProvided, DragStart, DropResult } from 'react-beautiful-dnd';
 import { default as React } from 'react';
 
-export interface CheckBoxListItemSxProps {
-    checkBoxIcon?: SxProps;
-    label?: SxProps;
-    checkboxListItem?: SxProps;
-    checkboxButton?: SxProps;
-    checkbox?: SxProps;
-    dragAndDropContainer?: SxProps;
-    checkboxList?: SxProps;
-}
+export type CheckBoxListItemSx = {
+    checkBoxIcon?: SxProps<Theme>;
+    label?: SxProps<Theme>;
+    checkboxListItem?: SxProps<Theme>;
+    checkboxButton?: SxProps<Theme>;
+    checkbox?: SxProps<Theme>;
+};
+export type CheckBoxListSx = {
+    dragAndDropContainer?: SxProps<Theme>;
+    checkboxList?: SxProps<Theme>;
+};
+export type CheckBoxListItemSxMethod<T> = (item: T) => CheckBoxListItemSx;
+type CheckBoxListItemSxProps<T> = CheckBoxListSx & {
+    items: CheckBoxListItemSx | CheckBoxListItemSxMethod<T>;
+};
 export interface CheckBoxListItemProps<T> {
     item: T;
-    sx?: CheckBoxListItemSxProps;
+    sx?: CheckBoxListItemSx;
     label: string;
     onClick: () => void;
     secondaryAction?: (item: T, hover: string) => React.ReactElement | null;
@@ -21,7 +28,8 @@ export interface CheckBoxListItemProps<T> {
     disabled?: boolean;
     divider?: boolean;
     checked: boolean;
-    isCheckboxClickableOnly?: boolean;
+    onItemClick?: (item: T) => void;
+    isItemClickable?: (item: T) => boolean;
 }
 export interface DraggableCheckBoxListItemProps<T> extends CheckBoxListItemProps<T> {
     isDragDisable?: boolean;
@@ -33,29 +41,38 @@ export interface CheckBoxListItemsProps<T> {
     onSelectionChange?: (selectedItems: T[]) => void;
     getItemId: (item: T) => string;
     getItemLabel?: (item: T) => string;
-    secondaryAction?: (item: T) => React.ReactElement | null;
-    enableSecondaryActionOnHover?: boolean;
+    secondaryAction?: (item: T, hover: boolean) => React.ReactElement | null;
     isDisabled?: (item: T) => boolean;
     addSelectAllCheckbox?: boolean;
     selectAllCheckBoxLabel?: string;
-    sx?: CheckBoxListItemSxProps;
+    sx?: CheckBoxListItemSxProps<T>;
     isDndDragAndDropActive?: boolean;
     isDragDisable?: boolean;
     divider?: boolean;
-    isCheckboxClickableOnly?: boolean;
+    onItemClick?: (item: T) => void;
+    isItemClickable?: (item: T) => boolean;
 }
 export interface CheckboxListProps<T> extends CheckBoxListItemsProps<T> {
     onDragStart?: (dragStart: DragStart) => void;
     onDragEnd?: (dropResult: DropResult) => void;
 }
-export interface ClickableItemProps {
-    sx?: CheckBoxListItemSxProps;
+export interface ClickableCheckBoxItemProps {
+    sx?: CheckBoxListItemSx;
     label: string;
     onClick: () => void;
     disabled?: boolean;
     checked: boolean;
 }
-export interface DraggableClickableItemProps extends ClickableItemProps {
+export interface DraggableClickableCheckBoxItemProps extends ClickableCheckBoxItemProps {
     provided: DraggableProvided;
     isHighlighted: boolean;
 }
+interface ClickableItem {
+    onItemClick: () => void;
+    isItemClickable?: boolean;
+}
+export interface ClickableRowItemProps extends ClickableCheckBoxItemProps, ClickableItem {
+}
+export interface DraggableClickableRowItemProps extends DraggableClickableCheckBoxItemProps, ClickableItem {
+}
+export {};

package/dist/components/filter/constants/FilterConstants.d.ts

@@ -1,9 +1,5 @@
-/**
- * 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/.
- */
+import { SelectionForCopy } from '../filter.type';
+
 export declare const DISTRIBUTION_KEY = "distributionKey";
 export declare const FilterType: {
     CRITERIA_BASED: {
@@ -19,3 +15,4 @@ export declare const FilterType: {
         label: string;
     };
 };
+export declare const NO_SELECTION_FOR_COPY: SelectionForCopy;

package/dist/components/filter/constants/FilterConstants.js

@@ -4,7 +4,16 @@ const FilterType = {
   EXPLICIT_NAMING: { id: "IDENTIFIER_LIST", label: "filter.explicitNaming" },
   EXPERT: { id: "EXPERT", label: "filter.expert" }
 };
+const NO_SELECTION_FOR_COPY = {
+  sourceItemUuid: null,
+  nameItem: null,
+  descriptionItem: null,
+  parentDirectoryUuid: null,
+  typeItem: null,
+  specificTypeItem: null
+};
 export {
   DISTRIBUTION_KEY,
-  FilterType
+  FilterType,
+  NO_SELECTION_FOR_COPY
 };

package/dist/components/filter/criteriaBased/CriteriaBasedFilterEditionDialog.d.ts

@@ -1,14 +1,7 @@
+import { SelectionForCopy } from '../filter.type';
 import { ElementExistsType } from '../../../utils/types/elementType';
 import { UUID } from 'crypto';
-import { Dispatch, SetStateAction } from 'react';
 
-export type SelectionCopy = {
-    sourceItemUuid: UUID | null;
-    name: string | null;
-    description: string | null;
-    parentDirectoryUuid: UUID | null;
-};
-export declare const noSelectionForCopy: SelectionCopy;
 export interface CriteriaBasedFilterEditionDialogProps {
     id: string;
     name: string;
@@ -17,11 +10,11 @@ export interface CriteriaBasedFilterEditionDialogProps {
     onClose: () => void;
     broadcastChannel: BroadcastChannel;
     getFilterById: (id: string) => Promise<any>;
-    selectionForCopy: SelectionCopy;
-    setSelelectionForCopy: (selection: SelectionCopy) => Dispatch<SetStateAction<SelectionCopy>>;
+    selectionForCopy: SelectionForCopy;
+    setSelectionForCopy: (selection: SelectionForCopy) => void;
     activeDirectory?: UUID;
     elementExists?: ElementExistsType;
     language?: string;
 }
-declare function CriteriaBasedFilterEditionDialog({ id, name, titleId, open, onClose, broadcastChannel, getFilterById, selectionForCopy, setSelelectionForCopy, activeDirectory, elementExists, language, }: Readonly<CriteriaBasedFilterEditionDialogProps>): import("react/jsx-runtime").JSX.Element;
+declare function CriteriaBasedFilterEditionDialog({ id, name, titleId, open, onClose, broadcastChannel, getFilterById, selectionForCopy, setSelectionForCopy, activeDirectory, elementExists, language, }: Readonly<CriteriaBasedFilterEditionDialogProps>): import("react/jsx-runtime").JSX.Element;
 export default CriteriaBasedFilterEditionDialog;

package/dist/components/filter/criteriaBased/CriteriaBasedFilterEditionDialog.js

@@ -8,17 +8,11 @@ import CustomMuiDialog from "../../dialogs/customMuiDialog/CustomMuiDialog.js";
 import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
 import { criteriaBasedFilterSchema } from "./CriteriaBasedFilterForm.js";
 import "../../../utils/yupConfig.js";
-import { FilterType } from "../constants/FilterConstants.js";
+import { FilterType, NO_SELECTION_FOR_COPY } from "../constants/FilterConstants.js";
 import FetchStatus from "../../../utils/constants/fetchStatus.js";
 import { saveFilter } from "../../../services/explore.js";
 import FilterForm from "../FilterForm.js";
 import * as yup from "yup";
-const noSelectionForCopy = {
-  sourceItemUuid: null,
-  name: null,
-  description: null,
-  parentDirectoryUuid: null
-};
 const formSchema = yup.object().shape({
   [FieldConstants.NAME]: yup.string().trim().required("nameEmpty"),
   [FieldConstants.FILTER_TYPE]: yup.string().required(),
@@ -34,7 +28,7 @@ function CriteriaBasedFilterEditionDialog({
   broadcastChannel,
   getFilterById,
   selectionForCopy,
-  setSelelectionForCopy,
+  setSelectionForCopy,
   activeDirectory,
   elementExists,
   language
@@ -74,9 +68,9 @@ function CriteriaBasedFilterEditionDialog({
     (filterForm) => {
       saveFilter(frontToBackTweak(id, filterForm), filterForm[FieldConstants.NAME]).then(() => {
         if (selectionForCopy.sourceItemUuid === id) {
-          setSelelectionForCopy(noSelectionForCopy);
+          setSelectionForCopy(NO_SELECTION_FOR_COPY);
           broadcastChannel.postMessage({
-            noSelectionForCopy
+            NO_SELECTION_FOR_COPY
           });
         }
       }).catch((error) => {
@@ -85,7 +79,7 @@ function CriteriaBasedFilterEditionDialog({
         });
       });
     },
-    [broadcastChannel, id, selectionForCopy.sourceItemUuid, snackError, setSelelectionForCopy]
+    [broadcastChannel, id, selectionForCopy.sourceItemUuid, snackError, setSelectionForCopy]
   );
   const isDataReady = dataFetchStatus === FetchStatus.FETCH_SUCCESS;
   return /* @__PURE__ */ jsx(
@@ -106,6 +100,5 @@ function CriteriaBasedFilterEditionDialog({
   );
 }
 export {
-  CriteriaBasedFilterEditionDialog as default,
-  noSelectionForCopy
+  CriteriaBasedFilterEditionDialog as default
 };

package/dist/components/filter/expert/ExpertFilterEditionDialog.d.ts

@@ -1,3 +1,4 @@
+import { SelectionForCopy } from '../filter.type';
 import { ElementExistsType } from '../../../utils/types/elementType';
 import { UUID } from 'crypto';
 
@@ -8,11 +9,11 @@ export interface ExpertFilterEditionDialogProps {
     open: boolean;
     onClose: () => void;
     broadcastChannel: BroadcastChannel;
-    selectionForCopy: any;
+    selectionForCopy: SelectionForCopy;
     getFilterById: (id: string) => Promise<{
         [prop: string]: any;
     }>;
-    setSelectionForCopy: (selection: any) => void;
+    setSelectionForCopy: (selection: SelectionForCopy) => void;
     activeDirectory?: UUID;
     elementExists?: ElementExistsType;
     language?: string;

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

@@ -3,7 +3,6 @@ import { useState, useEffect, useCallback } from "react";
 import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import FieldConstants from "../../../utils/constants/fieldConstants.js";
-import { noSelectionForCopy } from "../../../utils/types/equipmentTypes.js";
 import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
 import CustomMuiDialog from "../../dialogs/customMuiDialog/CustomMuiDialog.js";
 import "../../../utils/yupConfig.js";
@@ -11,7 +10,7 @@ import FilterForm from "../FilterForm.js";
 import { expertFilterSchema, EXPERT_FILTER_QUERY } from "./ExpertFilterForm.js";
 import { saveExpertFilter } from "../utils/filterApi.js";
 import { importExpertRules } from "./expertFilterUtils.js";
-import { FilterType } from "../constants/FilterConstants.js";
+import { FilterType, NO_SELECTION_FOR_COPY } from "../constants/FilterConstants.js";
 import FetchStatus from "../../../utils/constants/fetchStatus.js";
 import * as yup from "yup";
 const formSchema = yup.object().shape({
@@ -85,9 +84,9 @@ function ExpertFilterEditionDialog({
         }
       );
       if (selectionForCopy.sourceItemUuid === id) {
-        setSelectionForCopy(noSelectionForCopy);
+        setSelectionForCopy(NO_SELECTION_FOR_COPY);
         broadcastChannel.postMessage({
-          noSelectionForCopy
+          NO_SELECTION_FOR_COPY
         });
       }
     },

package/dist/components/filter/explicitNaming/ExplicitNamingFilterEditionDialog.d.ts

@@ -1,3 +1,4 @@
+import { SelectionForCopy } from '../filter.type';
 import { ElementExistsType } from '../../../utils/types/elementType';
 import { UUID } from 'crypto';
 
@@ -8,8 +9,8 @@ export interface ExplicitNamingFilterEditionDialogProps {
     open: boolean;
     onClose: () => void;
     broadcastChannel: BroadcastChannel;
-    selectionForCopy: any;
-    setSelectionForCopy: (selection: any) => void;
+    selectionForCopy: SelectionForCopy;
+    setSelectionForCopy: (selection: SelectionForCopy) => void;
     getFilterById: (id: string) => Promise<any>;
     activeDirectory?: UUID;
     elementExists?: ElementExistsType;

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

@@ -11,8 +11,7 @@ import "../../../utils/yupConfig.js";
 import { explicitNamingFilterSchema, FILTER_EQUIPMENTS_ATTRIBUTES } from "./ExplicitNamingFilterForm.js";
 import FieldConstants from "../../../utils/constants/fieldConstants.js";
 import FilterForm from "../FilterForm.js";
-import { noSelectionForCopy } from "../../../utils/types/equipmentTypes.js";
-import { FilterType } from "../constants/FilterConstants.js";
+import { FilterType, NO_SELECTION_FOR_COPY } from "../constants/FilterConstants.js";
 import FetchStatus from "../../../utils/constants/fetchStatus.js";
 import * as yup from "yup";
 const formSchema = yup.object().shape({
@@ -88,9 +87,9 @@ function ExplicitNamingFilterEditionDialog({
         onClose
       );
       if (selectionForCopy.sourceItemUuid === id) {
-        setSelectionForCopy(noSelectionForCopy);
+        setSelectionForCopy(NO_SELECTION_FOR_COPY);
         broadcastChannel.postMessage({
-          noSelectionForCopy
+          NO_SELECTION_FOR_COPY
         });
       }
     },

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

@@ -163,7 +163,7 @@ function ExplicitNamingFilterForm({ sourceFilterForExplicitNamingConversion }) {
           Input: SelectInput,
           name: FieldConstants.EQUIPMENT_TYPE,
           options: Object.values(FILTER_EQUIPMENTS),
-          disabled: sourceFilterForExplicitNamingConversion,
+          disabled: !!sourceFilterForExplicitNamingConversion,
           label: "equipmentType",
           shouldOpenPopup: openConfirmationPopup,
           resetOnConfirmation: handleResetOnConfirmation,

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

@@ -0,0 +1,14 @@
+/**
+ * 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 type SelectionForCopy = {
+    sourceItemUuid: string | null;
+    typeItem: string | null;
+    nameItem: string | null;
+    descriptionItem: string | null;
+    parentDirectoryUuid: string | null;
+    specificTypeItem: string | null;
+};

package/dist/components/filter/filter.type.js

@@ -0,0 +1 @@
+

package/dist/index.d.ts

@@ -41,7 +41,8 @@ export type { BottomRightButtonsProps } from './components/inputs/reactHookForm/
 export { default as CustomAgGridTable } from './components/inputs/reactHookForm/agGridTable/CustomAgGridTable';
 export type { CustomAgGridTableProps } from './components/inputs/reactHookForm/agGridTable/CustomAgGridTable';
 export { ROW_DRAGGING_SELECTION_COLUMN_DEF } from './components/inputs/reactHookForm/agGridTable/CustomAgGridTable';
-export { Line, Generator, Load, Battery, SVC, DanglingLine, LCC, VSC, Hvdc, BusBar, TwoWindingTransfo, ThreeWindingTransfo, ShuntCompensator, VoltageLevel, Substation, noSelectionForCopy, } from './utils/types/equipmentTypes';
+export { Line, Generator, Load, Battery, SVC, DanglingLine, LCC, VSC, Hvdc, BusBar, TwoWindingTransfo, ThreeWindingTransfo, ShuntCompensator, VoltageLevel, Substation, } from './utils/types/equipmentTypes';
+export { NO_SELECTION_FOR_COPY as noSelectionForCopy } from './components/filter/constants/FilterConstants';
 export { default as FieldConstants } from './utils/constants/fieldConstants';
 export { fields as EXPERT_FILTER_FIELDS } from './components/filter/expert/expertFilterConstants';
 export { default as CustomReactQueryBuilder } from './components/inputs/reactQueryBuilder/CustomReactQueryBuilder';