#2712 Update elyra-canvas to use ESM format instead of commonjs (#2826)

Signed-off-by: CTomlyn <[email protected]>

Author: tomlyn

canvas_modules/common-canvas/.eslintrc.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2023 Elyra Authors
+ * Copyright 2017-2025 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -14,15 +14,19 @@
  * limitations under the License.
  */
 
+"use strict";
 
 const codeCoverageDir = "reports/coverage";
 const autoprefixer = require("autoprefixer");
 
 module.exports = function(grunt) {
 	grunt.initConfig({
 		eslint: {
-			node: {
-				src: ["Gruntfile.js", "__mocks__/**/*.js", "__tests__/**/*.js", "constants/**/*.js", "utils/**/*.js"]
+			target: [
+				"Gruntfile.cjs", "__mocks__/**/*.js", "__tests__/**/*.js", "constants/**/*.js", "utils/**/*.js"
+			],
+			options: {
+				overrideConfigFile: "eslint.config.mjs"
 			},
 			browser: {
 				files: {
@@ -69,7 +73,7 @@ module.exports = function(grunt) {
 		postcss: {
 			options: {
 				processors: [
-					autoprefixer() // add vendor prefixes
+					autoprefixer // add vendor prefixes
 				]
 			},
 			dist: {

canvas_modules/common-canvas/Gruntfile.js …nvas_modules/common-canvas/Gruntfile.cjscanvas_modules/common-canvas/Gruntfile.js renamed to canvas_modules/common-canvas/Gruntfile.cjs canvas_modules/common-canvas/Gruntfile.js renamed to canvas_modules/common-canvas/Gruntfile.cjs

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2023 Elyra Authors
+ * Copyright 2017-2025 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -15,4 +15,4 @@
  */
 
 
-module.exports = "test-file-stub";
+export default "test-file-stub";

canvas_modules/common-canvas/__mocks__/fileMock.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2023 Elyra Authors
+ * Copyright 2017-2025 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -15,9 +15,7 @@
  */
 
 /* eslint no-empty-function: ["error", { "allow": ["functions", "arrowFunctions"] }] */
-/* global document*/
 
-global.Range = function Range() {};
 
 const createContextualFragment = (html) => {
 	const div = document.createElement("div");

canvas_modules/common-canvas/__mocks__/globalMock.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2023 Elyra Authors
+ * Copyright 2017-2025 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -17,7 +17,7 @@
 // This file allows jest tests to run. It should contain any exported variables
 // from *.scss files which are used in the code
 
-module.exports = {
+export default {
 	smallFlyoutWidth: "318px", // This variable is taken from global.scss
 	mediumFlyoutWidth: "625px" // This variable is taken from global.scss
 };

canvas_modules/common-canvas/__mocks__/styleMock.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2023 Elyra Authors
+ * Copyright 2017-2025 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -14,4 +14,4 @@
  * limitations under the License.
  */
 
-module.exports = "<svg />";
+export default "<svg />";

canvas_modules/common-canvas/__mocks__/svgMock.js

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-const { fireEvent } = require("@testing-library/react");
+import { fireEvent } from "@testing-library/react";
 
 // Retrieve the dropdown items from a non-filterable dropdown control
 function getDropdownItems(container, parameterId) {
@@ -26,6 +26,6 @@ function getDropdownItems(container, parameterId) {
 	return dropdownList;
 }
 
-module.exports = {
-	getDropdownItems: getDropdownItems
+export default {
+	getDropdownItems
 };

canvas_modules/common-canvas/__tests__/.eslintrc.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2023 Elyra Authors
+ * Copyright 2017-2025 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -24,5 +24,7 @@ function invalid(paramInfo, param2Info, value, controller) {
 
 // Public Methods ------------------------------------------------------------->
 
-module.exports.op = op;
-module.exports.invalid = invalid;
+export default {
+	op,
+	invalid
+};

canvas_modules/common-canvas/__tests__/_utils_/control-utilsRTL.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2023 Elyra Authors
+ * Copyright 2017-2025 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -28,5 +28,7 @@ function evaluate(paramInfo, param2Info, value, controller) {
 
 // Public Methods ------------------------------------------------------------->
 
-module.exports.op = op;
-module.exports.evaluate = evaluate;
+export default {
+	op,
+	evaluate
+};