@gridsuite/commons-ui 0.212.0 → 0.214.0

package/dist/components/parameters/voltage-init/voltage-init-parameters-inline.js

@@ -14,38 +14,43 @@ import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
-import "../../overflowableText/OverflowableText.js";
+import "uuid";
+import "../../notifications/contexts/NotificationsContext.js";
+import "../../ui/overflowableText/OverflowableText.js";
 import "react-hook-form";
-import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
-import { SubmitButton } from "../../inputs/reactHookForm/utils/SubmitButton.js";
+import "../../ui/reactHookForm/provider/CustomFormProvider.js";
+import { SubmitButton } from "../../ui/reactHookForm/utils/SubmitButton.js";
 import "yup";
 import { DirectoryItemSelector } from "../../directoryItemSelector/DirectoryItemSelector.js";
-import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../ui/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../../customAGGrid/customAggrid.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
-import "../../inputs/reactHookForm/numbers/RangeInput.js";
-import { PopupConfirmationDialog } from "../../dialogs/popupConfirmationDialog/PopupConfirmationDialog.js";
+import "../../ui/reactHookForm/numbers/RangeInput.js";
+import { PopupConfirmationDialog } from "../../ui/dialogs/popupConfirmationDialog/PopupConfirmationDialog.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
-import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import "../../inputs/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../ui/reactHookForm/expandableInput/ExpandableInput.js";
 import "@react-querybuilder/material";
 import "../../filter/expert/expertFilterConstants.js";
-import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
-import "uuid";
-import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "../../ui/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../ui/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
+import "@hello-pangea/dnd";
+import "../../ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
 import { LabelledButton } from "../common/parameters.js";
 import { CreateParameterDialog } from "../common/parameters-creation-dialog.js";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
 import "react-dom";
-import "@hello-pangea/dnd";
 import "../common/contingency-table/columns-definitions.js";
 import "@hookform/resolvers/yup";
 import "../../filter/HeaderFilterForm.js";
@@ -53,7 +58,6 @@ import { useVoltageInitParametersForm } from "./use-voltage-init-parameters-form
 import { VoltageInitParametersForm } from "./voltage-init-parameters-form.js";
 import { fromVoltageInitParamsDataToFormValues, fromVoltageInitParametersFormToParamValues } from "./voltage-init-form-utils.js";
 import { DEFAULT_GENERAL_APPLY_MODIFICATIONS } from "./constants.js";
-import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
 function VoltageInitParametersInLine({
   studyUuid,
   setHaveDirtyFields,

package/dist/components/parameters/voltage-init/voltage-limits-parameters.js

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { Info } from "@mui/icons-material";
 import { Grid } from "@mui/material";
 import { useIntl } from "react-intl";
-import { CustomTooltip } from "../../tooltip/CustomTooltip.js";
+import { CustomTooltip } from "../../ui/tooltip/CustomTooltip.js";
 import { LOW_VOLTAGE_LIMIT, HIGH_VOLTAGE_LIMIT, VOLTAGE_LIMITS_MODIFICATION, VOLTAGE_LIMITS_DEFAULT } from "./constants.js";
 import { VoltageAdornment } from "../../../utils/constants/adornments.js";
 import { FILTERS } from "../../../utils/constants/filterConstant.js";
@@ -15,33 +15,38 @@ import "react-dom";
 import "react-hook-form";
 import "@hello-pangea/dnd";
 import { DndColumnType, SELECTED } from "../../dnd-table-v2/dnd-table.type.js";
-import "../../overflowableText/OverflowableText.js";
+import "uuid";
+import "../../notifications/contexts/NotificationsContext.js";
+import "../../ui/overflowableText/OverflowableText.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import "notistack";
-import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "../../ui/reactHookForm/provider/CustomFormProvider.js";
 import "yup";
 import "../../treeViewFinder/TreeViewFinder.js";
-import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../ui/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../../customAGGrid/customAggrid.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
-import "../../inputs/reactHookForm/numbers/RangeInput.js";
+import "../../ui/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
-import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import "../../inputs/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../ui/reactHookForm/expandableInput/ExpandableInput.js";
 import "@react-querybuilder/material";
 import "../../filter/expert/expertFilterConstants.js";
-import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
-import "uuid";
-import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "../../ui/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../ui/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
+import "../../ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
 import { ParameterTableField } from "../common/parameter-table-field/parameter-table-field.js";
 function VoltageLimitsParameters() {
   const intl = useIntl();

package/dist/components/topBar/AboutDialog.js

@@ -4,7 +4,7 @@ import { useTheme, Dialog, useMediaQuery, DialogTitle, Collapse, Alert, Box, Fad
 import { LoadingButton } from "@mui/lab";
 import { Refresh, Gavel, ExpandMore, Apps, QuestionMark, DnsOutlined, WidgetsOutlined } from "@mui/icons-material";
 import { FormattedMessage } from "react-intl";
-import { CustomTooltip } from "../tooltip/CustomTooltip.js";
+import { CustomTooltip } from "../ui/tooltip/CustomTooltip.js";
 import { LogoText } from "./GridLogo.js";
 import { mergeSx } from "../../utils/styles.js";
 const styles = {

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

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { User } from 'oidc-client-ts';
+import { UserProfile } from 'oidc-client-ts';
 import { GridLogoProps } from './GridLogo';
 import { AboutDialogProps } from './AboutDialog';
 import { LogoutProps } from '../authentication/Logout';
@@ -8,7 +8,7 @@ import { GsTheme } from '../../utils/styles';
 import { GsLang } from '../../utils/langs';
 export type TopBarProps = Omit<GridLogoProps, 'onClick'> & Omit<LogoutProps, 'disabled'> & Omit<AboutDialogProps, 'open' | 'onClose'> & {
     onLogoClick: GridLogoProps['onClick'];
-    user?: User;
+    userProfile?: UserProfile;
     onAboutClick?: () => void;
     logoAboutDialog?: ReactNode;
     appsAndUrls: Metadata[];
@@ -22,4 +22,4 @@ export type TopBarProps = Omit<GridLogoProps, 'onClick'> & Omit<LogoutProps, 'di
     onDeveloperModeClick?: (value: boolean) => void;
     dense?: boolean;
 };
-export declare function TopBar({ appName, appColor, appLogo, appVersion, appLicense, logoAboutDialog, onLogoutClick, onLogoClick, user, children, appsAndUrls, onAboutClick, globalVersionPromise, additionalModulesPromise, onThemeClick, theme, developerMode, onDeveloperModeClick, onEquipmentLabellingClick, equipmentLabelling, onLanguageClick, language, dense, }: PropsWithChildren<TopBarProps>): import("react/jsx-runtime").JSX.Element;
+export declare function TopBar({ appName, appColor, appLogo, appVersion, appLicense, logoAboutDialog, onLogoutClick, onLogoClick, userProfile, children, appsAndUrls, onAboutClick, globalVersionPromise, additionalModulesPromise, onThemeClick, theme, developerMode, onDeveloperModeClick, onEquipmentLabellingClick, equipmentLabelling, onLanguageClick, language, dense, }: PropsWithChildren<TopBarProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/topBar/TopBar.js

@@ -131,7 +131,7 @@ function TopBar({
   logoAboutDialog,
   onLogoutClick,
   onLogoClick,
-  user,
+  userProfile,
   children,
   appsAndUrls,
   onAboutClick,
@@ -216,11 +216,11 @@ function TopBar({
     [onLogoClick, appLogo, appName, appColor, dense]
   );
   return /* @__PURE__ */ jsxs(AppBar, { position: "static", color: "default", children: [
-    user && developerMode && /* @__PURE__ */ jsx(DevModeBanner, {}),
+    userProfile && developerMode && /* @__PURE__ */ jsx(DevModeBanner, {}),
     /* @__PURE__ */ jsxs(Toolbar, { variant: dense ? "dense" : "regular", sx: styles.toolbar, children: [
       logoClickable,
       /* @__PURE__ */ jsx(Box, { sx: styles.grow, children }),
-      user && !dense && /* @__PURE__ */ jsxs(Box, { children: [
+      userProfile && !dense && /* @__PURE__ */ jsxs(Box, { children: [
         /* @__PURE__ */ jsx(
           IconButton,
           {
@@ -276,7 +276,7 @@ function TopBar({
           }
         )
       ] }),
-      user && /* @__PURE__ */ jsxs(Box, { sx: styles.menuContainer, children: [
+      userProfile && /* @__PURE__ */ jsxs(Box, { sx: styles.menuContainer, children: [
         /* @__PURE__ */ jsxs(
           Button,
           {
@@ -288,7 +288,7 @@ function TopBar({
             style: anchorElSettingsMenu ? { cursor: "initial" } : { cursor: "pointer" },
             "data-testid": "SettingsMenu",
             children: [
-              /* @__PURE__ */ jsx(Box, { component: "span", sx: styles.name, children: user.profile.name !== void 0 ? abbreviationFromUserName(user.profile.name) : "" }),
+              /* @__PURE__ */ jsx(Box, { component: "span", sx: styles.name, children: userProfile.name !== void 0 ? abbreviationFromUserName(userProfile.name) : "" }),
               !dense && (anchorElSettingsMenu ? /* @__PURE__ */ jsx(ArrowDropUp, { sx: styles.arrowIcon }) : /* @__PURE__ */ jsx(ArrowDropDown, { sx: styles.arrowIcon }))
             ]
           }
@@ -303,10 +303,10 @@ function TopBar({
               /* @__PURE__ */ jsxs(StyledMenuItem, { sx: styles.borderBottom, disabled: true, style: { opacity: "1" }, children: [
                 /* @__PURE__ */ jsx(CustomListItemIcon, { children: /* @__PURE__ */ jsx(Person, { fontSize: "small" }) }),
                 /* @__PURE__ */ jsx(ListItemText, { children: /* @__PURE__ */ jsxs(Box, { component: "span", sx: styles.sizeLabel, children: [
-                  user.profile.name,
+                  userProfile.name,
                   " ",
                   /* @__PURE__ */ jsx("br", {}),
-                  /* @__PURE__ */ jsx(Box, { component: "span", sx: styles.userMail, children: user.profile.email })
+                  /* @__PURE__ */ jsx(Box, { component: "span", sx: styles.userMail, children: userProfile.email })
                 ] }) })
               ] }),
               !isHiddenUserInformation() && /* @__PURE__ */ jsxs(
@@ -502,15 +502,15 @@ function TopBar({
       /* @__PURE__ */ jsx(
         UserInformationDialog,
         {
-          openDialog: userInformationDialogOpen && !!user,
-          user,
+          openDialog: userInformationDialogOpen && !!userProfile,
+          userProfile,
           onClose: closeUserInformationDialog
         }
       ),
       /* @__PURE__ */ jsx(
         UserSettingsDialog,
         {
-          openDialog: userSettingsDialogOpen && !!user,
+          openDialog: userSettingsDialogOpen && !!userProfile,
           onClose: closeUserSettingsDialog,
           developerMode,
           onDeveloperModeClick
@@ -519,7 +519,7 @@ function TopBar({
       /* @__PURE__ */ jsx(
         AboutDialog,
         {
-          open: isAboutDialogOpen && !!user,
+          open: isAboutDialogOpen && !!userProfile,
           onClose: () => setAboutDialogOpen(false),
           appName,
           appVersion,

package/dist/components/topBar/UserInformationDialog.d.ts

@@ -1,8 +1,8 @@
-import { User } from 'oidc-client-ts';
+import { UserProfile } from 'oidc-client-ts';
 interface UserInformationDialogProps {
     openDialog: boolean;
     onClose: () => void;
-    user: User | undefined;
+    userProfile: UserProfile | undefined;
 }
-declare function UserInformationDialog({ openDialog, user, onClose }: UserInformationDialogProps): import("react/jsx-runtime").JSX.Element;
+declare function UserInformationDialog({ openDialog, userProfile, onClose }: UserInformationDialogProps): import("react/jsx-runtime").JSX.Element;
 export default UserInformationDialog;

package/dist/components/topBar/UserInformationDialog.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { Dialog, DialogTitle, DialogContent, Grid, Typography, Box, DialogActions } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { useState, useEffect, Fragment } from "react";
-import { CancelButton } from "../inputs/reactHookForm/utils/CancelButton.js";
+import { CancelButton } from "../ui/reactHookForm/utils/CancelButton.js";
 import { fetchUserDetails } from "../../services/userAdmin.js";
 const styles = {
   DialogTitle: { fontSize: "1.5rem" },
@@ -11,9 +11,10 @@ const styles = {
   quotasTopography: { marginTop: "30px", marginBottom: "25px", fontSize: "1.15rem" },
   usedTopography: { marginLeft: "15%" }
 };
-function UserInformationDialog({ openDialog, user, onClose }) {
+function UserInformationDialog({ openDialog, userProfile, onClose }) {
   const [userDetails, setUserDetails] = useState(void 0);
   const getUserDetails = (userName) => {
+    setUserDetails(void 0);
     fetchUserDetails(userName).then((response) => {
       setUserDetails(response);
     }).catch((error) => {
@@ -21,13 +22,15 @@ function UserInformationDialog({ openDialog, user, onClose }) {
     });
   };
   useEffect(() => {
-    if (openDialog && user?.profile.sub) {
-      getUserDetails(user?.profile.sub);
+    if (!openDialog || !userProfile?.sub) {
+      setUserDetails(void 0);
+      return;
     }
-  }, [openDialog, user]);
-  const rolesString = user?.profile?.profile ?? "";
+    getUserDetails(userProfile.sub);
+  }, [openDialog, userProfile?.sub]);
+  const rolesString = userProfile?.profile ?? "";
   const rolesList = rolesString ? rolesString.split("|").map((role) => role.trim()) : [];
-  return /* @__PURE__ */ jsxs(Dialog, { open: openDialog && !!user && !!userDetails, onClose, children: [
+  return /* @__PURE__ */ jsxs(Dialog, { open: openDialog && !!userProfile && !!userDetails, onClose, children: [
     /* @__PURE__ */ jsx(DialogTitle, { fontWeight: "bold", sx: styles.DialogTitle, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/title" }) }),
     /* @__PURE__ */ jsxs(DialogContent, { children: [
       /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, sx: styles.DialogContent, children: [

package/dist/components/treeViewFinder/TreeViewFinder.js

@@ -5,7 +5,7 @@ import { styled, Dialog, DialogTitle, DialogContent, DialogContentText, DialogAc
 import { SimpleTreeView, TreeItem } from "@mui/x-tree-view";
 import { ExpandMore, ChevronRight, Check } from "@mui/icons-material";
 import { toNestedGlobalSelectors, makeComposeClasses } from "../../utils/styles.js";
-import { CancelButton } from "../inputs/reactHookForm/utils/CancelButton.js";
+import { CancelButton } from "../ui/reactHookForm/utils/CancelButton.js";
 import { doesNodeHasChildren } from "./TreeViewUtils.js";
 const cssDialogPaper = "dialogPaper";
 const cssLabelRoot = "labelRoot";

package/dist/components/{announcement → ui/announcement}/AnnouncementBanner.d.ts

@@ -1,10 +1,10 @@
 import { UUID } from 'node:crypto';
 import { PropsWithChildren, ReactNode } from 'react';
 import { AlertProps } from '@mui/material';
-import { User } from 'oidc-client-ts';
-import { AnnouncementSeverity } from '../../utils/types';
+import { UserProfile } from 'oidc-client-ts';
+import { AnnouncementSeverity } from '../../../utils/types';
 export type AnnouncementBannerProps = PropsWithChildren<{
-    user?: User | {};
+    userProfile?: UserProfile | {};
     /** only field used to detect if msg change */
     id?: UUID;
     duration?: number;
@@ -12,4 +12,4 @@ export type AnnouncementBannerProps = PropsWithChildren<{
     title?: ReactNode;
     sx?: AlertProps['sx'];
 }>;
-export declare function AnnouncementBanner({ user, id, severity, title, children, duration, sx, }: Readonly<AnnouncementBannerProps>): import("react/jsx-runtime").JSX.Element;
+export declare function AnnouncementBanner({ userProfile, id, severity, title, children, duration, sx, }: Readonly<AnnouncementBannerProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/{announcement → ui/announcement}/AnnouncementBanner.js

@@ -3,8 +3,8 @@ import { useState, useEffect, useCallback } from "react";
 import { useTheme, Collapse, Alert, AlertTitle } from "@mui/material";
 import { Campaign } from "@mui/icons-material";
 import { CustomTooltip } from "../tooltip/CustomTooltip.js";
-import "../../utils/types/equipmentType.js";
-import { AnnouncementSeverity } from "../../utils/types/types.js";
+import "../../../utils/types/equipmentType.js";
+import { AnnouncementSeverity } from "../../../utils/types/types.js";
 const snackbarInfo = "#2196f3";
 const snackbarWarning = "#ff9800";
 const styles = {
@@ -33,7 +33,7 @@ function convertSeverity(severity) {
   }
 }
 function AnnouncementBanner({
-  user,
+  userProfile,
   id,
   severity = AnnouncementSeverity.INFO,
   title,
@@ -65,7 +65,7 @@ function AnnouncementBanner({
     [id]
   );
   const handleClose = useCallback(() => setVisible(false), []);
-  return /* @__PURE__ */ jsx(Collapse, { in: user !== void 0 && visible, unmountOnExit: true, sx, style: { margin: theme.spacing(1) }, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Collapse, { in: userProfile !== void 0 && visible, unmountOnExit: true, sx, style: { margin: theme.spacing(1) }, children: /* @__PURE__ */ jsxs(
     Alert,
     {
       variant: "filled",

package/dist/components/ui/announcement/AnnouncementNotification.d.ts

@@ -0,0 +1,7 @@
+import { UserProfile } from 'oidc-client-ts';
+import { AnnouncementBannerProps } from './AnnouncementBanner';
+export type AnnouncementNotificationProps = {
+    userProfile: UserProfile | null;
+    sx?: AnnouncementBannerProps['sx'];
+};
+export declare function AnnouncementNotification({ userProfile, sx }: Readonly<AnnouncementNotificationProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/{announcement → ui/announcement}/AnnouncementNotification.js

@@ -1,9 +1,19 @@
 import { jsx } from "react/jsx-runtime";
 import { useGlobalAnnouncement } from "./useGlobalAnnouncement.js";
 import { AnnouncementBanner } from "./AnnouncementBanner.js";
-function AnnouncementNotification({ user, sx }) {
-  const { id, severity, message, duration } = useGlobalAnnouncement(user) ?? {};
-  return /* @__PURE__ */ jsx(AnnouncementBanner, { user: user ?? void 0, id, severity, duration, sx, children: message });
+function AnnouncementNotification({ userProfile, sx }) {
+  const { id, severity, message, duration } = useGlobalAnnouncement(userProfile) ?? {};
+  return /* @__PURE__ */ jsx(
+    AnnouncementBanner,
+    {
+      userProfile: userProfile ?? void 0,
+      id,
+      severity,
+      duration,
+      sx,
+      children: message
+    }
+  );
 }
 export {
   AnnouncementNotification

package/dist/components/ui/announcement/useGlobalAnnouncement.d.ts

@@ -0,0 +1,10 @@
+import { UUID } from 'node:crypto';
+import { UserProfile } from 'oidc-client-ts';
+import { AnnouncementSeverity } from '../../../utils/types';
+export type AnnouncementProps = {
+    id: UUID;
+    message: string;
+    duration: number;
+    severity: AnnouncementSeverity;
+};
+export declare function useGlobalAnnouncement(userProfile: UserProfile | null): AnnouncementProps | undefined;

package/dist/components/{announcement → ui/announcement}/useGlobalAnnouncement.js

@@ -1,12 +1,12 @@
 import { v4 } from "uuid";
 import { useState, useEffect, useCallback } from "react";
-import { fetchCurrentAnnouncement } from "../../services/userAdmin.js";
-import { NotificationsUrlKeys } from "../../utils/constants/notificationsProvider.js";
-import { useNotificationsListener } from "../notifications/hooks/useNotificationsListener.js";
-function useGlobalAnnouncement(user) {
+import { fetchCurrentAnnouncement } from "../../../services/userAdmin.js";
+import { NotificationsUrlKeys } from "../../../utils/constants/notificationsProvider.js";
+import { useNotificationsListener } from "../../notifications/hooks/useNotificationsListener.js";
+function useGlobalAnnouncement(userProfile) {
   const [announcementInfos, setAnnouncementInfos] = useState();
   useEffect(() => {
-    if (user) {
+    if (userProfile) {
       fetchCurrentAnnouncement().then((announcementDto) => {
         if (announcementDto) {
           setAnnouncementInfos({
@@ -22,7 +22,7 @@ function useGlobalAnnouncement(user) {
     } else {
       setAnnouncementInfos(void 0);
     }
-  }, [user]);
+  }, [userProfile]);
   const handleAnnouncementMessage = useCallback((event) => {
     const eventData = JSON.parse(event.data);
     if (eventData.headers.messageType === "announcement") {

package/dist/components/{checkBoxList → ui/checkBoxList}/CheckBoxListItem.js

@@ -2,11 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { ListItem, ListItemButton } from "@mui/material";
 import { CheckBoxListItemContent } from "./CheckBoxListItemContent.js";
-import "../../utils/conversionUtils.js";
-import "../../utils/types/equipmentType.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
-import { mergeSx } from "../../utils/styles.js";
-import "../../utils/yupConfig.js";
+import { mergeSx } from "../../../utils/styles.js";
+import "../../../utils/yupConfig.js";
 const styles = {
   checkboxListItem: {
     alignItems: "flex-start",

package/dist/components/{checkBoxList → ui/checkBoxList}/CheckBoxListItemContent.js

@@ -1,11 +1,11 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { ListItemIcon, Checkbox, ListItemText } from "@mui/material";
 import { OverflowableText } from "../overflowableText/OverflowableText.js";
-import "../../utils/conversionUtils.js";
-import "../../utils/types/equipmentType.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
-import { mergeSx } from "../../utils/styles.js";
-import "../../utils/yupConfig.js";
+import { mergeSx } from "../../../utils/styles.js";
+import "../../../utils/yupConfig.js";
 function CheckBoxListItemContent({
   sx,
   label,

package/dist/components/{checkBoxList → ui/checkBoxList}/DraggableCheckBoxListItem.js

@@ -2,11 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { ListItem, ListItemButton } from "@mui/material";
 import { DraggableCheckBoxListItemContent } from "./DraggableCheckBoxListItemContent.js";
-import "../../utils/conversionUtils.js";
-import "../../utils/types/equipmentType.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
-import { mergeSx } from "../../utils/styles.js";
-import "../../utils/yupConfig.js";
+import { mergeSx } from "../../../utils/styles.js";
+import "../../../utils/yupConfig.js";
 const styles = {
   checkboxListItem: {
     // this is to align ListItem children and its secondary action

package/dist/components/{checkBoxList → ui/checkBoxList}/DraggableCheckBoxListItemContent.js

@@ -2,10 +2,10 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { DragIndicator } from "@mui/icons-material";
 import { IconButton } from "@mui/material";
 import { CheckBoxListItemContent } from "./CheckBoxListItemContent.js";
-import "../../utils/conversionUtils.js";
-import "../../utils/types/equipmentType.js";
-import { mergeSx } from "../../utils/styles.js";
-import "../../utils/yupConfig.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import { mergeSx } from "../../../utils/styles.js";
+import "../../../utils/yupConfig.js";
 function DraggableCheckBoxListItemContent({
   provided,
   isHighlighted,

package/dist/components/{checkBoxList → ui/checkBoxList}/checkBoxList.type.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
 import { DraggableProvided, DragStart, DropResult } from '@hello-pangea/dnd';
-import { SxStyle } from '../../utils/styles';
+import { SxStyle } from '../../../utils/styles';
 export type CheckBoxListItemSx = {
     checkBoxIcon?: SxStyle;
     listItemText?: SxStyle;

package/dist/components/{csvDownloader → ui/csvDownloader}/csv-export.type.d.ts

@@ -1,5 +1,5 @@
 import { ColDef, CsvExportParams } from 'ag-grid-community';
-import { GsLangUser } from '../../utils';
+import { GsLangUser } from '../../../utils';
 export type CsvDownloadProps = {
     columns: ColDef[];
     tableName: string;

package/dist/components/{csvDownloader → ui/csvDownloader}/use-csv-export.js

@@ -1,12 +1,12 @@
 import { useCallback } from "react";
 import { useIntl } from "react-intl";
-import "../../utils/conversionUtils.js";
-import "../../utils/types/equipmentType.js";
-import { LANG_FRENCH } from "../../utils/langs.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import { LANG_FRENCH } from "../../../utils/langs.js";
 import "react/jsx-runtime";
 import "@mui/icons-material";
-import "../../utils/yupConfig.js";
-import { fetchStudyMetadata } from "../../services/appsMetadata.js";
+import "../../../utils/yupConfig.js";
+import { fetchStudyMetadata } from "../../../services/appsMetadata.js";
 const NA_VALUE = "N/A";
 const fetchCsvSeparator = async () => {
   return fetchStudyMetadata().then((metadata) => metadata.copyCsvSeparator);

package/dist/components/{dialogs → ui/dialogs}/customMuiDialog/CustomMuiDialog.d.ts

@@ -1,7 +1,7 @@
 import { MouseEvent, ReactNode } from 'react';
 import { FieldErrors, FieldValues, SubmitHandler } from 'react-hook-form';
 import { DialogProps } from '@mui/material';
-import { MergedFormContextProps } from '../../inputs/reactHookForm/provider/CustomFormProvider';
+import { MergedFormContextProps } from '../../../ui/reactHookForm/provider/CustomFormProvider';
 export type CustomMuiDialogProps<T extends FieldValues = FieldValues> = DialogProps & {
     open: boolean;
     formContext: MergedFormContextProps<T>;

package/dist/components/{dialogs → ui/dialogs}/customMuiDialog/CustomMuiDialog.js

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { FormattedMessage } from "react-intl";
 import { Dialog, LinearProgress, DialogTitle, DialogContent, DialogActions } from "@mui/material";
-import { SubmitButton } from "../../inputs/reactHookForm/utils/SubmitButton.js";
-import { CancelButton } from "../../inputs/reactHookForm/utils/CancelButton.js";
-import { CustomFormProvider } from "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import { SubmitButton } from "../../reactHookForm/utils/SubmitButton.js";
+import { CancelButton } from "../../reactHookForm/utils/CancelButton.js";
+import { CustomFormProvider } from "../../reactHookForm/provider/CustomFormProvider.js";
 import { PopupConfirmationDialog } from "../popupConfirmationDialog/PopupConfirmationDialog.js";
 const styles = {
   dialogPaper: {

package/dist/components/{dialogs → ui/dialogs}/descriptionModificationDialog/DescriptionModificationDialog.js

@@ -3,13 +3,13 @@ import { useCallback } from "react";
 import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { Box } from "@mui/material";
-import "../../../utils/yupConfig.js";
-import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
-import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
+import "../../../../utils/yupConfig.js";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import { useSnackMessage } from "../../../../hooks/useSnackMessage.js";
 import { CustomMuiDialog } from "../customMuiDialog/CustomMuiDialog.js";
-import { ExpandingTextField } from "../../inputs/reactHookForm/text/ExpandingTextField.js";
-import { MAX_CHAR_DESCRIPTION } from "../../../utils/constants/uiConstants.js";
-import { snackWithFallback } from "../../../utils/error.js";
+import { ExpandingTextField } from "../../reactHookForm/text/ExpandingTextField.js";
+import { MAX_CHAR_DESCRIPTION } from "../../../../utils/constants/uiConstants.js";
+import { snackWithFallback } from "../../../../utils/error.js";
 import * as yup from "yup";
 const schema = yup.object().shape({
   [FieldConstants.DESCRIPTION]: yup.string().max(MAX_CHAR_DESCRIPTION, "descriptionLimitError")

package/dist/components/{dialogs → ui/dialogs}/elementSaveDialog/ElementSaveDialog.d.ts

@@ -1,5 +1,5 @@
 import { UUID } from 'node:crypto';
-import { ElementAttributes, ElementType, FieldConstants } from '../../../utils';
+import { ElementAttributes, ElementType, FieldConstants } from '../../../../utils';
 declare enum OperationType {
     CREATE = "CREATE",
     UPDATE = "UPDATE"