@gridsuite/commons-ui 0.139.0 → 0.141.0

package/dist/components/index.js

@@ -20,6 +20,7 @@ import { useCsvExport } from "./csvDownloader/use-csv-export.js";
 import { CUSTOM_AGGRID_THEME, styles } from "./customAGGrid/customAggrid.style.js";
 import { CustomAGGrid } from "./customAGGrid/customAggrid.js";
 import { SeparatorCellRenderer } from "./customAGGrid/separatorCellRenderer.js";
+import { BooleanCellRenderer, BooleanNullableCellRenderer, ContingencyCellRenderer, DefaultCellRenderer, ErrorCellRenderer, MessageLogCellRenderer, NetworkModificationNameCellRenderer, NumericCellRenderer } from "./customAGGrid/cell-renderers.js";
 import { CustomMuiDialog, unscrollableDialogStyles } from "./dialogs/customMuiDialog/CustomMuiDialog.js";
 import { DescriptionModificationDialog } from "./dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import { ElementSaveDialog } from "./dialogs/elementSaveDialog/ElementSaveDialog.js";
@@ -172,6 +173,9 @@ import { SensitivityAnalysisParametersDialog } from "./parameters/sensi/sensitiv
 import { COLUMNS_DEFINITIONS_HVDCS, COLUMNS_DEFINITIONS_INJECTIONS, COLUMNS_DEFINITIONS_INJECTIONS_SET, COLUMNS_DEFINITIONS_NODES, COLUMNS_DEFINITIONS_PSTS, EQUIPMENTS_IN_VOLTAGE_REGULATION_TYPES, HVDC_EQUIPMENT_TYPES, INJECTIONS_EQUIPMENT_TYPES, INJECTION_DISTRIBUTION_TYPES, MONITORED_BRANCHES_EQUIPMENT_TYPES, MONITORED_VOLTAGE_LEVELS_EQUIPMENT_TYPES, PSTS_EQUIPMENT_TYPES, SENSITIVITY_TYPES, SensiBranchesTabValues, SensiHvdcs, SensiInjection, SensiInjectionsSet, SensiNodes, SensiPsts, SensiTabValues } from "./parameters/sensi/columns-definitions.js";
 import { SensitivityTable } from "./parameters/sensi/sensitivity-table.js";
 import { CustomMenuItem, CustomNestedMenuItem } from "./menus/custom-nested-menu.js";
+import { OverflowableTableCell } from "./muiTable/OverflowableTableCell.js";
+import { OverflowableTableCellWithCheckbox } from "./muiTable/OverflowableTableCellWithCheckbox.js";
+import { ResizeHandle } from "./resizablePanels/ResizeHandle.js";
 export {
   AboutDialog,
   ActivableChip,
@@ -184,7 +188,9 @@ export {
   AutocompleteInput,
   AutocompleteWithFavorites,
   BALANCE_TYPE,
+  BooleanCellRenderer,
   BooleanInput,
+  BooleanNullableCellRenderer,
   BottomRightButtons,
   CENTER_LABEL,
   COLUMNS_DEFINITIONS_HVDCS,
@@ -209,6 +215,7 @@ export {
   CombinatorSelector,
   CombinatorType,
   ComputingType,
+  ContingencyCellRenderer,
   CountriesInput,
   CountryValueEditor,
   CreateParameterDialog,
@@ -239,6 +246,7 @@ export {
   DISTRIBUTED_SLACK,
   DISTRIBUTION_KEY,
   DataType,
+  DefaultCellRenderer,
   DescriptionField,
   DescriptionModificationDialog,
   DevModeBanner,
@@ -261,6 +269,7 @@ export {
   ElementValueEditor,
   EquipmentItem,
   EquipmentsSelectionType,
+  ErrorCellRenderer,
   ErrorInLogoutAlert,
   ErrorInUserValidationAlert,
   ErrorInput,
@@ -328,6 +337,7 @@ export {
   MIN_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,
   MONITORED_BRANCHES_EQUIPMENT_TYPES,
   MONITORED_VOLTAGE_LEVELS_EQUIPMENT_TYPES,
+  MessageLogCellRenderer,
   MidFormError,
   ModifyElementSelection,
   MuiSelectInput,
@@ -338,16 +348,20 @@ export {
   NAME,
   NO_ITEM_SELECTION_FOR_COPY,
   NadPositionsGenerationMode,
+  NetworkModificationNameCellRenderer,
   NetworkVisualizationParametersInline,
   NetworkVisualizationTabValues,
   NetworkVisualizationsParametersEditionDialog,
   NotificationsContext,
   NotificationsProvider,
+  NumericCellRenderer,
   NumericEditor,
   OPERATOR_OPTIONS,
   OperatorType,
   OverflowableChip,
   OverflowableChipWithHelperText,
+  OverflowableTableCell,
+  OverflowableTableCellWithCheckbox,
   OverflowableText,
   PARAM_CENTER_LABEL,
   PARAM_COMPONENT_LIBRARY,
@@ -396,6 +410,7 @@ export {
   RawReadOnlyInput,
   ReactivePowerAdornment,
   RemoveButton,
+  ResizeHandle,
   RuleValueEditor,
   SELECTED,
   SELECTION_TYPE,

package/dist/components/inputs/reactHookForm/DirectoryItemsInput.d.ts

@@ -16,9 +16,10 @@ export interface DirectoryItemsInputProps<CP extends OverflowableChipProps = Ove
     labelRequiredFromContext?: boolean;
     ChipComponent?: ComponentType<CP>;
     chipProps?: Partial<CP>;
+    fullHeight?: boolean;
 }
 export declare function DirectoryItemsInput<CP extends OverflowableChipProps = OverflowableChipProps>({ label, name, elementType, // Used to specify type of element (Filter, Contingency list, ...)
 equipmentTypes, // Mostly used for filters, it allows the user to get elements of specific equipment only
 itemFilter, // Used to further filter the results displayed according to specific requirement
 titleId, // title of directory item selector dialogue
-hideErrorMessage, onRowChanged, onChange, disable, allowMultiSelect, labelRequiredFromContext, ChipComponent, chipProps, }: Readonly<DirectoryItemsInputProps<CP>>): import("react/jsx-runtime").JSX.Element;
+hideErrorMessage, onRowChanged, onChange, disable, allowMultiSelect, labelRequiredFromContext, ChipComponent, chipProps, fullHeight, }: Readonly<DirectoryItemsInputProps<CP>>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { FormControl, Grid, Tooltip, IconButton } from "@mui/material";
+import { FormControl, Tooltip, IconButton } from "@mui/material";
 import { Folder } from "@mui/icons-material";
 import { useState, useMemo, useCallback, useEffect } from "react";
 import { useFieldArray, useWatch, useController } from "react-hook-form";
@@ -11,46 +11,35 @@ import { useCustomFormContext } from "./provider/useCustomFormContext.js";
 import { ErrorInput } from "./errorManagement/ErrorInput.js";
 import { MidFormError } from "./errorManagement/MidFormError.js";
 import "../../../utils/types/equipmentType.js";
+import "../../../utils/conversionUtils.js";
+import { mergeSx } from "../../../utils/styles.js";
+import { ArrayAction } from "../../../utils/types/types.js";
+import { getEquipmentTypeShortLabel } from "../../../utils/labelUtils.js";
+import "../../../utils/yupConfig.js";
 import { fetchDirectoryElementPath } from "../../../services/directory.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
 import { DirectoryItemSelector } from "../../directoryItemSelector/DirectoryItemSelector.js";
-import "../../../utils/conversionUtils.js";
-import { mergeSx } from "../../../utils/styles.js";
-import { ArrayAction } from "../../../utils/types/types.js";
-import { getEquipmentTypeShortLabel } from "../../../utils/labelUtils.js";
-import "../../../utils/yupConfig.js";
 import { NAME } from "./constants.js";
 import { OverflowableChip } from "./OverflowableChip.js";
-import { RawReadOnlyInput } from "./RawReadOnlyInput.js";
 const styles = {
-  formDirectoryElements1: {
+  formDirectoryElements: {
     display: "flex",
     gap: "8px",
     flexWrap: "wrap",
     flexDirection: "row",
+    alignContent: "flex-start",
+    alignItems: "center",
     border: "2px solid lightgray",
-    padding: "4px",
+    padding: "2px 8px",
     borderRadius: "4px",
     overflow: "hidden"
   },
   formDirectoryElementsError: (theme) => ({
     borderColor: theme.palette.error.main
-  }),
-  formDirectoryElements2: {
-    display: "flex",
-    gap: "8px",
-    flexWrap: "wrap",
-    flexDirection: "row",
-    marginTop: 0,
-    padding: "4px",
-    overflow: "hidden"
-  },
-  addDirectoryElements: {
-    marginTop: "-5px"
-  }
+  })
 };
 function DirectoryItemsInput({
   label,
@@ -70,7 +59,8 @@ function DirectoryItemsInput({
   allowMultiSelect = true,
   labelRequiredFromContext = true,
   ChipComponent = OverflowableChip,
-  chipProps
+  chipProps,
+  fullHeight
 }) {
   const { snackError } = useSnackMessage();
   const intl = useIntl();
@@ -124,10 +114,11 @@ function DirectoryItemsInput({
   );
   const removeElements = useCallback(
     (index) => {
-      const currentValues = getValues(name);
+      const elemToRemove = getValues(name)[index];
       remove(index);
+      const newElems = getValues(name);
       onRowChanged?.(true);
-      onChange?.(currentValues, ArrayAction.REMOVE, currentValues[index]);
+      onChange?.(newElems, ArrayAction.REMOVE, elemToRemove);
     },
     [onRowChanged, remove, getValues, name, onChange]
   );
@@ -173,31 +164,41 @@ function DirectoryItemsInput({
       FormControl,
       {
         sx: mergeSx(
-          styles.formDirectoryElements1,
+          styles.formDirectoryElements,
           // @ts-expect-error
-          error?.message && styles.formDirectoryElementsError
+          error?.message && styles.formDirectoryElementsError,
+          fullHeight && { height: "100%" }
         ),
         error: !!error?.message,
         children: [
-          elements?.length === 0 && label && /* @__PURE__ */ jsx(
-            FieldLabel,
+          /* @__PURE__ */ jsx(Tooltip, { title: intl.formatMessage({ id: titleId }), children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+            IconButton,
             {
-              label,
-              optional: labelRequiredFromContext && !isFieldRequired(name, validationSchema, getValues())
+              size: "small",
+              disabled: disable,
+              onClick: () => {
+                if (shouldReplaceElement) {
+                  handleChipClick(0);
+                } else {
+                  setDirectoryItemSelectorOpen(true);
+                  if (allowMultiSelect) {
+                    setMultiSelect(true);
+                  }
+                }
+              },
+              children: /* @__PURE__ */ jsx(Folder, {})
             }
-          ),
-          elements?.length > 0 && /* @__PURE__ */ jsx(FormControl, { sx: styles.formDirectoryElements2, children: elements.map((item, index) => {
+          ) }) }),
+          elements?.map((item, index) => {
             const elementName = watchedElements?.[index]?.[NAME] ?? getValues(`${name}.${index}.${NAME}`) ?? item?.[NAME];
-            const equipmentTypeShortLabel = getEquipmentTypeShortLabel(
-              item?.specificMetadata?.equipmentType
-            );
+            const equipmentTypeShortLabel = getEquipmentTypeShortLabel(item?.specificMetadata?.equipmentType);
             const { sx: chipSx, ...otherChipProps } = chipProps ?? {};
             return /* @__PURE__ */ jsx(
               ChipComponent,
               {
                 onDelete: () => removeElements(index),
                 onClick: () => handleChipClick(index),
-                label: elementName ? /* @__PURE__ */ jsx(RawReadOnlyInput, { name: `${name}.${index}.${NAME}` }) : intl.formatMessage({ id: "elementNotFound" }),
+                label: elementName || intl.formatMessage({ id: "elementNotFound" }),
                 ...equipmentTypeShortLabel && {
                   helperText: intl.formatMessage({
                     id: equipmentTypeShortLabel
@@ -215,26 +216,14 @@ function DirectoryItemsInput({
               },
               item.id
             );
-          }) }),
-          /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(Grid, { container: true, direction: "row-reverse", children: /* @__PURE__ */ jsx(Tooltip, { title: intl.formatMessage({ id: titleId }), children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
-            IconButton,
+          }),
+          elements?.length === 0 && label && /* @__PURE__ */ jsx(
+            FieldLabel,
             {
-              sx: styles.addDirectoryElements,
-              size: "small",
-              disabled: disable,
-              onClick: () => {
-                if (shouldReplaceElement) {
-                  handleChipClick(0);
-                } else {
-                  setDirectoryItemSelectorOpen(true);
-                  if (allowMultiSelect) {
-                    setMultiSelect(true);
-                  }
-                }
-              },
-              children: /* @__PURE__ */ jsx(Folder, {})
+              label,
+              optional: labelRequiredFromContext && !isFieldRequired(name, validationSchema, getValues())
             }
-          ) }) }) }) })
+          )
         ]
       }
     ),

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

@@ -9,6 +9,7 @@ import "../../../../utils/conversionUtils.js";
 import "@mui/icons-material";
 import "../../../../utils/types/equipmentType.js";
 import "../../../../utils/yupConfig.js";
+import "react-intl";
 const style = (customProps) => ({
   grid: (theme) => ({
     width: "auto",

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

@@ -2,11 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { validate } from "uuid";
 import { useEffect } from "react";
 import { useCustomFormContext } from "../reactHookForm/provider/useCustomFormContext.js";
-import { fetchElementsInfos } from "../../../services/explore.js";
 import "../../../utils/conversionUtils.js";
 import "@mui/icons-material";
 import "../../../utils/types/equipmentType.js";
 import "../../../utils/yupConfig.js";
+import { fetchElementsInfos } from "../../../services/explore.js";
 import { DirectoryItemsInput } from "../reactHookForm/DirectoryItemsInput.js";
 function ElementValueEditor(props) {
   const { defaultValue, name, elementType, equipmentTypes, titleId, hideErrorMessage, itemFilter, onChange } = props;

package/dist/components/muiTable/OverflowableTableCell.d.ts

@@ -0,0 +1,3 @@
+import { OverflowableTextProps } from '../overflowableText';
+export declare function OverflowableTableCell(overflowableTextProps: Readonly<OverflowableTextProps>): import("react/jsx-runtime").JSX.Element;
+export default OverflowableTableCell;

package/dist/components/muiTable/OverflowableTableCell.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { TableCell } from "@mui/material";
+import { OverflowableText } from "../overflowableText/OverflowableText.js";
+function OverflowableTableCell(overflowableTextProps) {
+  return /* @__PURE__ */ jsx(TableCell, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(OverflowableText, { sx: { flex: "1 1 0", width: 0, display: "block" }, ...overflowableTextProps }) });
+}
+export {
+  OverflowableTableCell,
+  OverflowableTableCell as default
+};

package/dist/components/muiTable/OverflowableTableCellWithCheckbox.d.ts

@@ -0,0 +1,6 @@
+import { OverflowableTextProps } from '../overflowableText';
+export interface OverflowableTableCellProps extends OverflowableTextProps {
+    checked: boolean;
+}
+export declare function OverflowableTableCellWithCheckbox({ checked, ...overflowableTextProps }: Readonly<OverflowableTableCellProps>): import("react/jsx-runtime").JSX.Element;
+export default OverflowableTableCellWithCheckbox;

package/dist/components/muiTable/OverflowableTableCellWithCheckbox.js

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { TableCell, Checkbox } from "@mui/material";
+import { OverflowableText } from "../overflowableText/OverflowableText.js";
+function OverflowableTableCellWithCheckbox({
+  checked,
+  ...overflowableTextProps
+}) {
+  return /* @__PURE__ */ jsxs(TableCell, { padding: "checkbox", sx: { display: "flex", alignItems: "center", width: "100%" }, children: [
+    /* @__PURE__ */ jsx(Checkbox, { checked }),
+    /* @__PURE__ */ jsx(OverflowableText, { sx: { flex: "1 1 0", width: 0, display: "block" }, ...overflowableTextProps })
+  ] });
+}
+export {
+  OverflowableTableCellWithCheckbox,
+  OverflowableTableCellWithCheckbox as default
+};

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

@@ -0,0 +1,8 @@
+/**
+ * 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 * from './OverflowableTableCell';
+export * from './OverflowableTableCellWithCheckbox';

package/dist/components/muiTable/index.js

@@ -0,0 +1,6 @@
+import { OverflowableTableCell } from "./OverflowableTableCell.js";
+import { OverflowableTableCellWithCheckbox } from "./OverflowableTableCellWithCheckbox.js";
+export {
+  OverflowableTableCell,
+  OverflowableTableCellWithCheckbox
+};

package/dist/components/parameters/common/parameters-creation-dialog.js

@@ -2,11 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
 import "react-intl";
 import "../../../utils/types/equipmentType.js";
-import { createParameter, updateParameter } from "../../../services/explore.js";
 import "../../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../../utils/error.js";
 import "@mui/icons-material";
 import "../../../utils/yupConfig.js";
+import { createParameter, updateParameter } from "../../../services/explore.js";
 import "@mui/material";
 import "localized-countries";
 import "localized-countries/data/fr";

package/dist/components/parameters/loadflow/use-load-flow-parameters-form.js

@@ -8,12 +8,12 @@ import "react/jsx-runtime";
 import "@mui/material";
 import "react-intl";
 import "../../../utils/types/equipmentType.js";
-import { updateParameter } from "../../../services/explore.js";
 import "../../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../../utils/error.js";
 import "@mui/icons-material";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/yupConfig.js";
+import { updateParameter } from "../../../services/explore.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";

package/dist/components/parameters/network-visualizations/use-network-visualizations-parameters-form.js

@@ -7,11 +7,11 @@ import "react-intl";
 import "@mui/material";
 import "../../overflowableText/OverflowableText.js";
 import "../../../utils/types/equipmentType.js";
-import { updateParameter } from "../../../services/explore.js";
 import "../../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../../utils/error.js";
 import "@mui/icons-material";
 import { ElementType } from "../../../utils/types/elementType.js";
+import { updateParameter } from "../../../services/explore.js";
 import { setStudyNetworkVisualizationParameters } from "../../../services/study.js";
 import { getNetworkVisualizationsParameters } from "../../../services/study-config.js";
 import "localized-countries";

package/dist/components/parameters/sensi/use-sensitivity-analysis-parameters.js

@@ -6,13 +6,13 @@ import "react/jsx-runtime";
 import "@mui/material";
 import "react-intl";
 import "../../../utils/types/equipmentType.js";
-import { updateParameter } from "../../../services/explore.js";
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import "../../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../../utils/error.js";
 import "@mui/icons-material";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/yupConfig.js";
+import { updateParameter } from "../../../services/explore.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";

package/dist/components/parameters/short-circuit/use-short-circuit-parameters-form.js

@@ -7,11 +7,11 @@ import "react-intl";
 import "@mui/material";
 import "../../overflowableText/OverflowableText.js";
 import "../../../utils/types/equipmentType.js";
-import { updateParameter } from "../../../services/explore.js";
 import "../../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../../utils/error.js";
 import "@mui/icons-material";
 import { ElementType } from "../../../utils/types/elementType.js";
+import { updateParameter } from "../../../services/explore.js";
 import { setStudyShortCircuitParameters, invalidateStudyShortCircuitStatus } from "../../../services/study.js";
 import "localized-countries";
 import "localized-countries/data/fr";

package/dist/components/parameters/voltage-init/use-voltage-init-parameters-form.js

@@ -7,12 +7,12 @@ import "react-intl";
 import "@mui/material";
 import "../../overflowableText/OverflowableText.js";
 import "../../../utils/types/equipmentType.js";
-import { updateParameter } from "../../../services/explore.js";
 import { ID, FILTERS } from "../../../utils/constants/filterConstant.js";
 import { isBlankOrEmpty } from "../../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../../utils/error.js";
 import "@mui/icons-material";
 import { ElementType } from "../../../utils/types/elementType.js";
+import { updateParameter } from "../../../services/explore.js";
 import { updateVoltageInitParameters } from "../../../services/study.js";
 import { getVoltageInitParameters } from "../../../services/voltage-init.js";
 import "localized-countries";

package/dist/components/resizablePanels/ResizeHandle.d.ts

@@ -0,0 +1,8 @@
+import { Theme } from '@mui/material';
+interface ResizeHandleProps {
+    visible?: boolean;
+    rotated?: boolean;
+    style?: (theme: Theme) => React.CSSProperties;
+}
+export declare function ResizeHandle({ visible, rotated, style }: Readonly<ResizeHandleProps>): import("react/jsx-runtime").JSX.Element;
+export default ResizeHandle;

package/dist/components/resizablePanels/ResizeHandle.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { PanelResizeHandle } from "react-resizable-panels";
+import { DragIndicator } from "@mui/icons-material";
+import { useTheme } from "@mui/material";
+const getStyles = (theme, visible, rotated, customStyle) => ({
+  handle: {
+    display: visible ? "flex" : "none",
+    alignItems: "center",
+    backgroundColor: theme.palette.background.paper,
+    borderLeft: rotated ? "none" : `1px solid ${theme.palette.divider}`,
+    borderRight: rotated ? "none" : `1px solid ${theme.palette.divider}`,
+    borderBottom: rotated ? `1px solid ${theme.palette.divider}` : "none",
+    borderTop: rotated ? `1px solid ${theme.palette.divider}` : "none",
+    justifyContent: "center",
+    ...customStyle ? customStyle(theme) : {}
+  },
+  icon: {
+    transform: rotated ? "rotate(90deg)" : "none",
+    transition: "transform 0.2s",
+    color: "inherit",
+    cursor: "ns-resize"
+  }
+});
+function ResizeHandle({ visible = true, rotated = false, style }) {
+  const theme = useTheme();
+  const styles = getStyles(theme, visible, rotated, style);
+  return /* @__PURE__ */ jsx(PanelResizeHandle, { style: styles.handle, children: /* @__PURE__ */ jsx(DragIndicator, { fontSize: "small", style: styles.icon }) });
+}
+export {
+  ResizeHandle,
+  ResizeHandle as default
+};

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

@@ -0,0 +1,7 @@
+/**
+ * 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 * from './ResizeHandle';

package/dist/components/resizablePanels/index.js

@@ -0,0 +1,4 @@
+import { ResizeHandle } from "./ResizeHandle.js";
+export {
+  ResizeHandle
+};

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

@@ -2,12 +2,14 @@ import { ReactNode } from 'react';
 import { SxStyle } from '../../utils/styles';
 export interface GridLogoProps extends Omit<LogoTextProps, 'style'> {
     appLogo: ReactNode;
+    dense?: boolean;
 }
-export declare function LogoText({ appName, appColor, style, onClick }: Partial<LogoTextProps>): import("react/jsx-runtime").JSX.Element;
-export declare function GridLogo({ appLogo, appName, appColor, onClick }: Partial<GridLogoProps>): import("react/jsx-runtime").JSX.Element;
+export declare function LogoText({ appName, appColor, style, onClick, dense }: Readonly<Partial<LogoTextProps>>): import("react/jsx-runtime").JSX.Element;
+export declare function GridLogo({ appLogo, appName, appColor, onClick, dense }: Readonly<Partial<GridLogoProps>>): import("react/jsx-runtime").JSX.Element;
 export interface LogoTextProps {
     appName: string;
     appColor: string;
     style: SxStyle;
     onClick: () => void;
+    dense?: boolean;
 }

package/dist/components/topBar/GridLogo.js

@@ -1,32 +1,50 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { Typography, Box } from "@mui/material";
 import { BrokenImage } from "@mui/icons-material";
+import { useMemo } from "react";
 import { mergeSx } from "../../utils/styles.js";
-const styles = {
-  logo: {
-    flexShrink: 0,
-    width: 48,
-    height: 48,
-    marginBottom: "8px"
-  },
-  title: {
-    marginLeft: "18px",
-    display: { xs: "none", lg: "block" }
-  },
-  clickable: {
-    cursor: "pointer"
-  }
+const LOGO_WIDTH = 32;
+const LOGO_HEIGHT = 32;
+const LOGO_WIDTH_DENSE = 26;
+const LOGO_HEIGHT_DENSE = 26;
+const getStyles = (dense = false) => {
+  return {
+    container: {
+      display: "flex",
+      alignItems: "center"
+    },
+    logo: (_theme) => ({
+      flexShrink: 0,
+      width: dense ? LOGO_WIDTH_DENSE : LOGO_WIDTH,
+      height: dense ? LOGO_HEIGHT_DENSE : LOGO_HEIGHT,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    }),
+    title: (theme) => ({
+      marginLeft: theme.spacing(dense ? 0.5 : 1),
+      display: { xs: "none", lg: "block" },
+      ...dense && {
+        fontSize: 18
+      }
+    }),
+    clickable: {
+      cursor: "pointer"
+    }
+  };
 };
-function LogoText({ appName, appColor, style, onClick }) {
-  return /* @__PURE__ */ jsxs(Typography, { variant: "h4", sx: mergeSx(style, onClick && styles.clickable), onClick, children: [
+function LogoText({ appName, appColor, style, onClick, dense = false }) {
+  const styles = useMemo(() => getStyles(dense), [dense]);
+  return /* @__PURE__ */ jsxs(Typography, { sx: mergeSx(style, onClick && styles.clickable), onClick, children: [
     /* @__PURE__ */ jsx("span", { style: { fontWeight: "bold" }, children: "Grid" }),
     /* @__PURE__ */ jsx("span", { style: { color: appColor }, children: appName })
   ] });
 }
-function GridLogo({ appLogo, appName, appColor, onClick }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Box, { sx: mergeSx(styles.logo, onClick && styles.clickable), onClick, children: appLogo || /* @__PURE__ */ jsx(BrokenImage, {}) }),
-    /* @__PURE__ */ jsx(LogoText, { appName, appColor, onClick, style: styles.title })
+function GridLogo({ appLogo, appName, appColor, onClick, dense = false }) {
+  const styles = useMemo(() => getStyles(dense), [dense]);
+  return /* @__PURE__ */ jsxs(Box, { sx: mergeSx(styles.container, onClick && styles.clickable), onClick, children: [
+    /* @__PURE__ */ jsx(Box, { sx: styles.logo, children: appLogo || /* @__PURE__ */ jsx(BrokenImage, {}) }),
+    /* @__PURE__ */ jsx(LogoText, { appName, appColor, style: styles.title, dense })
   ] });
 }
 export {

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

@@ -20,5 +20,6 @@ export type TopBarProps = Omit<GridLogoProps, 'onClick'> & Omit<LogoutProps, 'di
     language: GsLang;
     developerMode?: boolean;
     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, }: PropsWithChildren<TopBarProps>): import("react/jsx-runtime").JSX.Element;
+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;