@openfin/web-utils 0.38.8 → 0.38.22

package/out/custom-elements/of-view.d.ts

@@ -4,6 +4,7 @@ declare const mixin: (Base: typeof HTMLElement) => {
         "__#1@#iframe": HTMLIFrameElement;
         brokerUrl: string | null;
         name: string | null;
+        forceFrameName: string | null;
         uuid: string | null;
         src: string | null;
         providerId: string | null;
@@ -323,14 +324,18 @@ declare const mixin: (Base: typeof HTMLElement) => {
 export type OfViewAttributes = {
     'of-context-group'?: string;
     'of-provider-id'?: string;
-    'src': string;
     'of-uuid': string;
     'of-name': string;
     'of-broker'?: string;
+    'forceFrameName'?: string;
+    'src': string;
 };
 type OfViewElementConstructor = ReturnType<typeof mixin>;
 export type OfViewElement = OfViewElementConstructor extends {
     new (): infer T;
 } ? T : never;
 export declare const registerOfViewElement: () => void;
-export {};
+declare class OfViewElementFactory {
+    static create(attributes: OfViewAttributes): OfViewElement;
+}
+export { OfViewElementFactory };

package/out/custom-elements/of-view.js

@@ -12,13 +12,19 @@ const mixin = (Base) => class _OfViewElement extends Base {
             this.#iframe.src = this.src;
             this.#iframe.style.height = '100%';
             this.#iframe.style.width = '100%';
-            this.#iframe.setAttribute('name', encodeOptions({
-                brokerUrl: this.brokerUrl,
-                name: this.name,
-                uuid: this.uuid,
-                providerId: this.providerId,
-                contextGroup: this.contextGroup
-            }, 'of-frame'));
+            if (this.forceFrameName) {
+                // if forceFrameName is set, the consumer is intentionally breaking auto-connection
+                this.#iframe.setAttribute('name', this.forceFrameName);
+            }
+            else {
+                this.#iframe.setAttribute('name', encodeOptions({
+                    brokerUrl: this.brokerUrl,
+                    name: this.name,
+                    uuid: this.uuid,
+                    providerId: this.providerId,
+                    contextGroup: this.contextGroup
+                }, 'of-frame'));
+            }
             this.#iframe.setAttribute('id', this.name);
             this.appendChild(this.#iframe);
         }
@@ -40,6 +46,14 @@ const mixin = (Base) => class _OfViewElement extends Base {
             this.setAttribute('of-name', val);
         }
     }
+    get forceFrameName() {
+        return this.getAttribute('forceFrameName');
+    }
+    set forceFrameName(val) {
+        if (val) {
+            this.setAttribute('forceFrameName', val);
+        }
+    }
     get uuid() {
         return this.getAttribute('of-uuid');
     }
@@ -77,3 +91,13 @@ const mixin = (Base) => class _OfViewElement extends Base {
     }
 };
 export const registerOfViewElement = () => customElements.define('of-view', mixin(HTMLElement));
+class OfViewElementFactory {
+    static create(attributes) {
+        const ofView = document.createElement('of-view');
+        Object.entries(attributes).forEach(([key, value]) => {
+            ofView.setAttribute(key, value);
+        });
+        return ofView;
+    }
+}
+export { OfViewElementFactory };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@openfin/web-utils",
-    "version": "0.38.8",
+    "version": "0.38.22",
     "description": "",
     "private": false,
     "files": [
@@ -21,24 +21,14 @@
         "predev": "rimraf out",
         "build": "tsc",
         "dev": "tsc --sourcemap --skipLibCheck",
-        "watch": "npm run dev -- --watch"
+        "watch": "npm run dev -- --watch",
+        "ci:prepublish": "of-npm prepublish",
+        "ci:postpublish": "of-npm postpublish",
+        "ci:publish": "npm publish"
     },
     "author": "",
     "license": "SEE LICENSE IN LICENSE.md",
     "dependencies": {
         "uuid": "8.3.2"
-    },
-    "devDependencies": {
-        "@openfin/core-ci-tools": "0.0.1",
-        "@rollup/plugin-commonjs": "25.0.2",
-        "@rollup/plugin-typescript": "11.1.1",
-        "@types/uuid": "^8.3.4",
-        "jsdom": "^22.1.0",
-        "rimraf": "5.0.1",
-        "rollup": "3.24.1",
-        "ts-loader": "9.5.0",
-        "typescript": "4.9.5",
-        "vitest": "0.32.2",
-        "webpack": "5.89.0"
     }
-}
+}