@gridsuite/commons-ui 0.91.0 → 0.92.0

package/README.md

@@ -8,33 +8,35 @@ The commons-ui library have a demo app in which you can call your components to
 The `npm start` command install the library's dependencies then launches the demo app.
 
 If you want to test your library integration with a consumer application my-app you have first
-to build commons-ui via 
+to build commons-ui via
+
 - `npm install` (if not already done to get `tsc`)
 - `npm run build:pack`
 
 Then in the my-app project :
-- Change the commons-ui dependency in my-app's package.json from    
-`@gridsuite/commons-ui:"^x.x.x"`    
-to     
-`@gridsuite/commons-ui:"file:{PATH_TO_LIBRARY}/gridsuite-commons-ui-{LIBRARY_VERSION}.tgz"` 
+
+- Change the commons-ui dependency in my-app's package.json from  
+  `@gridsuite/commons-ui:"^x.x.x"`  
+  to  
+  `@gridsuite/commons-ui:"file:{PATH_TO_LIBRARY}/gridsuite-commons-ui-{LIBRARY_VERSION}.tgz"`
 - `npm install`
 - `npm start`
 
-*Warning* : with Create React App, we realised the library was not updating correctly if you try to install the library multiple times.
+_Warning_ : with Create React App, we realised the library was not updating correctly if you try to install the library multiple times.
 To fix this, run this command from the app **after** running "npm install"
+
 - rm -Rf node_modules/.cache
- 
 
 #### For integrators
 
 If you want to deploy a new version of commons-ui in the [NPM package registry](https://www.npmjs.com/package/@gridsuite/commons-ui),
 you need to follow the steps below:
 
--   [Make a release action](https://github.com/gridsuite/commons-ui/actions/workflows/release.yml)
-  - In the 'run workflow' combobox select, let the branch on main
-  - Enter the type of evolution (major | minor | patch)
-  - Enter your NPM access token (it must be an **automation** access token to bypass 2FA, see the [access token documentation](https://docs.npmjs.com/creating-and-viewing-access-tokens) for details)
-  - Click 'run workflow'
+- [Make a release action](https://github.com/gridsuite/commons-ui/actions/workflows/release.yml)
+- In the 'run workflow' combobox select, let the branch on main
+- Enter the type of evolution (major | minor | patch)
+- Enter your NPM access token (it must be an **automation** access token to bypass 2FA, see the [access token documentation](https://docs.npmjs.com/creating-and-viewing-access-tokens) for details)
+- Click 'run workflow'
 
 #### License Headers and dependencies checking
 
@@ -44,6 +46,7 @@ To check dependencies license compatibility with this project one locally, pleas
 npm run licenses-check
 ```
 
-Notes : 
-* Check [license-checker-config.json](license-checker-config.json) for license white list and exclusion.
-If you need to update this list, please inform organization's owners.
+Notes :
+
+- Check [license-checker-config.json](license-checker-config.json) for license white list and exclusion.
+  If you need to update this list, please inform organization's owners.

package/dist/components/customAGGrid/customAggrid.d.ts

@@ -2,7 +2,6 @@ import { default as React } from 'react';
 import { AgGridReact, AgGridReactProps } from 'ag-grid-react';
 interface CustomAGGGridStyleProps {
     shouldHidePinnedHeaderRightBorder?: boolean;
-    showOverlay?: boolean;
 }
 export interface CustomAGGridProps extends AgGridReactProps, CustomAGGGridStyleProps {
 }

package/dist/components/customAGGrid/customAggrid.js

@@ -19,7 +19,7 @@ const onColumnResized = (params) => {
   }
 };
 const CustomAGGrid = React.forwardRef((props, ref) => {
-  const { shouldHidePinnedHeaderRightBorder = false, showOverlay = false, ...agGridReactProps } = props;
+  const { shouldHidePinnedHeaderRightBorder = false, ...agGridReactProps } = props;
   const theme = useTheme();
   const intl = useIntl();
   const GRID_PREFIX = "grid.";
@@ -38,8 +38,7 @@ const CustomAGGrid = React.forwardRef((props, ref) => {
     {
       sx: mergeSx(
         styles.grid,
-        shouldHidePinnedHeaderRightBorder ? styles.noBorderRight : void 0,
-        showOverlay ? styles.overlayBackground : void 0
+        shouldHidePinnedHeaderRightBorder ? styles.noBorderRight : void 0
       ),
       className: `${theme.aggrid.theme} ${CUSTOM_AGGRID_THEME}`,
       children: /* @__PURE__ */ jsx(

package/dist/components/customAGGrid/customAggrid.style.d.ts

@@ -8,12 +8,4 @@ export declare const styles: {
             borderRight: string;
         };
     };
-    overlayBackground: (theme: Theme) => {
-        '& .ag-overlay-loading-wrapper': {
-            background: string;
-        };
-        '& .ag-overlay-no-rows-wrapper': {
-            background: string;
-        };
-    };
 };

package/dist/components/customAGGrid/customAggrid.style.js

@@ -33,15 +33,7 @@ const styles = {
     "& .ag-pinned-left-header": {
       borderRight: "none"
     }
-  },
-  overlayBackground: (theme) => ({
-    "& .ag-overlay-loading-wrapper": {
-      background: theme.aggrid.overlay.background
-    },
-    "& .ag-overlay-no-rows-wrapper": {
-      background: "none"
-    }
-  })
+  }
 };
 export {
   CUSTOM_AGGRID_THEME,

package/dist/components/inputs/reactHookForm/text/UniqueNameInput.js

@@ -24,7 +24,7 @@ function UniqueNameInput({
   autoFocus,
   onManualChangeCallback,
   formProps,
-  currentName,
+  currentName = "",
   activeDirectory,
   sx,
   fullWidth = true

package/dist/components/notifications/hooks/useListenerManager.js

@@ -2,10 +2,13 @@ import { useRef, useEffect, useCallback } from "react";
 const useListenerManager = (urls) => {
   const urlsListenersRef = useRef({});
   useEffect(() => {
-    urlsListenersRef.current = Object.keys(urls).reduce((acc, urlKey) => {
-      acc[urlKey] = urlsListenersRef.current[urlKey] ?? [];
-      return acc;
-    }, {});
+    urlsListenersRef.current = Object.keys(urls).reduce(
+      (acc, urlKey) => {
+        acc[urlKey] = urlsListenersRef.current[urlKey] ?? [];
+        return acc;
+      },
+      {}
+    );
   }, [urls]);
   const addListenerEvent = useCallback((urlKey, listener) => {
     const urlsListeners = urlsListenersRef.current;

package/package.json

@@ -1,16 +1,23 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.91.0",
+    "version": "0.92.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",
     "license": "MPL-2.0",
     "repository": "git://github.com/gridsuite/commons-ui.git",
     "engines": {
-        "node": ">=22",
+        "node": ">=22.6.0",
         "npm": "^10.9.2"
     },
-    "exports": "./dist/index.js",
+    "type": "module",
+    "exports": {
+        ".": {
+            "import": "./dist/index.js",
+            "types": "./dist/index.d.ts"
+        },
+        "./package.json": "./package.json"
+    },
     "module": "./dist/index.js",
     "types": "./dist/index.d.ts",
     "files": [
@@ -20,8 +27,8 @@
         "**/*.css"
     ],
     "scripts": {
-        "start": "vite demo/ --config vite.config.mts",
-        "start:open": "vite demo/ --config vite.config.mts --open",
+        "start": "vite demo/ --config vite.config.ts",
+        "start:open": "vite demo/ --config vite.config.ts --open",
         "build": "tsc && vite build",
         "build:pack": "tsc && vite build && npm pack",
         "prepublishOnly": "npm run build",
@@ -29,6 +36,7 @@
         "test:coverage": "jest --coverage",
         "test:watch": "jest --watch",
         "lint": "eslint . --ext js,mjs,jsx,ts,mts,tsx --max-warnings 0",
+        "lint:format": "prettier --check --cache .",
         "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": {
@@ -65,7 +73,7 @@
         "react-hook-form": "^7.54.2",
         "react-intl": "^7.1.6",
         "react-papaparse": "^4.4.0",
-        "react-router": "^6.29.0",
+        "react-router": "^7.4.1",
         "yup": "^1.6.1"
     },
     "devDependencies": {
@@ -108,12 +116,12 @@
         "eslint": "^8.57.1",
         "eslint-config-airbnb": "^19.0.4",
         "eslint-config-airbnb-typescript": "^18.0.0",
-        "eslint-config-prettier": "^9.1.0",
+        "eslint-config-prettier": "^10.1.1",
         "eslint-config-react-app": "^7.0.1",
         "eslint-plugin-flowtype": "^8.0.3",
         "eslint-plugin-import": "^2.31.0",
         "eslint-plugin-jsx-a11y": "^6.10.2",
-        "eslint-plugin-prettier": "^4.2.1",
+        "eslint-plugin-prettier": "^5.2.5",
         "eslint-plugin-react": "^7.37.4",
         "eslint-plugin-react-hooks": "^4.6.2",
         "glob": "^11.0.1",
@@ -122,15 +130,16 @@
         "jest-environment-jsdom": "^29.7.0",
         "license-checker": "^25.0.1",
         "notistack": "^3.0.2",
-        "prettier": "^2.8.8",
+        "prettier": "^3.5.3",
+        "prettier-plugin-properties": "^0.3.0",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "react-hook-form": "^7.54.2",
         "react-intl": "^7.1.6",
         "react-papaparse": "^4.4.0",
         "react-resizable": "^3.0.5",
-        "react-router": "^6.29.0",
-        "react-router-dom": "^6.29.0",
+        "react-router": "^7.4.1",
+        "svgo": "^3.3.2",
         "ts-node": "^10.9.2",
         "typescript": "~5.5.4",
         "vite": "^6.2.1",