@gridsuite/commons-ui 0.93.1 → 0.95.0

package/dist/components/inputs/reactHookForm/agGridTable/CustomAgGridTable.d.ts

@@ -1,15 +1,8 @@
-import { AgGridReactProps } from 'ag-grid-react';
-export interface CustomAgGridTableProps {
+import { CustomAGGridProps } from '../../../customAGGrid';
+export type CustomAgGridTableProps = Required<Pick<CustomAGGridProps, 'columnDefs' | 'defaultColDef' | 'pagination' | 'paginationPageSize' | 'alwaysShowVerticalScroll' | 'stopEditingWhenCellsLoseFocus'>> & Pick<CustomAGGridProps, 'rowSelection' | 'overrideLocales'> & {
     name: string;
-    columnDefs: any;
     makeDefaultRowData: any;
     csvProps: unknown;
     cssProps: unknown;
-    defaultColDef: unknown;
-    pagination: boolean;
-    paginationPageSize: number;
-    rowSelection?: AgGridReactProps['rowSelection'];
-    alwaysShowVerticalScroll: boolean;
-    stopEditingWhenCellsLoseFocus: boolean;
-}
-export declare function CustomAgGridTable({ name, columnDefs, makeDefaultRowData, csvProps, cssProps, defaultColDef, pagination, paginationPageSize, rowSelection, alwaysShowVerticalScroll, stopEditingWhenCellsLoseFocus, ...props }: Readonly<CustomAgGridTableProps>): import("react/jsx-runtime").JSX.Element;
+};
+export declare function CustomAgGridTable({ name, makeDefaultRowData, csvProps, cssProps, rowSelection, ...props }: Readonly<CustomAgGridTableProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from "react";
 import { useFormContext, useFieldArray } from "react-hook-form";
-import "ag-grid-community/styles/ag-grid.css";
-import "ag-grid-community/styles/ag-theme-alpine.css";
 import { useTheme, Box } from "@mui/material";
-import { useIntl } from "react-intl";
 import { BottomRightButtons } from "./BottomRightButtons.js";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import { CustomAGGrid } from "../../../customAGGrid/customAggrid.js";
@@ -65,16 +62,10 @@ const style = (customProps) => ({
 });
 function CustomAgGridTable({
   name,
-  columnDefs,
   makeDefaultRowData,
   csvProps,
   cssProps,
-  defaultColDef,
-  pagination,
-  paginationPageSize,
   rowSelection,
-  alwaysShowVerticalScroll,
-  stopEditingWhenCellsLoseFocus,
   ...props
 }) {
   var _a, _b;
@@ -136,14 +127,6 @@ function CustomAgGridTable({
     append(makeDefaultRowData());
     setNewRowAdded(true);
   };
-  const intl = useIntl();
-  const getLocaleText = useCallback(
-    (params) => {
-      const key = `agGrid.${params.key}`;
-      return intl.messages[key] || params.defaultValue;
-    },
-    [intl]
-  );
   const onGridReady = (params) => {
     setGridApi(params);
   };
@@ -175,13 +158,11 @@ function CustomAgGridTable({
       {
         rowData,
         onGridReady,
-        getLocaleText,
         cacheOverflowSize: 10,
         rowSelection: rowSelection ?? "multiple",
         rowDragEntireRow: true,
         rowDragManaged: true,
         onRowDragEnd: (e) => move(getIndex(e.node.data), e.overIndex),
-        columnDefs,
         detailRowAutoHeight: true,
         onSelectionChanged: () => {
           setSelectedRows(gridApi.api.getSelectedRows());
@@ -190,10 +171,6 @@ function CustomAgGridTable({
         onCellEditingStopped,
         onSortChanged,
         getRowId: (row) => row.data[FieldConstants.AG_GRID_ROW_UUID],
-        pagination,
-        paginationPageSize,
-        alwaysShowVerticalScroll,
-        stopEditingWhenCellsLoseFocus,
         theme: "legacy",
         ...props
       }

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

@@ -3,11 +3,9 @@ import { User } from 'oidc-client';
 import { GridLogoProps } from './GridLogo';
 import { AboutDialogProps } from './AboutDialog';
 import { LogoutProps } from '../authentication/Logout';
-import { Metadata } from '../../utils';
-import { DARK_THEME, LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM, LIGHT_THEME } from '../../utils/constants/browserConstants';
-export type GsLangUser = typeof LANG_ENGLISH | typeof LANG_FRENCH;
-export type GsLang = GsLangUser | typeof LANG_SYSTEM;
-export type GsTheme = typeof LIGHT_THEME | typeof DARK_THEME;
+import { Metadata } from '../../utils/types/metadata';
+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;

package/dist/components/topBar/TopBar.js

@@ -8,7 +8,8 @@ import { AboutDialog } from "./AboutDialog.js";
 import { useStateBoolean } from "../../hooks/customStates/useStateBoolean.js";
 import UserInformationDialog from "./UserInformationDialog.js";
 import UserSettingsDialog from "./UserSettingsDialog.js";
-import { LIGHT_THEME, DARK_THEME, LANG_SYSTEM, LANG_ENGLISH, LANG_FRENCH } from "../../utils/constants/browserConstants.js";
+import { LIGHT_THEME, DARK_THEME } from "../../utils/styles.js";
+import { LANG_SYSTEM, LANG_ENGLISH, LANG_FRENCH } from "../../utils/langs.js";
 import MessageBanner from "./MessageBanner.js";
 const styles = {
   grow: {

package/dist/components/treeViewFinder/TreeViewFinder.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import { ButtonProps, ModalProps } from '@mui/material';
-import { TreeViewClasses } from '@mui/x-tree-view';
+import { SimpleTreeViewClasses } from '@mui/x-tree-view';
 import { UUID } from 'crypto';
 export declare const generateTreeViewFinderClass: (className: string) => string;
 export interface TreeViewFinderNodeProps {
@@ -18,7 +18,7 @@ export interface TreeViewFinderProps {
     selected?: string[];
     expanded?: string[];
     multiSelect?: boolean;
-    classes?: Partial<TreeViewClasses>;
+    classes?: Partial<SimpleTreeViewClasses>;
     className?: string;
     contentText?: string;
     open: ModalProps['open'];
@@ -28,7 +28,7 @@ export interface TreeViewFinderProps {
     title?: string;
     onlyLeaves?: boolean;
     data?: TreeViewFinderNodeProps[];
-    onTreeBrowse?: (nodeId: string) => void;
+    onTreeBrowse?: (itemId: string) => void;
     sortMethod?: (a: TreeViewFinderNodeProps, b: TreeViewFinderNodeProps) => number;
 }
 export declare const TreeViewFinder: import('@emotion/styled').StyledComponent<Readonly<TreeViewFinderProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/components/treeViewFinder/TreeViewFinder.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect } from "react";
 import { useIntl } from "react-intl";
 import { styled, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, Typography } from "@mui/material";
-import { TreeView, TreeItem } from "@mui/x-tree-view";
+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";
@@ -34,6 +34,12 @@ const defaultStyles = {
 };
 const generateTreeViewFinderClass = (className) => `GsiTreeViewFinder-${className}`;
 const composeClasses = makeComposeClasses(generateTreeViewFinderClass);
+function CustomExpandIcon({ className }) {
+  return /* @__PURE__ */ jsx(ChevronRight, { className });
+}
+function CustomCollapseIcon({ className }) {
+  return /* @__PURE__ */ jsx(ExpandMore, { className });
+}
 function TreeViewFinderComponant(props) {
   const intl = useIntl();
   const {
@@ -67,7 +73,7 @@ function TreeViewFinderComponant(props) {
     return onlyLeaves ? isLeaf(node) : true;
   };
   const isValidationDisabled = () => {
-    return (selected == null ? void 0 : selected.length) === 0 || (selected == null ? void 0 : selected.length) === (selectedProp == null ? void 0 : selectedProp.length) && (selected == null ? void 0 : selected.every((nodeId) => selectedProp == null ? void 0 : selectedProp.includes(nodeId)));
+    return (selected == null ? void 0 : selected.length) === 0 || (selected == null ? void 0 : selected.length) === (selectedProp == null ? void 0 : selectedProp.length) && (selected == null ? void 0 : selected.every((itemId) => selectedProp == null ? void 0 : selectedProp.includes(itemId)));
   };
   const computeMapPrintedNodes = useCallback((nodes) => {
     const newMapPrintedNodes = {};
@@ -79,15 +85,15 @@ function TreeViewFinderComponant(props) {
     });
     return newMapPrintedNodes;
   }, []);
-  const findParents = (nodeId, nodes, parentPath = []) => {
+  const findParents = (itemId, nodes, parentPath = []) => {
     let result = null;
     nodes.some((node) => {
-      if (node.id === nodeId) {
+      if (node.id === itemId) {
         result = parentPath;
         return true;
       }
       if (node.children) {
-        const childResult = findParents(nodeId, node.children, [...parentPath, node]);
+        const childResult = findParents(itemId, node.children, [...parentPath, node]);
         if (childResult) {
           result = childResult;
           return true;
@@ -105,27 +111,27 @@ function TreeViewFinderComponant(props) {
     if (!selected) {
       return [];
     }
-    return selected.map((nodeId) => {
-      const selectedNode = mapPrintedNodes[nodeId];
+    return selected.map((itemId) => {
+      const selectedNode = mapPrintedNodes[itemId];
       if (!selectedNode) {
         return null;
       }
-      const parents = findParents(nodeId, data ?? []);
+      const parents = findParents(itemId, data ?? []);
       return {
         ...selectedNode,
         parents: parents ?? []
       };
     }).filter((node) => node !== null);
   };
-  const handleNodeToggle = (_e, nodeIds) => {
-    nodeIds.every((nodeId) => {
-      if (!(expanded == null ? void 0 : expanded.includes(nodeId))) {
-        onTreeBrowse == null ? void 0 : onTreeBrowse(nodeId);
+  const handleNodeToggle = (_e, itemIds) => {
+    itemIds.every((itemId) => {
+      if (!(expanded == null ? void 0 : expanded.includes(itemId))) {
+        onTreeBrowse == null ? void 0 : onTreeBrowse(itemId);
         return false;
       }
       return true;
     });
-    setExpanded(nodeIds);
+    setExpanded(itemIds);
   };
   useEffect(() => {
     if (!selectedProp) {
@@ -148,7 +154,7 @@ function TreeViewFinderComponant(props) {
       return;
     }
     if (selectedProp.length > 0 && autoScrollAllowed) {
-      const isNodeExpanded = expandedProp == null ? void 0 : expandedProp.every((nodeId) => expanded == null ? void 0 : expanded.includes(nodeId));
+      const isNodeExpanded = expandedProp == null ? void 0 : expandedProp.every((itemId) => expanded == null ? void 0 : expanded.includes(itemId));
       const lastScrollRef = scrollRef.current[scrollRef.current.length - 1];
       if (isNodeExpanded && lastScrollRef) {
         lastScrollRef.scrollIntoView({
@@ -162,8 +168,8 @@ function TreeViewFinderComponant(props) {
   }, [expanded, selectedProp, expandedProp, data, autoScrollAllowed]);
   const handleNodeSelect = (_e, values) => {
     if (multiSelect && Array.isArray(values)) {
-      setSelected(values.filter((nodeId) => isSelectable(mapPrintedNodes[nodeId])));
-    } else if (!Array.isArray(values)) {
+      setSelected(values.filter((itemId) => isSelectable(mapPrintedNodes[itemId])));
+    } else if (typeof values === "string") {
       if (selected == null ? void 0 : selected.includes(values)) {
         setSelected([]);
       } else {
@@ -192,7 +198,7 @@ function TreeViewFinderComponant(props) {
     if (!node) {
       return null;
     }
-    if (isSelectable(node) && (selected == null ? void 0 : selected.find((nodeId) => nodeId === node.id))) {
+    if (isSelectable(node) && (selected == null ? void 0 : selected.find((itemId) => itemId === node.id))) {
       return /* @__PURE__ */ jsx(Check, { className: composeClasses(classes, cssLabelIcon) });
     }
     if (node.icon) {
@@ -207,28 +213,36 @@ function TreeViewFinderComponant(props) {
     ] });
   };
   const showChevron = (node) => {
-    return !!(node.childrenCount == null || node.childrenCount && node.childrenCount > 0);
+    return !!(node.childrenCount && node.childrenCount > 0);
   };
   const renderTree = (node) => {
     if (!node) {
       return null;
     }
     let childrenNodes = null;
-    if (Array.isArray(node.children)) {
-      if (node.children.length) {
-        const sortedChildren = node.children.sort(sortMethod);
-        childrenNodes = sortedChildren.map((child) => renderTree(child));
-      } else {
-        childrenNodes = [false];
-      }
+    const showExpandIcon = showChevron(node);
+    if (Array.isArray(node.children) && node.children.length > 0) {
+      childrenNodes = node.children.toSorted(sortMethod).map(renderTree);
+    } else if (showExpandIcon) {
+      childrenNodes = [/* @__PURE__ */ jsx("span", { style: { display: "none" } }, "placeholder")];
     }
     return /* @__PURE__ */ jsx(
       TreeItem,
       {
-        nodeId: node.id,
+        itemId: node.id,
         label: renderTreeItemLabel(node),
-        expandIcon: showChevron(node) ? /* @__PURE__ */ jsx(ChevronRight, { className: composeClasses(classes, cssIcon) }) : null,
-        collapseIcon: showChevron(node) ? /* @__PURE__ */ jsx(ExpandMore, { className: composeClasses(classes, cssIcon) }) : null,
+        slots: {
+          expandIcon: CustomExpandIcon,
+          collapseIcon: CustomCollapseIcon
+        },
+        slotProps: {
+          expandIcon: {
+            className: composeClasses(classes, cssIcon)
+          },
+          collapseIcon: {
+            className: composeClasses(classes, cssIcon)
+          }
+        },
         ref: (element) => {
           if (selectedProp == null ? void 0 : selectedProp.includes(node.id)) {
             scrollRef.current.push(element);
@@ -274,11 +288,11 @@ function TreeViewFinderComponant(props) {
         /* @__PURE__ */ jsxs(DialogContent, { children: [
           /* @__PURE__ */ jsx(DialogContentText, { children: contentText ?? intl.formatMessage({ id: "treeview_finder/contentText" }, { multiSelect }) }),
           /* @__PURE__ */ jsx(
-            TreeView,
+            SimpleTreeView,
             {
-              expanded,
-              onNodeToggle: handleNodeToggle,
-              onNodeSelect: handleNodeSelect,
+              expandedItems: expanded,
+              onExpandedItemsChange: handleNodeToggle,
+              onSelectedItemsChange: handleNodeSelect,
               ...getTreeViewSelectionProps(),
               children: data && Array.isArray(data) ? data.sort(sortMethod).map((child) => renderTree(child)) : null
             }

package/dist/hooks/useLocalizedCountries.js

@@ -2,7 +2,7 @@ import { useState, useEffect, useMemo, useCallback } from "react";
 import localizedCountries from "localized-countries";
 import countriesFr from "localized-countries/data/fr";
 import countriesEn from "localized-countries/data/en";
-import { LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM } from "../utils/constants/browserConstants.js";
+import { LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM } from "../utils/langs.js";
 const supportedLanguages = [LANG_FRENCH, LANG_ENGLISH];
 const getSystemLanguage = () => {
   const systemLanguage = navigator.language.split(/[-_]/)[0];

package/dist/index.js

@@ -126,16 +126,16 @@ import { fetchAppsMetadata, fetchDefaultCountry, fetchEnv, fetchFavoriteAndDefau
 import { elementAlreadyExists, fetchDirectoryContent, fetchDirectoryElementPath, fetchRootFolders } from "./services/directory.js";
 import { exportFilter } from "./services/study.js";
 import { equalsArray } from "./utils/algos.js";
-import { DARK_THEME, LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM, LIGHT_THEME } from "./utils/constants/browserConstants.js";
 import { FetchStatus } from "./utils/constants/fetchStatus.js";
 import { FieldConstants } from "./utils/constants/fieldConstants.js";
 import { MAX_CHAR_DESCRIPTION } from "./utils/constants/uiConstants.js";
 import { AMPERE, DEGREE, KILO_AMPERE, KILO_METER, KILO_VOLT, MEGA_VAR, MEGA_VOLT_AMPERE, MEGA_WATT, MICRO_SIEMENS, OHM, PERCENTAGE, SIEMENS } from "./utils/constants/unitsConstants.js";
 import { GRIDSUITE_DEFAULT_PRECISION, convertInputValue, convertOutputValue, isBlankOrEmpty, kiloUnitToUnit, microUnitToUnit, roundToDefaultPrecision, roundToPrecision, unitToKiloUnit, unitToMicroUnit } from "./utils/conversionUtils.js";
 import { areArrayElementsUnique, isObjectEmpty, keyGenerator } from "./utils/functions.js";
+import { LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM } from "./utils/langs.js";
 import { getFileIcon } from "./utils/mapper/getFileIcon.js";
 import { equipmentTypesForPredefinedPropertiesMapper } from "./utils/mapper/equipmentTypesForPredefinedPropertiesMapper.js";
-import { makeComposeClasses, mergeSx, toNestedGlobalSelectors } from "./utils/styles.js";
+import { DARK_THEME, LIGHT_THEME, makeComposeClasses, mergeSx, toNestedGlobalSelectors } from "./utils/styles.js";
 import { ElementType } from "./utils/types/elementType.js";
 import { BASE_EQUIPMENTS, EQUIPMENT_TYPE, EquipmentType, ExtendedEquipmentType, HvdcType, OperatingStatus, SEARCH_EQUIPMENTS, TYPE_TAG_MAX_SIZE, VL_TAG_MAX_SIZE, equipmentStyles, getEquipmentsInfosForSearchBar } from "./utils/types/equipmentType.js";
 import { Battery, BusBar, DanglingLine, Generator, Hvdc, LCC, Line, Load, SVC, ShuntCompensator, Substation, ThreeWindingTransfo, TwoWindingTransfo, VSC, VoltageLevel } from "./utils/types/equipmentTypes.js";

package/dist/utils/constants/index.d.ts

@@ -4,7 +4,6 @@
  * 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 './browserConstants';
 export * from './fetchStatus';
 export * from './fieldConstants';
 export * from './uiConstants';

package/dist/utils/constants/index.js

@@ -1,21 +1,15 @@
-import { DARK_THEME, LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM, LIGHT_THEME } from "./browserConstants.js";
 import { FetchStatus } from "./fetchStatus.js";
 import { FieldConstants } from "./fieldConstants.js";
 import { MAX_CHAR_DESCRIPTION } from "./uiConstants.js";
 import { AMPERE, DEGREE, KILO_AMPERE, KILO_METER, KILO_VOLT, MEGA_VAR, MEGA_VOLT_AMPERE, MEGA_WATT, MICRO_SIEMENS, OHM, PERCENTAGE, SIEMENS } from "./unitsConstants.js";
 export {
   AMPERE,
-  DARK_THEME,
   DEGREE,
   FetchStatus,
   FieldConstants,
   KILO_AMPERE,
   KILO_METER,
   KILO_VOLT,
-  LANG_ENGLISH,
-  LANG_FRENCH,
-  LANG_SYSTEM,
-  LIGHT_THEME,
   MAX_CHAR_DESCRIPTION,
   MEGA_VAR,
   MEGA_VOLT_AMPERE,

package/dist/utils/index.d.ts

@@ -8,6 +8,7 @@ export * from './algos';
 export * from './constants';
 export * from './conversionUtils';
 export * from './functions';
+export * from './langs';
 export * from './mapper';
 export * from './styles';
 export * from './types';

package/dist/utils/index.js

@@ -1,14 +1,14 @@
 import { equalsArray } from "./algos.js";
-import { DARK_THEME, LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM, LIGHT_THEME } from "./constants/browserConstants.js";
 import { FetchStatus } from "./constants/fetchStatus.js";
 import { FieldConstants } from "./constants/fieldConstants.js";
 import { MAX_CHAR_DESCRIPTION } from "./constants/uiConstants.js";
 import { AMPERE, DEGREE, KILO_AMPERE, KILO_METER, KILO_VOLT, MEGA_VAR, MEGA_VOLT_AMPERE, MEGA_WATT, MICRO_SIEMENS, OHM, PERCENTAGE, SIEMENS } from "./constants/unitsConstants.js";
 import { GRIDSUITE_DEFAULT_PRECISION, convertInputValue, convertOutputValue, isBlankOrEmpty, kiloUnitToUnit, microUnitToUnit, roundToDefaultPrecision, roundToPrecision, unitToKiloUnit, unitToMicroUnit } from "./conversionUtils.js";
 import { areArrayElementsUnique, isObjectEmpty, keyGenerator } from "./functions.js";
+import { LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM } from "./langs.js";
 import { getFileIcon } from "./mapper/getFileIcon.js";
 import { equipmentTypesForPredefinedPropertiesMapper } from "./mapper/equipmentTypesForPredefinedPropertiesMapper.js";
-import { makeComposeClasses, mergeSx, toNestedGlobalSelectors } from "./styles.js";
+import { DARK_THEME, LIGHT_THEME, makeComposeClasses, mergeSx, toNestedGlobalSelectors } from "./styles.js";
 import { ElementType } from "./types/elementType.js";
 import { BASE_EQUIPMENTS, EQUIPMENT_TYPE, EquipmentType, ExtendedEquipmentType, HvdcType, OperatingStatus, SEARCH_EQUIPMENTS, TYPE_TAG_MAX_SIZE, VL_TAG_MAX_SIZE, equipmentStyles, getEquipmentsInfosForSearchBar } from "./types/equipmentType.js";
 import { Battery, BusBar, DanglingLine, Generator, Hvdc, LCC, Line, Load, SVC, ShuntCompensator, Substation, ThreeWindingTransfo, TwoWindingTransfo, VSC, VoltageLevel } from "./types/equipmentTypes.js";

package/dist/utils/langs.d.ts

@@ -0,0 +1,5 @@
+export declare const LANG_SYSTEM = "sys";
+export declare const LANG_ENGLISH = "en";
+export declare const LANG_FRENCH = "fr";
+export type GsLangUser = typeof LANG_ENGLISH | typeof LANG_FRENCH;
+export type GsLang = GsLangUser | typeof LANG_SYSTEM;

package/dist/utils/{constants/browserConstants.js → langs.js}

@@ -1,12 +1,8 @@
-const DARK_THEME = "Dark";
-const LIGHT_THEME = "Light";
 const LANG_SYSTEM = "sys";
 const LANG_ENGLISH = "en";
 const LANG_FRENCH = "fr";
 export {
-  DARK_THEME,
   LANG_ENGLISH,
   LANG_FRENCH,
-  LANG_SYSTEM,
-  LIGHT_THEME
+  LANG_SYSTEM
 };

package/dist/utils/styles.d.ts

@@ -1,4 +1,7 @@
 import { SxProps, Theme } from '@mui/material';
+export declare const DARK_THEME = "Dark";
+export declare const LIGHT_THEME = "Light";
+export type GsTheme = typeof LIGHT_THEME | typeof DARK_THEME;
 export declare const makeComposeClasses: (generateGlobalClass: (className: string) => string) => (classes: Record<string, string>, ruleName: string) => string;
 export declare const toNestedGlobalSelectors: (styles: object, generateGlobalClass: (className: string) => string) => {
     [k: string]: any;

package/dist/utils/styles.js

@@ -1,3 +1,5 @@
+const DARK_THEME = "Dark";
+const LIGHT_THEME = "Light";
 const makeComposeClasses = (generateGlobalClass) => (classes, ruleName) => [generateGlobalClass(ruleName), classes[ruleName]].filter((x) => x).join(" ");
 const toNestedGlobalSelectors = (styles, generateGlobalClass) => Object.fromEntries(Object.entries(styles).map(([k, v]) => [`& .${generateGlobalClass(k)}`, v]));
 const isSxProps = (sx) => {
@@ -5,6 +7,8 @@ const isSxProps = (sx) => {
 };
 const mergeSx = (...allSx) => allSx.filter(isSxProps).flat();
 export {
+  DARK_THEME,
+  LIGHT_THEME,
   makeComposeClasses,
   mergeSx,
   toNestedGlobalSelectors

package/dist/utils/types/equipmentType.js

@@ -1,4 +1,4 @@
-import { LIGHT_THEME } from "../constants/browserConstants.js";
+import { LIGHT_THEME } from "../styles.js";
 const TYPE_TAG_MAX_SIZE = "90px";
 const VL_TAG_MAX_SIZE = "100px";
 const equipmentStyles = {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.93.1",
+    "version": "0.95.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",
@@ -34,6 +34,7 @@
         "licenses-check": "license-checker --summary --excludePrivatePackages --production --onlyAllow \"$( jq -r .onlyAllow[] license-checker-config.json | tr '\n' ';')\" --excludePackages \"$( jq -r .excludePackages[] license-checker-config.json | tr '\n' ';')\""
     },
     "dependencies": {
+        "@ag-grid-community/locale": "^33.1.0",
         "@hello-pangea/dnd": "^18.0.1",
         "@react-querybuilder/dnd": "^8.2.0",
         "@react-querybuilder/material": "^8.2.0",
@@ -58,7 +59,7 @@
         "@mui/icons-material": "^5.16.14",
         "@mui/lab": "5.0.0-alpha.175",
         "@mui/material": "^5.16.14",
-        "@mui/x-tree-view": "^6.17.0",
+        "@mui/x-tree-view": "^7.28.1",
         "ag-grid-community": "^33.0.3",
         "ag-grid-react": "^33.0.4",
         "notistack": "^3.0.2",

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

@@ -1,2 +0,0 @@
-import { ClickableCheckBoxItemProps } from './checkBoxList.type';
-export declare function ClickableCheckBoxItem({ sx, label, ...props }: ClickableCheckBoxItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/checkBoxList/ClickableCheckBoxItem.js

@@ -1,12 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { ListItemIcon, Checkbox, ListItemText } from "@mui/material";
-import { OverflowableText } from "../overflowableText/OverflowableText.js";
-function ClickableCheckBoxItem({ sx, label, ...props }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__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 }) })
-  ] });
-}
-export {
-  ClickableCheckBoxItem
-};

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

@@ -1,2 +0,0 @@
-import { ClickableRowItemProps } from './checkBoxList.type';
-export declare function ClickableRowItem({ sx, disabled, label, onClick, onItemClick, isItemClickable, ...props }: Readonly<ClickableRowItemProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/checkBoxList/ClickableRowItem.js

@@ -1,51 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { ListItemButton, ListItemIcon, Checkbox, ListItemText } from "@mui/material";
-import { OverflowableText } from "../overflowableText/OverflowableText.js";
-const styles = {
-  unclickableItem: {
-    "&:hover": {
-      backgroundColor: "transparent"
-    },
-    cursor: "inherit"
-  }
-};
-function ClickableRowItem({
-  sx,
-  disabled,
-  label,
-  onClick,
-  onItemClick,
-  isItemClickable = true,
-  ...props
-}) {
-  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(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 {
-  ClickableRowItem
-};

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

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

package/dist/components/checkBoxList/DraggableClickableCheckBoxItem.js

@@ -1,50 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { DragIndicator } from "@mui/icons-material";
-import { IconButton, ListItemIcon, Checkbox, ListItemText } from "@mui/material";
-import { OverflowableText } from "../overflowableText/OverflowableText.js";
-const styles = {
-  dragIcon: (theme) => ({
-    padding: "unset",
-    border: theme.spacing(0),
-    borderRadius: theme.spacing(0),
-    zIndex: 90
-  })
-};
-function DraggableClickableCheckBoxItem({
-  sx,
-  disabled,
-  provided,
-  isHighlighted,
-  label,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        ...provided.dragHandleProps,
-        size: "small",
-        sx: {
-          opacity: isHighlighted ? "1" : "0",
-          padding: "unset",
-          ...styles.dragIcon
-        },
-        children: /* @__PURE__ */ jsx(DragIndicator, { 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 })
-      }
-    )
-  ] });
-}
-export {
-  DraggableClickableCheckBoxItem
-};

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

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