cx 25.2.1 → 25.4.0

package/src/widgets/overlay/captureMouse.js

@@ -1,124 +1,124 @@
-import { batchUpdates } from "../../ui/batchUpdates";
-import { getParentFrameBoundingClientRect } from "../../util/getParentFrameBoundingClientRect";
-
-export function captureMouse2(e, { onMouseMove, onMouseUp, onDblClick, captureData, cursor }) {
-   let surface = document.createElement("div");
-   surface.className = "cxb-mousecapture";
-   surface.style.cursor = cursor || getComputedStyle(e.currentTarget).cursor;
-
-   document.body.appendChild(surface);
-
-   // In case when the event originates from an iframe,
-   // we use that document as events do not bubble up.   //
-   let parentDocument = e.target.ownerDocument;
-   let options = { capture: true };
-
-   let active = true;
-   parentDocument.addEventListener("mousemove", move, options);
-   parentDocument.addEventListener("mouseup", end, options);
-   if (onDblClick) parentDocument.addEventListener("dblclick", doubleClick), options;
-
-   function tear() {
-      if (surface == null) return;
-      parentDocument.removeEventListener("mousemove", move, options);
-      parentDocument.removeEventListener("mouseup", end, options);
-      if (onDblClick) parentDocument.removeEventListener("dblclick", onDblClick, options);
-      document.body.removeChild(surface);
-      surface = null;
-   }
-
-   function doubleClick(e) {
-      try {
-         onDblClick && onDblClick(e);
-      } finally {
-         tear();
-      }
-   }
-
-   e.stopPropagation();
-
-   function move(e) {
-      if (!active) {
-         tear();
-         return;
-      }
-
-      //if mouse moves double clicking is off
-      onDblClick = null;
-
-      batchUpdates(() => {
-         if (onMouseMove) onMouseMove(e, captureData);
-         e.stopPropagation();
-         e.preventDefault(); //disable text selection
-      });
-   }
-
-   function end(e) {
-      active = false;
-      batchUpdates(() => {
-         // if (surface.releaseCapture)
-         //    surface.releaseCapture();
-
-         if (!onDblClick) surface.style.display = "none";
-         try {
-            if (onMouseUp) onMouseUp(e, captureData);
-         } finally {
-            if (onDblClick) {
-               //keep the surface a little longer to detect double clicks
-               setTimeout(tear, 1500);
-            } else tear();
-         }
-      });
-   }
-}
-
-export function captureMouseOrTouch2(e, { onMouseMove, onMouseUp, onDblClick, captureData, cursor }) {
-   if (e.type.indexOf("touch") == 0) {
-      let el = e.currentTarget;
-
-      let move = (e) => {
-         batchUpdates(() => {
-            if (onMouseMove) onMouseMove(e, captureData);
-            e.preventDefault();
-         });
-      };
-
-      let end = (e) => {
-         batchUpdates(() => {
-            el.removeEventListener("touchmove", move);
-            el.removeEventListener("touchend", end);
-
-            if (onMouseUp) onMouseUp(e);
-
-            e.preventDefault();
-         });
-      };
-
-      el.addEventListener("touchmove", move);
-      el.addEventListener("touchend", end);
-
-      e.stopPropagation();
-   } else captureMouse2(e, { onMouseMove, onMouseUp, captureData, onDblClick, cursor });
-}
-
-export function captureMouse(e, onMouseMove, onMouseUp, captureData, cursor) {
-   captureMouse2(e, {
-      onMouseMove,
-      onMouseUp,
-      captureData,
-      cursor,
-   });
-}
-
-export function captureMouseOrTouch(e, onMouseMove, onMouseUp, captureData, cursor) {
-   captureMouseOrTouch2(e, { onMouseMove, onMouseUp, captureData, cursor });
-}
-
-export function getCursorPos(e) {
-   let p = (e.touches && e.touches[0]) || e;
-   let offset = getParentFrameBoundingClientRect(e.target);
-   return {
-      clientX: p.clientX + offset.left,
-      clientY: p.clientY + offset.top,
-   };
-}
+import { batchUpdates } from "../../ui/batchUpdates";
+import { getParentFrameBoundingClientRect } from "../../util/getParentFrameBoundingClientRect";
+
+export function captureMouse2(e, { onMouseMove, onMouseUp, onDblClick, captureData, cursor }) {
+   let surface = document.createElement("div");
+   surface.className = "cxb-mousecapture";
+   surface.style.cursor = cursor || getComputedStyle(e.currentTarget).cursor;
+
+   document.body.appendChild(surface);
+
+   // In case when the event originates from an iframe,
+   // we use that document as events do not bubble up.   //
+   let parentDocument = e.target.ownerDocument;
+   let options = { capture: true };
+
+   let active = true;
+   parentDocument.addEventListener("mousemove", move, options);
+   parentDocument.addEventListener("mouseup", end, options);
+   if (onDblClick) parentDocument.addEventListener("dblclick", doubleClick), options;
+
+   function tear() {
+      if (surface == null) return;
+      parentDocument.removeEventListener("mousemove", move, options);
+      parentDocument.removeEventListener("mouseup", end, options);
+      if (onDblClick) parentDocument.removeEventListener("dblclick", onDblClick, options);
+      document.body.removeChild(surface);
+      surface = null;
+   }
+
+   function doubleClick(e) {
+      try {
+         onDblClick && onDblClick(e);
+      } finally {
+         tear();
+      }
+   }
+
+   e.stopPropagation();
+
+   function move(e) {
+      if (!active) {
+         tear();
+         return;
+      }
+
+      //if mouse moves double clicking is off
+      onDblClick = null;
+
+      batchUpdates(() => {
+         if (onMouseMove) onMouseMove(e, captureData);
+         e.stopPropagation();
+         e.preventDefault(); //disable text selection
+      });
+   }
+
+   function end(e) {
+      active = false;
+      batchUpdates(() => {
+         // if (surface.releaseCapture)
+         //    surface.releaseCapture();
+
+         if (!onDblClick) surface.style.display = "none";
+         try {
+            if (onMouseUp) onMouseUp(e, captureData);
+         } finally {
+            if (onDblClick) {
+               //keep the surface a little longer to detect double clicks
+               setTimeout(tear, 1500);
+            } else tear();
+         }
+      });
+   }
+}
+
+export function captureMouseOrTouch2(e, { onMouseMove, onMouseUp, onDblClick, captureData, cursor }) {
+   if (e.type.indexOf("touch") == 0) {
+      let el = e.currentTarget;
+
+      let move = (e) => {
+         batchUpdates(() => {
+            if (onMouseMove) onMouseMove(e, captureData);
+            e.preventDefault();
+         });
+      };
+
+      let end = (e) => {
+         batchUpdates(() => {
+            el.removeEventListener("touchmove", move);
+            el.removeEventListener("touchend", end);
+
+            if (onMouseUp) onMouseUp(e);
+
+            e.preventDefault();
+         });
+      };
+
+      el.addEventListener("touchmove", move);
+      el.addEventListener("touchend", end);
+
+      e.stopPropagation();
+   } else captureMouse2(e, { onMouseMove, onMouseUp, captureData, onDblClick, cursor });
+}
+
+export function captureMouse(e, onMouseMove, onMouseUp, captureData, cursor) {
+   captureMouse2(e, {
+      onMouseMove,
+      onMouseUp,
+      captureData,
+      cursor,
+   });
+}
+
+export function captureMouseOrTouch(e, onMouseMove, onMouseUp, captureData, cursor) {
+   captureMouseOrTouch2(e, { onMouseMove, onMouseUp, captureData, cursor });
+}
+
+export function getCursorPos(e) {
+   let p = (e.touches && e.touches[0]) || e;
+   let offset = getParentFrameBoundingClientRect(e.target);
+   return {
+      clientX: p.clientX + offset.left,
+      clientY: p.clientY + offset.top,
+   };
+}

package/src/widgets/overlay/createHotPromiseWindowFactory.d.ts

@@ -1,18 +1,18 @@
-import { View } from "cx/data";
-import { Instance } from "cx/ui";
-import { Overlay } from "cx/widgets";
-
-export interface HotPromiseWindowFactoryOptions {
-   parent?: Instance;
-   store?: View;
-}
-
-export function createHotPromiseWindowFactoryWithProps<Props, R = any>(
-   module: any,
-   factory: (props: Props) => (resolve: (value: R | PromiseLike<R>) => void, reject: (reason?: any) => void) => Overlay,
-): (props: Props, options?: HotPromiseWindowFactoryOptions) => Promise<R>;
-
-export function createHotPromiseWindowFactory<R = any>(
-   module: any,
-   factory: (resolve: (value: R | PromiseLike<R>) => void, reject: (reason?: any) => void) => Overlay,
-): (options?: HotPromiseWindowFactoryOptions) => Promise<R>;
+import { View } from "cx/data";
+import { Instance } from "cx/ui";
+import { Overlay } from "cx/widgets";
+
+export interface HotPromiseWindowFactoryOptions {
+   parent?: Instance;
+   store?: View;
+}
+
+export function createHotPromiseWindowFactoryWithProps<Props, R = any>(
+   module: any,
+   factory: (props: Props) => (resolve: (value: R | PromiseLike<R>) => void, reject: (reason?: any) => void) => Overlay,
+): (props: Props, options?: HotPromiseWindowFactoryOptions) => Promise<R>;
+
+export function createHotPromiseWindowFactory<R = any>(
+   module: any,
+   factory: (resolve: (value: R | PromiseLike<R>) => void, reject: (reason?: any) => void) => Overlay,
+): (options?: HotPromiseWindowFactoryOptions) => Promise<R>;

package/src/widgets/overlay/createHotPromiseWindowFactory.js

@@ -1,56 +1,56 @@
-import { Store } from "../../data/Store";
-import { SubscriberList } from "../../util/SubscriberList";
-import { Window } from "./Window";
-
-export function createHotPromiseWindowFactoryWithProps(module, factory) {
-   let subscriberList;
-   if (module.hot) {
-      if (module.hot.data?.subscriberList) subscriberList = module.hot.data.subscriberList;
-      if (!subscriberList) subscriberList = new SubscriberList();
-
-      module.hot.dispose((data) => {
-         data.subscriberList = subscriberList;
-      });
-
-      module.hot.accept();
-
-      if (!subscriberList.isEmpty()) subscriberList.notify(factory);
-
-      subscriberList.subscribe((updatedFactory) => {
-         factory = updatedFactory;
-      });
-   }
-
-   return (props, options) => {
-      let store = options?.parent ?? options?.store ?? new Store();
-      let reloading = false;
-      return new Promise((resolve, reject) => {
-         let dismiss;
-         let unsubscribe;
-         function rerun() {
-            dismiss?.();
-            let window = Window.create(factory(props)(resolve, reject));
-            window.overlayWillDismiss = () => {
-               if (!reloading && unsubscribe) unsubscribe();
-            };
-            dismiss = window.open(store);
-         }
-         unsubscribe = subscriberList?.subscribe((updatedFactory) => {
-            factory = updatedFactory;
-            setTimeout(() => {
-               // timeout is required for proper module initialization
-               // sometimes elements are defined in the lower part of the module and if the function is run immediately, it will fail
-               reloading = true;
-               rerun();
-               reloading = false;
-            }, 10);
-         });
-         rerun();
-      });
-   };
-}
-
-export function createHotPromiseWindowFactory(module, factory) {
-   let result = createHotPromiseWindowFactoryWithProps(module, () => factory);
-   return (options) => result(null, options);
-}
+import { Store } from "../../data/Store";
+import { SubscriberList } from "../../util/SubscriberList";
+import { Window } from "./Window";
+
+export function createHotPromiseWindowFactoryWithProps(module, factory) {
+   let subscriberList;
+   if (module.hot) {
+      if (module.hot.data?.subscriberList) subscriberList = module.hot.data.subscriberList;
+      if (!subscriberList) subscriberList = new SubscriberList();
+
+      module.hot.dispose((data) => {
+         data.subscriberList = subscriberList;
+      });
+
+      module.hot.accept();
+
+      if (!subscriberList.isEmpty()) subscriberList.notify(factory);
+
+      subscriberList.subscribe((updatedFactory) => {
+         factory = updatedFactory;
+      });
+   }
+
+   return (props, options) => {
+      let store = options?.parent ?? options?.store ?? new Store();
+      let reloading = false;
+      return new Promise((resolve, reject) => {
+         let dismiss;
+         let unsubscribe;
+         function rerun() {
+            dismiss?.();
+            let window = Window.create(factory(props)(resolve, reject));
+            window.overlayWillDismiss = () => {
+               if (!reloading && unsubscribe) unsubscribe();
+            };
+            dismiss = window.open(store);
+         }
+         unsubscribe = subscriberList?.subscribe((updatedFactory) => {
+            factory = updatedFactory;
+            setTimeout(() => {
+               // timeout is required for proper module initialization
+               // sometimes elements are defined in the lower part of the module and if the function is run immediately, it will fail
+               reloading = true;
+               rerun();
+               reloading = false;
+            }, 10);
+         });
+         rerun();
+      });
+   };
+}
+
+export function createHotPromiseWindowFactory(module, factory) {
+   let result = createHotPromiseWindowFactoryWithProps(module, () => factory);
+   return (options) => result(null, options);
+}

package/src/widgets/overlay/index.d.ts

@@ -1,11 +1,11 @@
-export * from "./Overlay";
-export * from "./Dropdown";
-export * from "./tooltip-ops";
-export * from "./Tooltip";
-export * from "./Window";
-export * from "./MsgBox";
-export * from "./Toast";
-export * from "./captureMouse";
-export * from "./ContextMenu";
-export * from "./FlyweightTooltipTracker";
-export * from "./createHotPromiseWindowFactory";
+export * from "./Overlay";
+export * from "./Dropdown";
+export * from "./tooltip-ops";
+export * from "./Tooltip";
+export * from "./Window";
+export * from "./MsgBox";
+export * from "./Toast";
+export * from "./captureMouse";
+export * from "./ContextMenu";
+export * from "./FlyweightTooltipTracker";
+export * from "./createHotPromiseWindowFactory";

package/src/widgets/overlay/index.js

@@ -1,11 +1,11 @@
-export * from "./Overlay";
-export * from "./Dropdown";
-export * from "./tooltip-ops";
-export * from "./Tooltip";
-export * from "./Window";
-export * from "./MsgBox";
-export * from "./Toast";
-export * from "./captureMouse";
-export * from "./ContextMenu";
-export * from "./FlyweightTooltipTracker";
-export * from "./createHotPromiseWindowFactory";
+export * from "./Overlay";
+export * from "./Dropdown";
+export * from "./tooltip-ops";
+export * from "./Tooltip";
+export * from "./Window";
+export * from "./MsgBox";
+export * from "./Toast";
+export * from "./captureMouse";
+export * from "./ContextMenu";
+export * from "./FlyweightTooltipTracker";
+export * from "./createHotPromiseWindowFactory";