cx 26.2.2 → 26.2.3

package/build/widgets/overlay/Tooltip.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 /** @jsxImportSource react */
 import { Widget } from "../../ui/Widget";
-import { DropdownBase, DropdownInstance } from "./Dropdown";
+import { DropdownBase, DropdownInstance, } from "./Dropdown";
 import { debug, tooltipsFlag } from "../../util/Debug";
 import { isNonEmptyArray } from "../../util/isNonEmptyArray";
 import { ReadOnlyDataView } from "../../data/ReadOnlyDataView";
 import { isTouchEvent } from "../../util/isTouchEvent";
 import { shallowEquals } from "../../util/shallowEquals";
 import { isSelector } from "../../data/isSelector";
-import { wireTooltipOps } from "./tooltip-ops";
+import { wireTooltipOps, } from "./tooltip-ops";
 import { getCursorPos } from "./captureMouse";
 import { RenderingContext } from "../../ui/RenderingContext";
 export class TooltipInstance extends DropdownInstance {
@@ -65,7 +65,8 @@ export class TooltipBase extends DropdownBase {
         instance.tooltipComponent = component;
         super.overlayDidMount(instance, component);
         instance.parentValidityCheckTimer = setInterval(() => {
-            if (this.relatedElement && !this.relatedElement.ownerDocument.body.contains(this.relatedElement)) {
+            if (this.relatedElement &&
+                !this.relatedElement.ownerDocument.body.contains(this.relatedElement)) {
                 if (instance.dismissTooltip) {
                     instance.dismissTooltip();
                     instance.dismissTooltip = null;
@@ -101,7 +102,8 @@ export class TooltipBase extends DropdownBase {
     handleMouseLeavesParent(instance) {
         let timeout = this.mouseTrap ? 200 : 0;
         setTimeout(() => {
-            if (!instance.mouseOverTarget && !(this.mouseTrap && instance.mouseOverTooltip))
+            if (!instance.mouseOverTarget &&
+                !(this.mouseTrap && instance.mouseOverTooltip))
                 this.dismissTooltip(instance);
         }, timeout);
     }
@@ -124,6 +126,9 @@ export class TooltipBase extends DropdownBase {
             return false;
         return super.checkVisible(context, instance, data);
     }
+    open(storeOrInstance, options) {
+        return super.open(storeOrInstance, options);
+    }
 }
 TooltipBase.prototype.baseClass = "tooltip";
 TooltipBase.prototype.offset = 8;
@@ -179,11 +184,15 @@ export function getTooltipInstance(e, parentInstance, tooltip, options = {}) {
         let store = new ReadOnlyDataView({
             store: parentInstance.store,
         });
-        tooltipInstance = parentInstance.tooltips[name] = parentInstance.getDetachedChild(tooltipWidget, name, store);
+        tooltipInstance = parentInstance.tooltips[name] =
+            parentInstance.getDetachedChild(tooltipWidget, name, store);
         tooltipInstance.config = config;
         tooltipInstance.tooltipName = name;
         tooltipInstance.init(new RenderingContext());
-        if (config.alwaysVisible || config.trackMouse || config.trackMouseX || config.trackMouseY) {
+        if (config.alwaysVisible ||
+            config.trackMouse ||
+            config.trackMouseX ||
+            config.trackMouseY) {
             tooltipInstance.data = tooltipInstance.dataSelector(store);
         }
     }
@@ -216,7 +225,9 @@ function tooltipMouseMove(e, parentInstance, tooltip, options = {}) {
         instance.lastClickTime = Date.now();
         setTimeout(() => {
             let { relatedElement } = instance.widget;
-            if (!canceled && instance.mouseOverTarget && relatedElement.ownerDocument.body.contains(relatedElement)) {
+            if (!canceled &&
+                instance.mouseOverTarget &&
+                relatedElement.ownerDocument.body.contains(relatedElement)) {
                 dismiss = instance.widget.open(instance, {
                     onPipeUpdate: (cb) => {
                         instance.update = cb;
@@ -276,7 +287,8 @@ function tooltipParentWillReceiveProps(element, parentInstance, tooltip, options
         instance.store.setData(options.data);
         if (instance.update)
             instance.update();
-        if (instance.mouseOverTarget || (instance.data && instance.data.alwaysVisible))
+        if (instance.mouseOverTarget ||
+            (instance.data && instance.data.alwaysVisible))
             tooltipMouseMove(element, parentInstance, tooltip, options);
     }
 }
@@ -292,7 +304,10 @@ function tooltipParentWillUnmount(parentInstance) {
 }
 function tooltipParentDidUpdate(element, parentInstance, tooltip) {
     let instance = getTooltipInstance(element, parentInstance, tooltip);
-    if (instance && instance.visible && instance.data?.alwaysVisible && instance.tooltipComponent)
+    if (instance &&
+        instance.visible &&
+        instance.data?.alwaysVisible &&
+        instance.tooltipComponent)
         instance.widget.updateDropdownPosition(instance, instance.tooltipComponent);
 }
 export function enableTooltips() {

package/build/widgets/overlay/Window.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Window.d.ts","sourceRoot":"","sources":["../../../src/widgets/overlay/Window.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEJ,WAAW,EAIX,aAAa,EACb,eAAe,EACjB,MAAM,WAAW,CAAC;AAUnB,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,WAAW,YAAa,SAAQ,aAAa;IAChD,0CAA0C;IAC1C,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,WAAW,CAAC;IAEvB,wDAAwD;IACxD,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,2FAA2F;IAC3F,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yFAAyF;IACzF,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,+DAA+D;IAC/D,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd,8BAA8B;IAC9B,MAAM,CAAC,EAAE,GAAG,CAAC;IAEb,8BAA8B;IAC9B,MAAM,CAAC,EAAE,GAAG,CAAC;IAEb,0CAA0C;IAC1C,SAAS,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,qBAAa,cAAe,SAAQ,eAAe,CAAC,MAAM,CAAC;IACxD,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC5B;AAED,qBAAa,MAAO,SAAQ,WAAW,CAAC,YAAY,EAAE,cAAc,CAAC;IAC1D,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAE1B,IAAI;IAYJ,WAAW,CAAC,GAAG,IAAI,EAAE,GAAG;IAWxB,WAAW,CAAC,GAAG,IAAI,EAAE,GAAG;IAiBxB,cAAc,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,cAAc,GAAG,IAAI;IAazE,YAAY,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE;IAYrF,YAAY,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG;IAInF,MAAM,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG;CAe/E"}
+{"version":3,"file":"Window.d.ts","sourceRoot":"","sources":["../../../src/widgets/overlay/Window.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,WAAW,EAKX,aAAa,EACb,eAAe,EAChB,MAAM,WAAW,CAAC;AAanB,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,0CAA0C;IAC1C,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,WAAW,CAAC;IAEvB,wDAAwD;IACxD,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,2FAA2F;IAC3F,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yFAAyF;IACzF,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,+DAA+D;IAC/D,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd,8BAA8B;IAC9B,MAAM,CAAC,EAAE,GAAG,CAAC;IAEb,8BAA8B;IAC9B,MAAM,CAAC,EAAE,GAAG,CAAC;IAEb,0CAA0C;IAC1C,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,qBAAa,cAAe,SAAQ,eAAe,CAAC,MAAM,CAAC;IACzD,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,qBAAa,MAAO,SAAQ,WAAW,CAAC,YAAY,EAAE,cAAc,CAAC;IAC3D,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAE1B,IAAI;IAcJ,WAAW,CAAC,GAAG,IAAI,EAAE,GAAG;IAWxB,WAAW,CAAC,GAAG,IAAI,EAAE,GAAG;IA6BxB,cAAc,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,cAAc,GAAG,IAAI;IAiBzE,YAAY,CACV,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,cAAc,EACxB,GAAG,EAAE,MAAM,GACV,GAAG,EAAE;IAeR,YAAY,CACV,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,cAAc,EACxB,GAAG,EAAE,MAAM,GACV,GAAG;IAQN,MAAM,CACJ,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,cAAc,EACxB,GAAG,EAAE,MAAM,GACV,GAAG;CAqBP"}

package/build/widgets/overlay/Window.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 /** @jsxImportSource react */
 import { Widget, getContent } from "../../ui/Widget";
-import { OverlayBase, OverlayComponent, OverlayInstance, } from "./Overlay";
-import { ContentPlaceholder } from "../../ui/layout/ContentPlaceholder";
+import { OverlayBase, OverlayBeacon, OverlayComponent, OverlayInstance, } from "./Overlay";
+import { ContentPlaceholder, } from "../../ui/layout/ContentPlaceholder";
 import { ZIndexManager } from "../../ui/ZIndexManager";
 import { Button } from "../Button";
 import { parseStyle } from "../../util/parseStyle";
@@ -41,8 +41,16 @@ export class Window extends OverlayBase {
     }
     initHelpers(...args) {
         return super.initHelpers(...args, {
-            header: Widget.create(this.header || { type: ContentPlaceholder, name: "header", scoped: true }),
-            footer: Widget.create(this.footer || { type: ContentPlaceholder, name: "footer", scoped: true }),
+            header: Widget.create(this.header || {
+                type: ContentPlaceholder,
+                name: "header",
+                scoped: true,
+            }),
+            footer: Widget.create(this.footer || {
+                type: ContentPlaceholder,
+                name: "footer",
+                scoped: true,
+            }),
             close: this.closable &&
                 Button.create({
                     mod: "hollow",
@@ -57,10 +65,14 @@ export class Window extends OverlayBase {
     exploreCleanup(context, instance) {
         super.exploreCleanup(context, instance);
         let { helpers } = instance;
-        let unregisterHeader = helpers.header && helpers.header.unregisterContentPlaceholder;
+        let unregisterHeader = helpers.header &&
+            helpers.header
+                .unregisterContentPlaceholder;
         if (unregisterHeader)
             unregisterHeader();
-        let unregisterFooter = helpers.footer && helpers.footer.unregisterContentPlaceholder;
+        let unregisterFooter = helpers.footer &&
+            helpers.footer
+                .unregisterContentPlaceholder;
         if (unregisterFooter)
             unregisterFooter();
     }
@@ -79,12 +91,14 @@ export class Window extends OverlayBase {
         return result;
     }
     renderFooter(context, instance, key) {
-        return getContent(instance.helpers && instance.helpers.footer && instance.helpers.footer.render(context));
+        return getContent(instance.helpers &&
+            instance.helpers.footer &&
+            instance.helpers.footer.render(context));
     }
     render(context, instance, key) {
         var header = this.renderHeader(context, instance, "header");
         var footer = this.renderFooter(context, instance, "footer");
-        return (_jsx(WindowComponent, { instance: instance, header: header, footer: footer, subscribeToBeforeDismiss: context.options.subscribeToBeforeDismiss, children: this.renderContents(context, instance) }, key));
+        return (_jsx(OverlayBeacon, { childrenFactory: (beaconEl) => (_jsx(WindowComponent, { beaconEl: beaconEl, instance: instance, header: header, footer: footer, subscribeToBeforeDismiss: context.options.subscribeToBeforeDismiss, parentEl: context.options.parentEl, children: this.renderContents(context, instance) }, key)) }));
     }
 }
 Window.prototype.baseClass = "window";
@@ -94,6 +108,7 @@ Window.prototype.fixed = false;
 Window.prototype.autoFocus = true;
 Window.prototype.focusable = true;
 Window.prototype.pad = true;
+Window.prototype.needsBeacon = true;
 Widget.alias("window", Window);
 Localization.registerPrototype("cx/widgets/Window", Window);
 class WindowComponent extends OverlayComponent {
@@ -128,7 +143,7 @@ class WindowComponent extends OverlayComponent {
     onFocusIn() {
         super.onFocusIn();
         if (!this.state.active) {
-            if (this.containerEl.contains(document.activeElement))
+            if (this.containerEl?.contains(document.activeElement))
                 this.setZIndex(ZIndexManager.next());
             this.setState({ active: true });
         }