@globalpayments/vega-react 2.86.1

package/dist/testing/utils.js

@@ -0,0 +1,100 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { waitForVega } from "@globalpayments/vega";
+/**
+ * @deprecated This utility is deprecated. Use `waitForVega` from `@heartlandone/vega-testing-library` directly.
+ * The `vega-testing-library` package supports Jest fake timers and does not require a `RenderResult` argument.
+ * Install it separately: `npm install @heartlandone/vega-testing-library`
+ */
+export function waitForVegaReady(renderResult, delay = 300) {
+    return __awaiter(this, void 0, void 0, function* () {
+        yield waitForVega();
+        /*
+           * The following code is added to load the vega component, and the attribute value is set after each component is loaded.
+           * To determine whether there is a hydrated style that cannot meet the requirements after the component is loaded,
+           * It need to set the sleep time to ensure that each attribute of the vega component is fully loaded
+           *
+           code link: vega-react/dist/react-component-lib/utils/attachProps.js (line 28-33)
+          */
+        yield sleep(delay);
+        return renderResult;
+    });
+}
+/**
+ * @deprecated This function is deprecated. Use `mockResizeObserver` from `@heartlandone/vega-testing-library` directly.
+ * Install it separately: `npm install @heartlandone/vega-testing-library`
+ */
+export function mockResizeObserver() {
+    const resizeObserverElementMap = new Map();
+    global.ResizeObserver = class {
+        constructor(callback) {
+            this.observedElements = [];
+            this.callback = callback;
+        }
+        observe(element) {
+            if (!this.isObserved(element)) {
+                resizeObserverElementMap.set(element, this);
+                this.observedElements.push(element);
+            }
+        }
+        unobserve(element) {
+            if (this.isObserved(element)) {
+                resizeObserverElementMap.delete(element);
+                this.observedElements = this.observedElements.filter((observedElement) => observedElement !== element);
+            }
+        }
+        disconnect() {
+            for (const element of this.observedElements) {
+                resizeObserverElementMap.delete(element);
+            }
+            this.observedElements = [];
+        }
+        show() {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            this.callback([{ contentRect: { height: 100 } }], this);
+        }
+        hide() {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            this.callback([{ contentRect: { height: 0 } }], this);
+        }
+        isObserved(element) {
+            return this.observedElements.includes(element);
+        }
+    };
+    return {
+        show: (selector, container) => {
+            (container || document)
+                .querySelectorAll(selector)
+                // eslint-disable-next-line unicorn/no-array-for-each
+                .forEach((el) => {
+                const resizeObserver = resizeObserverElementMap.get(el);
+                if (resizeObserver) {
+                    resizeObserver.show();
+                }
+            });
+        },
+        hide: (selector, container) => {
+            (container || document)
+                .querySelectorAll(selector)
+                // eslint-disable-next-line unicorn/no-array-for-each
+                .forEach((el) => {
+                const resizeObserver = resizeObserverElementMap.get(el);
+                if (resizeObserver) {
+                    resizeObserver.hide();
+                }
+            });
+        },
+    };
+}
+function sleep(ms) {
+    return new Promise((resolve) => {
+        setTimeout(resolve, ms);
+    });
+}

package/dist/utils/spec-utils.d.ts

@@ -0,0 +1,11 @@
+/**
+ * NOTE: This utility is only for **SPEC** test cases.
+ *
+ * Mocked MutationObserver for testing in jsdom environment.
+ * Provides observe, disconnect, and trigger methods for controlling
+ * mutation observations in tests.
+ *
+ * @callback MutationCallback - The callback function triggered when mutations occur
+ * @returns {jest.Mock} - A Jest mock function constructor for MutationObserver
+ */
+export declare const MockedMutationObserver: jest.Mock;

package/dist/utils/spec-utils.js

@@ -0,0 +1,22 @@
+/**
+ * NOTE: This utility is only for **SPEC** test cases.
+ *
+ * Mocked MutationObserver for testing in jsdom environment.
+ * Provides observe, disconnect, and trigger methods for controlling
+ * mutation observations in tests.
+ *
+ * @callback MutationCallback - The callback function triggered when mutations occur
+ * @returns {jest.Mock} - A Jest mock function constructor for MutationObserver
+ */
+export const MockedMutationObserver = jest.fn(function MutationObserver(callback) {
+    this.observe = jest.fn();
+    this.disconnect = jest.fn();
+    /**
+     * Mock the trigger for spec test to trigger observer callback
+     *
+     * @param {MutationRecord[]} mutations - mocked MutationObserver entries
+     */
+    this.trigger = (mutations) => {
+        callback(mutations, this);
+    };
+});

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@globalpayments/vega-react",
+  "sideEffects": false,
+  "version": "2.86.1",
+  "description": "React specific wrapper for @globalpayments/vega",
+  "license": "UNLICENSED",
+  "scripts": {
+    "stencil-postbuild": "node ./src/scripts/stencil-post-build-script.js",
+    "build": "npm run clean && npm run compile && npm run override-type && npm run create-dist-package-json",
+    "clean": "rm -rf dist",
+    "compile": "npm run tsc",
+    "tsc": "tsc -p .",
+    "rollup": "rollup -c",
+    "release": "npm run build",
+    "publish:patch": "node ../scripts/publish-version.js patch",
+    "publish:minor": "node ../scripts/publish-version.js minor",
+    "publish:major": "node ../scripts/publish-version.js major",
+    "override-type": "node ./src/scripts/override-component-native-event-type.js",
+    "create-dist-package-json": "node ./src/scripts/create-dist-package-json.js",
+    "test": "jest",
+    "pr-codesandbox-auto": "node ../scripts/pr-codesandbox-auto/change-package-name.js"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist/"
+  ],
+  "publishConfig": {
+    "directory": "dist"
+  },
+  "devDependencies": {
+    "@testing-library/react": "12.1.2",
+    "@types/jest": "23.3.9",
+    "@types/node": "^15.14.9",
+    "@types/react": "^16.7.0",
+    "@types/react-dom": "^16.7.0",
+    "jest": "^23.0.0",
+    "jest-dom": "^3.0.2",
+    "np": "^3.1.0",
+    "react": "^16.7.0",
+    "react-dom": "^16.7.0",
+    "ts-jest": "^23.10.5",
+    "typescript": "^4.0.0"
+  },
+  "dependencies": {
+    "@globalpayments/vega": "2.86.1"
+  },
+  "peerDependencies": {
+    "react": ">=16.7.0",
+    "react-dom": ">=16.7.0"
+  },
+  "jest": {
+    "preset": "ts-jest",
+    "setupTestFrameworkScriptFile": "<rootDir>/jest.setup.js",
+    "testPathIgnorePatterns": [
+      "node_modules",
+      "dist"
+    ],
+    "globals": {
+      "ts-jest": {
+        "tsConfig": "tsconfig.test.json"
+      }
+    }
+  },
+  "resolutions": {
+    "yargs-parser": "^21.1.1"
+  }
+}