@gridsuite/commons-ui 0.132.0 → 0.134.0

package/dist/components/authentication/utils/authService.js

@@ -80,12 +80,12 @@ function computeMinExpiresIn(expiresIn, idToken, maxExpiresIn) {
 }
 function login(location, userManagerInstance) {
   sessionStorage.setItem(pathKey, location.pathname + location.search);
-  return userManagerInstance == null ? void 0 : userManagerInstance.signinRedirect().then(() => console.debug("login"));
+  return userManagerInstance?.signinRedirect().then(() => console.debug("login"));
 }
 function logout(dispatch, userManagerInstance) {
   sessionStorage.removeItem(hackAuthorityKey);
   sessionStorage.removeItem(oidcHackReloadedKey);
-  return userManagerInstance == null ? void 0 : userManagerInstance.getUser().then((user) => {
+  return userManagerInstance?.getUser().then((user) => {
     if (user) {
       return userManagerInstance.signoutRedirect({
         extraQueryParams: {
@@ -94,10 +94,9 @@ function logout(dispatch, userManagerInstance) {
       }).then(() => {
         console.debug("logged out, window is closing...");
       }).catch((e) => {
-        var _a;
         console.log("Error during logout :", e);
         dispatch(setLoggedUser(null));
-        dispatch(setLogoutError((_a = user == null ? void 0 : user.profile) == null ? void 0 : _a.name, { error: e }));
+        dispatch(setLogoutError(user?.profile?.name, { error: e }));
       });
     }
     console.log("Error nobody to logout ");
@@ -106,7 +105,6 @@ function logout(dispatch, userManagerInstance) {
 }
 function dispatchUser(dispatch, userManagerInstance) {
   return userManagerInstance.getUser().then((user) => {
-    var _a;
     if (user) {
       if (getIdTokenExpiresIn(user) < 0) {
         console.debug("User token is expired and will not be dispatched");
@@ -116,7 +114,7 @@ function dispatchUser(dispatch, userManagerInstance) {
       reloadTimerOnExpiresIn(
         user,
         userManagerInstance,
-        computeMinExpiresIn(user.expires_in, user.id_token, (_a = userManagerInstance.idpSettings) == null ? void 0 : _a.maxExpiresIn)
+        computeMinExpiresIn(user.expires_in, user.id_token, userManagerInstance.idpSettings?.maxExpiresIn)
       );
       return dispatch(setLoggedUser(user));
     }
@@ -165,7 +163,6 @@ function handleUser(dispatch, userManager) {
     console.debug(error);
     window.setTimeout(() => {
       userManager.getUser().then((user) => {
-        var _a, _b;
         if (!user) {
           console.error("user is null at silent renew error, it shouldn't happen.");
           return;
@@ -178,7 +175,7 @@ function handleUser(dispatch, userManager) {
           dispatch(setLoggedUser(null));
           return;
         }
-        if ((_a = userManager.idpSettings) == null ? void 0 : _a.maxExpiresIn) {
+        if (userManager.idpSettings?.maxExpiresIn) {
           if (idTokenExpiresIn < userManager.idpSettings.maxExpiresIn) {
             console.log(
               `Error in silent renew, but idtoken ALMOST expiring (expiring in${idTokenExpiresIn}) => last chance, next error will logout`,
@@ -196,7 +193,7 @@ function handleUser(dispatch, userManager) {
           }
         } else {
           console.log(
-            `Error in silent renew, unsupported configuration: token still valid for ${idTokenExpiresIn} but maxExpiresIn is not configured:${(_b = userManager.idpSettings) == null ? void 0 : _b.maxExpiresIn}`,
+            `Error in silent renew, unsupported configuration: token still valid for ${idTokenExpiresIn} but maxExpiresIn is not configured:${userManager.idpSettings?.maxExpiresIn}`,
             error
           );
         }

package/dist/components/checkBoxList/CheckBoxList.js

@@ -28,7 +28,7 @@ function CheckBoxList({
         }
         setIsDragging(true);
       },
-      children: /* @__PURE__ */ jsx(Droppable, { droppableId: "droppable-checkbox-list", isDropDisabled: isDragDisable, children: (provided) => /* @__PURE__ */ jsxs(Box, { ...provided.droppableProps, ref: provided.innerRef, sx: sx == null ? void 0 : sx.dragAndDropContainer, children: [
+      children: /* @__PURE__ */ jsx(Droppable, { droppableId: "droppable-checkbox-list", isDropDisabled: isDragDisable, children: (provided) => /* @__PURE__ */ jsxs(Box, { ...provided.droppableProps, ref: provided.innerRef, sx: sx?.dragAndDropContainer, children: [
         checkBoxField,
         provided.placeholder
       ] }) })

package/dist/components/checkBoxList/CheckBoxListItem.js

@@ -51,8 +51,8 @@ function CheckBoxListItem({
   return /* @__PURE__ */ jsx(
     ListItem,
     {
-      secondaryAction: secondaryAction == null ? void 0 : secondaryAction(item, hover),
-      sx: mergeSx(styles.checkboxListItem, sx == null ? void 0 : sx.checkboxListItem),
+      secondaryAction: secondaryAction?.(item, hover),
+      sx: mergeSx(styles.checkboxListItem, sx?.checkboxListItem),
       onMouseEnter: () => setHover(getItemId(item)),
       onMouseLeave: () => setHover(""),
       disablePadding: true,
@@ -60,7 +60,7 @@ function CheckBoxListItem({
       children: onItemClick ? /* @__PURE__ */ jsx(
         ListItemButton,
         {
-          sx: mergeSx({ alignItems: "flex-start", padding: "unset" }, sx == null ? void 0 : sx.checkboxButton),
+          sx: mergeSx({ alignItems: "flex-start", padding: "unset" }, sx?.checkboxButton),
           disabled,
           onClick: handleItemClick,
           children: /* @__PURE__ */ jsx(CheckBoxListItemContent, { sx, ...props })

package/dist/components/checkBoxList/CheckBoxListItemContent.js

@@ -18,7 +18,7 @@ function CheckBoxListItemContent({
     onClick();
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ListItemIcon, { sx: mergeSx({ marginTop: "0px" }, sx == null ? void 0 : sx.checkBoxIcon), children: /* @__PURE__ */ jsx(Checkbox, { sx: sx == null ? void 0 : sx.checkbox, disableRipple: true, onClick: onCheckboxClick, ...props }) }),
+    /* @__PURE__ */ jsx(ListItemIcon, { sx: mergeSx({ marginTop: "0px" }, sx?.checkBoxIcon), children: /* @__PURE__ */ jsx(Checkbox, { sx: sx?.checkbox, disableRipple: true, onClick: onCheckboxClick, ...props }) }),
     /* @__PURE__ */ jsx(
       ListItemText,
       {
@@ -31,11 +31,11 @@ function CheckBoxListItemContent({
             // this is to align text with default padding/margin of the checkbox
             marginTop: "9px"
           },
-          sx == null ? void 0 : sx.listItemText
+          sx?.listItemText
         ),
         disableTypography: true,
         secondary,
-        children: /* @__PURE__ */ jsx(OverflowableText, { sx: mergeSx({ width: "100%" }, sx == null ? void 0 : sx.label), text: label })
+        children: /* @__PURE__ */ jsx(OverflowableText, { sx: mergeSx({ width: "100%" }, sx?.label), text: label })
       }
     )
   ] });

package/dist/components/checkBoxList/CheckBoxListItems.js

@@ -42,7 +42,7 @@ function CheckBoxListItems({
   }, [selectedItems, handleOnchange, items]);
   const toggleSelection = useCallback(
     (elementToToggleId) => {
-      const element = items == null ? void 0 : items.find((v) => getItemId(v) === elementToToggleId);
+      const element = items?.find((v) => getItemId(v) === elementToToggleId);
       if (element === void 0) {
         return;
       }
@@ -72,7 +72,7 @@ function CheckBoxListItems({
     () => selectAllCheckBoxLabel ?? "multiple_selection_dialog/selectAll",
     [selectAllCheckBoxLabel]
   );
-  return /* @__PURE__ */ jsxs(List, { sx: sx == null ? void 0 : sx.checkboxList, dense: true, disablePadding: true, ...props, children: [
+  return /* @__PURE__ */ jsxs(List, { sx: sx?.checkboxList, dense: true, disablePadding: true, ...props, children: [
     addSelectAllCheckbox && /* @__PURE__ */ jsx(
       ListItem,
       {
@@ -101,12 +101,12 @@ function CheckBoxListItems({
         )
       }
     ),
-    items == null ? void 0 : items.map((item, index) => {
+    items?.map((item, index) => {
       const label = getItemLabel ? getItemLabel(item) : getItemId(item);
       const secondary = getItemLabelSecondary ? getItemLabelSecondary(item) : null;
       const disabled = isDisabled ? isDisabled(item) : false;
       const addDivider = divider && index < items.length - 1;
-      const calculatedItemSx = typeof (sx == null ? void 0 : sx.items) === "function" ? sx == null ? void 0 : sx.items(item) : sx == null ? void 0 : sx.items;
+      const calculatedItemSx = typeof sx?.items === "function" ? sx?.items(item) : sx?.items;
       if (isDndActive) {
         return /* @__PURE__ */ jsx(
           Draggable,

package/dist/components/checkBoxList/DraggableCheckBoxListItem.js

@@ -39,21 +39,21 @@ function DraggableCheckBoxListItem({
   ...props
 }) {
   const [hover, setHover] = useState("");
-  const handleItemClick = useCallback(() => onItemClick == null ? void 0 : onItemClick(item), [item, onItemClick]);
+  const handleItemClick = useCallback(() => onItemClick?.(item), [item, onItemClick]);
   return /* @__PURE__ */ jsx(
     ListItem,
     {
-      secondaryAction: secondaryAction == null ? void 0 : secondaryAction(item, hover),
-      sx: mergeSx(styles.checkboxListItem, sx == null ? void 0 : sx.checkboxListItem),
+      secondaryAction: secondaryAction?.(item, hover),
+      sx: mergeSx(styles.checkboxListItem, sx?.checkboxListItem),
       onMouseEnter: () => setHover(getItemId(item)),
       onMouseLeave: () => setHover(""),
       disablePadding: true,
       ref: provided.innerRef,
       ...provided.draggableProps,
-      children: (isItemClickable == null ? void 0 : isItemClickable(item)) ? /* @__PURE__ */ jsx(
+      children: isItemClickable?.(item) ? /* @__PURE__ */ jsx(
         ListItemButton,
         {
-          sx: mergeSx({ alignItems: "flex-start", paddingTop: "0px" }, sx == null ? void 0 : sx.checkboxButton),
+          sx: mergeSx({ alignItems: "flex-start", paddingTop: "0px" }, sx?.checkboxButton),
           disabled,
           onClick: handleItemClick,
           disableGutters: true,

package/dist/components/checkBoxList/DraggableCheckBoxListItemContent.js

@@ -25,7 +25,7 @@ function DraggableCheckBoxListItemContent({
             marginTop: "9px"
             // this is to align drag button to the checkbox and label
           },
-          sx == null ? void 0 : sx.dragButton
+          sx?.dragButton
         ),
         children: /* @__PURE__ */ jsx(DragIndicator, {})
       }

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

@@ -19,13 +19,13 @@ function getCriteriaBasedSchema(extraFields = {}) {
 function getCriteriaBasedFormData(criteriaValues, extraFields = {}) {
   return {
     [FieldConstants.CRITERIA_BASED]: {
-      [FieldConstants.COUNTRIES]: (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.COUNTRIES]) ?? [],
-      [FieldConstants.COUNTRIES_1]: (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.COUNTRIES_1]) ?? [],
-      [FieldConstants.COUNTRIES_2]: (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.COUNTRIES_2]) ?? [],
-      [FieldConstants.NOMINAL_VOLTAGE]: (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.NOMINAL_VOLTAGE]) ?? DEFAULT_RANGE_VALUE,
-      [FieldConstants.NOMINAL_VOLTAGE_1]: (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.NOMINAL_VOLTAGE_1]) ?? DEFAULT_RANGE_VALUE,
-      [FieldConstants.NOMINAL_VOLTAGE_2]: (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.NOMINAL_VOLTAGE_2]) ?? DEFAULT_RANGE_VALUE,
-      [FieldConstants.NOMINAL_VOLTAGE_3]: (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.NOMINAL_VOLTAGE_3]) ?? DEFAULT_RANGE_VALUE,
+      [FieldConstants.COUNTRIES]: criteriaValues?.[FieldConstants.COUNTRIES] ?? [],
+      [FieldConstants.COUNTRIES_1]: criteriaValues?.[FieldConstants.COUNTRIES_1] ?? [],
+      [FieldConstants.COUNTRIES_2]: criteriaValues?.[FieldConstants.COUNTRIES_2] ?? [],
+      [FieldConstants.NOMINAL_VOLTAGE]: criteriaValues?.[FieldConstants.NOMINAL_VOLTAGE] ?? DEFAULT_RANGE_VALUE,
+      [FieldConstants.NOMINAL_VOLTAGE_1]: criteriaValues?.[FieldConstants.NOMINAL_VOLTAGE_1] ?? DEFAULT_RANGE_VALUE,
+      [FieldConstants.NOMINAL_VOLTAGE_2]: criteriaValues?.[FieldConstants.NOMINAL_VOLTAGE_2] ?? DEFAULT_RANGE_VALUE,
+      [FieldConstants.NOMINAL_VOLTAGE_3]: criteriaValues?.[FieldConstants.NOMINAL_VOLTAGE_3] ?? DEFAULT_RANGE_VALUE,
       ...extraFields
     }
   };

package/dist/components/csvDownloader/use-csv-export.js

@@ -35,10 +35,7 @@ const useCsvExport = () => {
         columnSeparator: props.language === LANG_FRENCH ? ";" : ",",
         columnKeys: props.columns.map((col) => col.colId).filter(hasColId),
         skipColumnHeaders: props.skipColumnHeaders,
-        processHeaderCallback: (params) => {
-          var _a;
-          return ((_a = params.column.getColDef().headerComponentParams) == null ? void 0 : _a.displayName) ?? params.column.getColDef().headerName ?? params.column.getColId();
-        },
+        processHeaderCallback: (params) => params.column.getColDef().headerComponentParams?.displayName ?? params.column.getColDef().headerName ?? params.column.getColId(),
         fileName: prefix.concat(getCSVFilename(props.tableName)),
         processCellCallback: processCell
       });

package/dist/components/customAGGrid/customAggrid.js

@@ -18,11 +18,11 @@ function useAgGridLocale(overrideLocales) {
           ...AG_GRID_LOCALE_FR,
           thousandSeparator: " ",
           decimalSeparator: ",",
-          ...overrideLocales == null ? void 0 : overrideLocales[LANG_FRENCH]
+          ...overrideLocales?.[LANG_FRENCH]
         };
       case LANG_ENGLISH:
       default:
-        return { ...AG_GRID_LOCALE_EN, ...overrideLocales == null ? void 0 : overrideLocales[LANG_ENGLISH] };
+        return { ...AG_GRID_LOCALE_EN, ...overrideLocales?.[LANG_ENGLISH] };
     }
   }, [intl.defaultLocale, intl.locale, overrideLocales]);
 }

package/dist/components/dialogs/customMuiDialog/CustomMuiDialog.js

@@ -61,7 +61,7 @@ function CustomMuiDialog({
   const { handleSubmit } = formMethods;
   const handleCancel = useCallback(
     (event) => {
-      onCancel == null ? void 0 : onCancel();
+      onCancel?.();
       onClose(event);
     },
     [onCancel, onClose]
@@ -98,7 +98,7 @@ function CustomMuiDialog({
   }, [validate, validatedData]);
   const handleValidationError = useCallback(
     (errors) => {
-      onValidationError == null ? void 0 : onValidationError(errors);
+      onValidationError?.(errors);
     },
     [onValidationError]
   );

package/dist/components/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js

@@ -37,9 +37,8 @@ function DescriptionModificationDialog({
   };
   const onSubmit = useCallback(
     (data) => {
-      var _a;
       updateElement(elementUuid, {
-        [FieldConstants.DESCRIPTION]: ((_a = data[FieldConstants.DESCRIPTION]) == null ? void 0 : _a.trim()) ?? ""
+        [FieldConstants.DESCRIPTION]: data[FieldConstants.DESCRIPTION]?.trim() ?? ""
       }).catch((error) => {
         if (error instanceof Object && "message" in error && typeof error.message === "string") {
           snackError({

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

@@ -149,12 +149,12 @@ function ElementSaveDialog({
   const handleSelection = useCallback(
     (items) => {
       if (isCreateMode) {
-        if ((items == null ? void 0 : items.length) > 0 && items[0].id !== (destinationFolder == null ? void 0 : destinationFolder.id)) {
+        if (items?.length > 0 && items[0].id !== destinationFolder?.id) {
           const { id, name } = items[0];
           setDestinationFolder({ id, name });
           setExpanded([]);
         }
-      } else if ((items == null ? void 0 : items.length) > 0 && items[0].id !== (selectedItem == null ? void 0 : selectedItem.id)) {
+      } else if (items?.length > 0 && items[0].id !== selectedItem?.id) {
         const { id, name, description, parents } = items[0];
         if (!parents) {
           snackError({
@@ -171,7 +171,7 @@ function ElementSaveDialog({
       }
       setDirectorySelectorOpen(false);
     },
-    [isCreateMode, destinationFolder == null ? void 0 : destinationFolder.id, selectedItem == null ? void 0 : selectedItem.id, setValue, snackError]
+    [isCreateMode, destinationFolder?.id, selectedItem?.id, setValue, snackError]
   );
   const onSubmit = useCallback(
     (values) => {
@@ -243,8 +243,8 @@ function ElementSaveDialog({
               name: FieldConstants.NAME,
               label: "name",
               elementType: type,
-              currentName: !isCreateMode ? selectedItem == null ? void 0 : selectedItem.name : void 0,
-              activeDirectory: isCreateMode ? destinationFolder == null ? void 0 : destinationFolder.id : selectedItem == null ? void 0 : selectedItem.parentFolderId,
+              currentName: !isCreateMode ? selectedItem?.name : void 0,
+              activeDirectory: isCreateMode ? destinationFolder?.id : selectedItem?.parentFolderId,
               autoFocus: true
             }
           ) }),
@@ -267,7 +267,7 @@ function ElementSaveDialog({
               id: isCreateMode ? "showSelectDirectoryDialog" : selectorTitleId
             })
           },
-          isCreateMode ? destinationFolder == null ? void 0 : destinationFolder.id : selectedItem == null ? void 0 : selectedItem.id
+          isCreateMode ? destinationFolder?.id : selectedItem?.id
         )
       ]
     }

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

@@ -20,7 +20,7 @@ async function initializeDirectory(config) {
         path: path.slice(0, parentFolderIndex + 1)
       };
     }
-    onError == null ? void 0 : onError("unknown study directory", "studyDirectoryFetchingError");
+    onError?.("unknown study directory", "studyDirectoryFetchingError");
     return null;
   }
   if (initDirectory) {

package/dist/components/dialogs/modifyElementSelection/ModifyElementSelection.js

@@ -57,7 +57,7 @@ function ModifyElementSelection(props) {
             /* @__PURE__ */ jsx(FolderOutlined, {}),
             /* @__PURE__ */ jsxs("span", { children: [
               " ",
-              activeDirectoryName || ((props == null ? void 0 : props.noElementMessageLabel) ? intl.formatMessage({
+              activeDirectoryName || (props?.noElementMessageLabel ? intl.formatMessage({
                 id: noElementMessageLabel
               }) : "")
             ] })

package/dist/components/directoryItemSelector/DirectoryItemSelector.js

@@ -31,7 +31,7 @@ function flattenDownNodes(n, cef) {
   return Array.prototype.concat([n], ...subs.map((sn) => flattenDownNodes(sn, cef)));
 }
 function refreshedUpNodes(nodeMap, newElement) {
-  if (!(newElement == null ? void 0 : newElement.elementUuid)) {
+  if (!newElement?.elementUuid) {
     return [];
   }
   if (newElement.parentUuid === null) {
@@ -43,7 +43,6 @@ function refreshedUpNodes(nodeMap, newElement) {
   return [newElement, ...refreshedUpNodes(nodeMap, nextParent)];
 }
 function updatedTree(prevRoots, prevMap, nodeId, children) {
-  var _a;
   const nextChildren = children.sort((a, b) => a.elementName.localeCompare(b.elementName)).map((n) => {
     const pn = prevMap[n.elementUuid];
     if (!pn) {
@@ -63,8 +62,8 @@ function updatedTree(prevRoots, prevMap, nodeId, children) {
       parentUuid: nodeId
     };
   });
-  const prevChildren = nodeId ? (_a = prevMap[nodeId]) == null ? void 0 : _a.children : prevRoots;
-  if ((prevChildren == null ? void 0 : prevChildren.length) === nextChildren.length && prevChildren.every((e, i) => e === nextChildren[i])) {
+  const prevChildren = nodeId ? prevMap[nodeId]?.children : prevRoots;
+  if (prevChildren?.length === nextChildren.length && prevChildren.every((e, i) => e === nextChildren[i])) {
     return [prevRoots, prevMap];
   }
   const nextUuids = new Set(children ? children.map((n) => n.elementUuid) : []);

package/dist/components/dnd-table/dnd-table-bottom-right-buttons.js

@@ -14,14 +14,13 @@ function DndTableBottomRightButtons({
   showMoveArrow,
   disabled
 }) {
-  var _a, _b;
   const intl = useIntl();
   const currentRows = useWatch({
     name: arrayFormName
   });
   const noRowsSelected = currentRows ? !currentRows.some((row) => row[SELECTED]) : true;
-  const firstRowSelected = (_a = currentRows[0]) == null ? void 0 : _a[SELECTED];
-  const lastRowSelected = (_b = currentRows[currentRows.length - 1]) == null ? void 0 : _b[SELECTED];
+  const firstRowSelected = currentRows[0]?.[SELECTED];
+  const lastRowSelected = currentRows[currentRows.length - 1]?.[SELECTED];
   return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, xs: true, spacing: 1, sx: { justifyContent: "flex-end" }, children: [
     /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
       Tooltip,

package/dist/components/dnd-table/dnd-table.js

@@ -57,17 +57,17 @@ function MultiCheckbox({
     name: arrayFormName
   });
   const allRowSelected = useMemo(
-    () => arrayToWatch ? arrayToWatch == null ? void 0 : arrayToWatch.every((row) => row[SELECTED]) : false,
+    () => arrayToWatch ? arrayToWatch?.every((row) => row[SELECTED]) : false,
     [arrayToWatch]
   );
   const someRowSelected = useMemo(
-    () => arrayToWatch ? arrayToWatch == null ? void 0 : arrayToWatch.some((row) => row[SELECTED]) : false,
+    () => arrayToWatch ? arrayToWatch?.some((row) => row[SELECTED]) : false,
     [arrayToWatch]
   );
   return /* @__PURE__ */ jsx(
     Checkbox,
     {
-      checked: (arrayToWatch == null ? void 0 : arrayToWatch.length) > 0 && allRowSelected,
+      checked: arrayToWatch?.length > 0 && allRowSelected,
       indeterminate: someRowSelected && !allRowSelected,
       onChange: (event) => {
         if (event.target.checked) {
@@ -99,10 +99,10 @@ function EditableTableCell({
         name: `${arrayFormName}[${rowIndex}].${column.dataKey}`,
         previousValue,
         valueModified,
-        adornment: column == null ? void 0 : column.adornment,
-        isClearable: column == null ? void 0 : column.clearable,
+        adornment: column?.adornment,
+        isClearable: column?.clearable,
         style: {
-          textAlign: column == null ? void 0 : column.textAlign
+          textAlign: column?.textAlign
         }
       }
     ),
@@ -207,7 +207,7 @@ function DndTable(props) {
       return;
     }
     clearErrors(arrayFormName);
-    const rowsToAdd = createRows == null ? void 0 : createRows(numberOfRows).map((row) => {
+    const rowsToAdd = createRows?.(numberOfRows).map((row) => {
       return { ...row, [SELECTED]: false };
     });
     append(rowsToAdd);

package/dist/components/elementSearch/elementItem/EquipmentItem.js

@@ -15,28 +15,27 @@ function EquipmentItem({
   showsJustText = false,
   ...props
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const matches = match(element.label, inputValue, {
     insideWords: true,
     findAllOccurrences: true
   });
   const parts = parse(element.label, matches);
-  return /* @__PURE__ */ jsx("li", { ...props, children: /* @__PURE__ */ jsxs(Box, { className: (_a = props.classes) == null ? void 0 : _a.equipmentOption, sx: (_b = props.styles) == null ? void 0 : _b.equipmentOption, children: [
+  return /* @__PURE__ */ jsx("li", { ...props, children: /* @__PURE__ */ jsxs(Box, { className: props.classes?.equipmentOption, sx: props.styles?.equipmentOption, children: [
     !showsJustText && /* @__PURE__ */ jsx(
       Box,
       {
         component: "span",
-        className: clsx((_c = props.classes) == null ? void 0 : _c.equipmentTag, (_d = props.classes) == null ? void 0 : _d.equipmentTypeTag),
-        sx: mergeSx((_e = props.styles) == null ? void 0 : _e.equipmentTag, (_f = props.styles) == null ? void 0 : _f.equipmentTypeTag),
-        children: /* @__PURE__ */ jsx(FormattedMessage, { id: (_g = EQUIPMENT_TYPE[element.type]) == null ? void 0 : _g.tagLabel })
+        className: clsx(props.classes?.equipmentTag, props.classes?.equipmentTypeTag),
+        sx: mergeSx(props.styles?.equipmentTag, props.styles?.equipmentTypeTag),
+        children: /* @__PURE__ */ jsx(FormattedMessage, { id: EQUIPMENT_TYPE[element.type]?.tagLabel })
       }
     ),
     /* @__PURE__ */ jsx(
       OverflowableText,
       {
         text: parts.map((e) => e.text).join(),
-        className: (_h = props.classes) == null ? void 0 : _h.result,
-        sx: (_i = props.styles) == null ? void 0 : _i.result,
+        className: props.classes?.result,
+        sx: props.styles?.result,
         children: parts.map((part) => /* @__PURE__ */ jsx(
           "span",
           {

package/dist/components/elementSearch/elementSearchDialog/ElementSearchDialog.js

@@ -6,7 +6,7 @@ function ElementSearchDialog(props) {
   const { open, onClose, onSearchTermChange, ...rest } = props;
   const handleClose = useCallback(() => {
     onSearchTermChange("");
-    onClose == null ? void 0 : onClose();
+    onClose?.();
   }, [onSearchTermChange, onClose]);
   return /* @__PURE__ */ jsx(Dialog, { open, onClose: handleClose, disableRestoreFocus: true, "aria-labelledby": "dialog-title-search", fullWidth: true, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(ElementSearchInput, { onSearchTermChange, ...rest }) }) });
 }

package/dist/components/elementSearch/tagRenderer/TagRenderer.js

@@ -4,14 +4,13 @@ import { OverflowableText } from "../../overflowableText/OverflowableText.js";
 import { EQUIPMENT_TYPE } from "../../../utils/types/equipmentType.js";
 import { mergeSx } from "../../../utils/styles.js";
 function TagRenderer({ element, ...props }) {
-  var _a, _b, _c, _d, _e, _f;
-  if (element.type !== ((_a = EQUIPMENT_TYPE.SUBSTATION) == null ? void 0 : _a.name) && element.type !== ((_b = EQUIPMENT_TYPE.VOLTAGE_LEVEL) == null ? void 0 : _b.name)) {
+  if (element.type !== EQUIPMENT_TYPE.SUBSTATION?.name && element.type !== EQUIPMENT_TYPE.VOLTAGE_LEVEL?.name) {
     return /* @__PURE__ */ jsx(
       OverflowableText,
       {
         text: element.voltageLevelLabel,
-        className: clsx((_c = props.classes) == null ? void 0 : _c.equipmentTag, (_d = props.classes) == null ? void 0 : _d.equipmentVlTag),
-        sx: mergeSx((_e = props.styles) == null ? void 0 : _e.equipmentTag, (_f = props.styles) == null ? void 0 : _f.equipmentVlTag)
+        className: clsx(props.classes?.equipmentTag, props.classes?.equipmentVlTag),
+        sx: mergeSx(props.styles?.equipmentTag, props.styles?.equipmentVlTag)
       }
     );
   }

package/dist/components/filter/FilterCreationDialog.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useCallback, useMemo } from "react";
+import { useMemo, useCallback } from "react";
 import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { saveExplicitNamingFilter, saveExpertFilter } from "./utils/filterApi.js";
@@ -9,11 +9,15 @@ import { getExplicitNamingFilterEmptyFormData, explicitNamingFilterSchema } from
 import { FieldConstants } from "../../utils/constants/fieldConstants.js";
 import "../../utils/yupConfig.js";
 import { FilterForm } from "./FilterForm.js";
-import { expertFilterSchema, getExpertFilterEmptyFormData } from "./expert/ExpertFilterForm.js";
+import { getExpertFilterEmptyFormData, expertFilterSchema } from "./expert/ExpertFilterForm.js";
 import { FilterType } from "./constants/FilterConstants.js";
 import { MAX_CHAR_DESCRIPTION } from "../../utils/constants/uiConstants.js";
 import { EXPERT_FILTER_QUERY } from "./expert/expertFilterConstants.js";
 import { FILTER_EQUIPMENTS_ATTRIBUTES } from "./explicitNaming/ExplicitNamingFilterConstants.js";
+import { CustomError } from "../../services/businessErrorCode.js";
+import "../../utils/conversionUtils.js";
+import "@mui/icons-material";
+import "../../utils/types/equipmentType.js";
 import * as yup from "yup";
 const emptyFormData = {
   [FieldConstants.NAME]: "",
@@ -22,12 +26,12 @@ const emptyFormData = {
   ...getExplicitNamingFilterEmptyFormData(),
   ...getExpertFilterEmptyFormData()
 };
-const formSchema = yup.object().shape({
+const formSchemaByFilterType = (filterType) => yup.object().shape({
   [FieldConstants.NAME]: yup.string().trim().required("nameEmpty"),
   [FieldConstants.DESCRIPTION]: yup.string().max(MAX_CHAR_DESCRIPTION, "descriptionLimitError"),
   [FieldConstants.EQUIPMENT_TYPE]: yup.string().required(),
-  ...explicitNamingFilterSchema,
-  ...expertFilterSchema
+  ...filterType?.id === FilterType.EXPLICIT_NAMING.id ? explicitNamingFilterSchema : {},
+  ...filterType?.id === FilterType.EXPERT.id ? expertFilterSchema : {}
 }).required();
 function FilterCreationDialog({
   open,
@@ -37,8 +41,8 @@ function FilterCreationDialog({
   sourceFilterForExplicitNamingConversion = void 0,
   filterType
 }) {
-  var _a;
   const { snackError } = useSnackMessage();
+  const formSchema = useMemo(() => formSchemaByFilterType(filterType), [filterType]);
   const formMethods = useForm({
     defaultValues: emptyFormData,
     resolver: yupResolver(formSchema)
@@ -47,10 +51,10 @@ function FilterCreationDialog({
     formState: { errors }
   } = formMethods;
   const nameError = errors[FieldConstants.NAME];
-  const isValidating = (_a = errors.root) == null ? void 0 : _a.isValidating;
+  const isValidating = errors.root?.isValidating;
   const onSubmit = useCallback(
     (filterForm) => {
-      if ((filterType == null ? void 0 : filterType.id) === FilterType.EXPLICIT_NAMING.id) {
+      if (filterType?.id === FilterType.EXPLICIT_NAMING.id) {
         saveExplicitNamingFilter(
           filterForm[FILTER_EQUIPMENTS_ATTRIBUTES],
           true,
@@ -66,7 +70,7 @@ function FilterCreationDialog({
           onClose,
           activeDirectory
         );
-      } else if ((filterType == null ? void 0 : filterType.id) === FilterType.EXPERT.id) {
+      } else if (filterType?.id === FilterType.EXPERT.id) {
         saveExpertFilter(
           null,
           filterForm[EXPERT_FILTER_QUERY],
@@ -77,9 +81,15 @@ function FilterCreationDialog({
           activeDirectory,
           onClose,
           (error) => {
-            snackError({
-              messageTxt: error.message
-            });
+            if (error instanceof CustomError && error.businessErrorCode != null) {
+              snackError({
+                messageId: error.businessErrorCode
+              });
+            } else {
+              snackError({
+                messageTxt: error.message
+              });
+            }
           }
         );
       }
@@ -90,7 +100,7 @@ function FilterCreationDialog({
     if (sourceFilterForExplicitNamingConversion) {
       return "convertIntoExplicitNamingFilter";
     }
-    if ((filterType == null ? void 0 : filterType.id) === FilterType.EXPERT.id) {
+    if (filterType?.id === FilterType.EXPERT.id) {
       return "createNewCriteriaFilter";
     }
     return "createNewExplicitNamingFilter";

package/dist/components/filter/FilterForm.js

@@ -31,13 +31,13 @@ function FilterForm({
         sourceFilterForExplicitNamingConversion
       }
     ) }),
-    (filterType == null ? void 0 : filterType.id) === FilterType.EXPLICIT_NAMING.id && /* @__PURE__ */ jsx(
+    filterType?.id === FilterType.EXPLICIT_NAMING.id && /* @__PURE__ */ jsx(
       ExplicitNamingFilterForm,
       {
         sourceFilterForExplicitNamingConversion
       }
     ),
-    (filterType == null ? void 0 : filterType.id) === FilterType.EXPERT.id && /* @__PURE__ */ jsx(ExpertFilterForm, {})
+    filterType?.id === FilterType.EXPERT.id && /* @__PURE__ */ jsx(ExpertFilterForm, {})
   ] });
 }
 export {