cx 26.0.5 → 26.0.8

package/src/widgets/overlay/index.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/tooltip-ops.ts

@@ -1,173 +1,173 @@
-import { BooleanProp, StringProp } from "../../ui/Prop";
-import { Instance } from "../../ui/Instance";
-import { DropdownConfig } from "./Dropdown";
-import type { TooltipInstance } from "./Tooltip";
-
-export interface TooltipConfig extends DropdownConfig {
-   /** Text to be displayed inside the tooltip. */
-   text?: StringProp;
-
-   /** Text to be displayed in the header. */
-   title?: StringProp;
-
-   /**
-    * Set to true to make the tooltip always visible.
-    * This is useful e.g. in product tours, when instructions need to be shown, even if the mouse pointer is not around.
-    */
-   alwaysVisible?: BooleanProp;
-
-   /** Base CSS class to be applied to the field. Defaults to 'tooltip'. */
-   baseClass?: string;
-
-   /**
-    * Set to `true` to append the set `animate` state after the initial render.
-    * Appended CSS class may be used to add show/hide animations.
-    */
-   animate?: boolean;
-
-   /** Set to `true` to make the tooltip follow the mouse movement. */
-   trackMouse?: boolean;
-
-   trackMouseX?: boolean;
-   trackMouseY?: boolean;
-
-   /**
-    * This property controls how tooltips behave on touch events.
-    * Default value is `toggle` which means that the tooltip is shown on first tap and closed on the second tap.
-    * Use `ignore` to skip showing tooltips on touch events.
-    */
-   touchBehavior?: string;
-
-   /**
-    * Set to true to rely on browser's window mousemove event for getting mouse coordinates
-    * instead of using the element that tooltip is attached to.
-    */
-   globalMouseTracking?: boolean;
-
-   /** Tooltips are hidden as soon as the mouse leaves the related widget. Set this to true to keep the tooltip
-    * while the mouse is inside the tooltip itself. */
-   mouseTrap?: boolean;
-}
-
-export type TooltipProp = TooltipConfig | StringProp;
-
-/**
- * Options passed to tooltip functions
- */
-export interface TooltipOptions {
-   target?: Element;
-   tooltipName?: string;
-   data?: any;
-}
-
-export interface TooltipParentInstance {
-   tooltips: { [key: string]: TooltipInstance };
-}
-
-/**
- * Tooltip operations implementation interface
- * This is the actual implementation that gets wired via wireTooltipOps
- */
-export interface TooltipOperations {
-   tooltipMouseMove(
-      e: MouseEvent | TouchEvent | React.MouseEvent | React.TouchEvent | Element,
-      parentInstance: Instance & TooltipParentInstance,
-      tooltip: TooltipProp | undefined,
-      options?: TooltipOptions,
-   ): void;
-
-   tooltipMouseLeave(
-      e: MouseEvent | React.MouseEvent | Element,
-      parentInstance: Instance & TooltipParentInstance,
-      tooltip: TooltipProp | undefined,
-      options?: TooltipOptions,
-   ): void;
-
-   tooltipParentDidMount(
-      element: Element,
-      parentInstance: Instance & TooltipParentInstance,
-      tooltip: TooltipProp | undefined,
-      options?: TooltipOptions,
-   ): void;
-
-   tooltipParentWillReceiveProps(
-      element: Element,
-      parentInstance: Instance & TooltipParentInstance,
-      tooltip: TooltipProp | undefined,
-      options?: TooltipOptions,
-   ): void;
-
-   tooltipParentWillUnmount(parentInstance: Instance & TooltipParentInstance): void;
-
-   tooltipParentDidUpdate(
-      element: Element,
-      parentInstance: Instance & TooltipParentInstance,
-      tooltip: TooltipProp | undefined,
-   ): void;
-}
-
-let impl: TooltipOperations | false = false;
-
-export function tooltipMouseMove(
-   e: MouseEvent | TouchEvent | React.MouseEvent | React.TouchEvent | Element,
-   parentInstance: Instance & TooltipParentInstance,
-   tooltip: TooltipProp | undefined,
-   options?: TooltipOptions,
-): void {
-   if (impl && tooltip) {
-      impl.tooltipMouseMove.call(impl, e, parentInstance, tooltip, options);
-   }
-}
-
-export function tooltipMouseLeave(
-   e: MouseEvent | React.MouseEvent | Element,
-   parentInstance: Instance & TooltipParentInstance,
-   tooltip: TooltipProp | undefined,
-   options?: TooltipOptions,
-): void {
-   if (impl && tooltip) {
-      impl.tooltipMouseLeave.call(impl, e, parentInstance, tooltip, options);
-   }
-}
-
-export function tooltipParentDidMount(
-   element: Element,
-   parentInstance: Instance & TooltipParentInstance,
-   tooltip: TooltipProp | undefined,
-   options?: TooltipOptions,
-): void {
-   if (impl) {
-      impl.tooltipParentDidMount.call(impl, element, parentInstance, tooltip, options);
-   }
-}
-
-export function tooltipParentWillReceiveProps(
-   element: Element,
-   parentInstance: Instance & TooltipParentInstance,
-   tooltip: TooltipProp | undefined,
-   options?: TooltipOptions,
-): void {
-   if (impl) {
-      impl.tooltipParentWillReceiveProps.call(impl, element, parentInstance, tooltip, options);
-   }
-}
-
-export function tooltipParentWillUnmount(parentInstance: Instance & TooltipParentInstance): void {
-   if (impl) {
-      impl.tooltipParentWillUnmount.call(impl, parentInstance);
-   }
-}
-
-export function tooltipParentDidUpdate(
-   element: Element,
-   parentInstance: Instance & TooltipParentInstance,
-   tooltip: TooltipProp | undefined,
-): void {
-   if (impl) {
-      impl.tooltipParentDidUpdate.call(impl, element, parentInstance, tooltip);
-   }
-}
-
-export function wireTooltipOps(ops: TooltipOperations): void {
-   impl = ops;
-}
+import { BooleanProp, StringProp } from "../../ui/Prop";
+import { Instance } from "../../ui/Instance";
+import { DropdownConfig } from "./Dropdown";
+import type { TooltipInstance } from "./Tooltip";
+
+export interface TooltipConfig extends DropdownConfig {
+   /** Text to be displayed inside the tooltip. */
+   text?: StringProp;
+
+   /** Text to be displayed in the header. */
+   title?: StringProp;
+
+   /**
+    * Set to true to make the tooltip always visible.
+    * This is useful e.g. in product tours, when instructions need to be shown, even if the mouse pointer is not around.
+    */
+   alwaysVisible?: BooleanProp;
+
+   /** Base CSS class to be applied to the field. Defaults to 'tooltip'. */
+   baseClass?: string;
+
+   /**
+    * Set to `true` to append the set `animate` state after the initial render.
+    * Appended CSS class may be used to add show/hide animations.
+    */
+   animate?: boolean;
+
+   /** Set to `true` to make the tooltip follow the mouse movement. */
+   trackMouse?: boolean;
+
+   trackMouseX?: boolean;
+   trackMouseY?: boolean;
+
+   /**
+    * This property controls how tooltips behave on touch events.
+    * Default value is `toggle` which means that the tooltip is shown on first tap and closed on the second tap.
+    * Use `ignore` to skip showing tooltips on touch events.
+    */
+   touchBehavior?: string;
+
+   /**
+    * Set to true to rely on browser's window mousemove event for getting mouse coordinates
+    * instead of using the element that tooltip is attached to.
+    */
+   globalMouseTracking?: boolean;
+
+   /** Tooltips are hidden as soon as the mouse leaves the related widget. Set this to true to keep the tooltip
+    * while the mouse is inside the tooltip itself. */
+   mouseTrap?: boolean;
+}
+
+export type TooltipProp = TooltipConfig | StringProp;
+
+/**
+ * Options passed to tooltip functions
+ */
+export interface TooltipOptions {
+   target?: Element;
+   tooltipName?: string;
+   data?: any;
+}
+
+export interface TooltipParentInstance {
+   tooltips: { [key: string]: TooltipInstance };
+}
+
+/**
+ * Tooltip operations implementation interface
+ * This is the actual implementation that gets wired via wireTooltipOps
+ */
+export interface TooltipOperations {
+   tooltipMouseMove(
+      e: MouseEvent | TouchEvent | React.MouseEvent | React.TouchEvent | Element,
+      parentInstance: Instance & TooltipParentInstance,
+      tooltip: TooltipProp | undefined,
+      options?: TooltipOptions,
+   ): void;
+
+   tooltipMouseLeave(
+      e: MouseEvent | React.MouseEvent | Element,
+      parentInstance: Instance & TooltipParentInstance,
+      tooltip: TooltipProp | undefined,
+      options?: TooltipOptions,
+   ): void;
+
+   tooltipParentDidMount(
+      element: Element,
+      parentInstance: Instance & TooltipParentInstance,
+      tooltip: TooltipProp | undefined,
+      options?: TooltipOptions,
+   ): void;
+
+   tooltipParentWillReceiveProps(
+      element: Element,
+      parentInstance: Instance & TooltipParentInstance,
+      tooltip: TooltipProp | undefined,
+      options?: TooltipOptions,
+   ): void;
+
+   tooltipParentWillUnmount(parentInstance: Instance & TooltipParentInstance): void;
+
+   tooltipParentDidUpdate(
+      element: Element,
+      parentInstance: Instance & TooltipParentInstance,
+      tooltip: TooltipProp | undefined,
+   ): void;
+}
+
+let impl: TooltipOperations | false = false;
+
+export function tooltipMouseMove(
+   e: MouseEvent | TouchEvent | React.MouseEvent | React.TouchEvent | Element,
+   parentInstance: Instance & TooltipParentInstance,
+   tooltip: TooltipProp | undefined,
+   options?: TooltipOptions,
+): void {
+   if (impl && tooltip) {
+      impl.tooltipMouseMove.call(impl, e, parentInstance, tooltip, options);
+   }
+}
+
+export function tooltipMouseLeave(
+   e: MouseEvent | React.MouseEvent | Element,
+   parentInstance: Instance & TooltipParentInstance,
+   tooltip: TooltipProp | undefined,
+   options?: TooltipOptions,
+): void {
+   if (impl && tooltip) {
+      impl.tooltipMouseLeave.call(impl, e, parentInstance, tooltip, options);
+   }
+}
+
+export function tooltipParentDidMount(
+   element: Element,
+   parentInstance: Instance & TooltipParentInstance,
+   tooltip: TooltipProp | undefined,
+   options?: TooltipOptions,
+): void {
+   if (impl) {
+      impl.tooltipParentDidMount.call(impl, element, parentInstance, tooltip, options);
+   }
+}
+
+export function tooltipParentWillReceiveProps(
+   element: Element,
+   parentInstance: Instance & TooltipParentInstance,
+   tooltip: TooltipProp | undefined,
+   options?: TooltipOptions,
+): void {
+   if (impl) {
+      impl.tooltipParentWillReceiveProps.call(impl, element, parentInstance, tooltip, options);
+   }
+}
+
+export function tooltipParentWillUnmount(parentInstance: Instance & TooltipParentInstance): void {
+   if (impl) {
+      impl.tooltipParentWillUnmount.call(impl, parentInstance);
+   }
+}
+
+export function tooltipParentDidUpdate(
+   element: Element,
+   parentInstance: Instance & TooltipParentInstance,
+   tooltip: TooltipProp | undefined,
+): void {
+   if (impl) {
+      impl.tooltipParentDidUpdate.call(impl, element, parentInstance, tooltip);
+   }
+}
+
+export function wireTooltipOps(ops: TooltipOperations): void {
+   impl = ops;
+}

package/build/ui/PureContainer.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/ui/PureContainer.spec.js

@@ -1,149 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "cx/jsx-runtime";
-import { Store } from "../data/Store";
-import assert from "assert";
-import { createTestRenderer } from "../util/test/createTestRenderer";
-import { bind } from "./bind";
-import { PureContainer } from "./PureContainer";
-describe("PureContainer", () => {
-    it("renders static text children", () => {
-        let widget = (_jsx("cx", { children: _jsx(PureContainer, { children: _jsx("div", { children: "Test" }) }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert(tree && !Array.isArray(tree), "Expected single element");
-        assert.deepEqual(tree, {
-            type: "div",
-            props: {},
-            children: ["Test"],
-        });
-    });
-    it("renders multiple children", () => {
-        let widget = (_jsx("cx", { children: _jsxs(PureContainer, { children: [_jsx("div", { children: "First" }), _jsx("div", { children: "Second" }), _jsx("div", { children: "Third" })] }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert(Array.isArray(tree), "Expected array of elements");
-        assert.equal(tree.length, 3);
-        assert.deepEqual(tree, [
-            {
-                type: "div",
-                props: {},
-                children: ["First"],
-            },
-            {
-                type: "div",
-                props: {},
-                children: ["Second"],
-            },
-            {
-                type: "div",
-                props: {},
-                children: ["Third"],
-            },
-        ]);
-    });
-    it("renders children with data bindings", () => {
-        let widget = (_jsx("cx", { children: _jsx(PureContainer, { children: _jsx("div", { text: bind("message") }) }) }));
-        let store = new Store({
-            data: {
-                message: "Hello World",
-            },
-        });
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert(tree && !Array.isArray(tree), "Expected single element");
-        assert.deepEqual(tree, {
-            type: "div",
-            props: {},
-            children: ["Hello World"],
-        });
-    });
-    it("renders nested containers", () => {
-        let widget = (_jsx("cx", { children: _jsx(PureContainer, { children: _jsx("div", { children: _jsx(PureContainer, { children: _jsx("span", { children: "Nested" }) }) }) }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert(tree && !Array.isArray(tree), "Expected single element");
-        assert.deepEqual(tree, {
-            type: "div",
-            props: {},
-            children: [
-                {
-                    type: "span",
-                    props: {},
-                    children: ["Nested"],
-                },
-            ],
-        });
-    });
-    it("conditionally renders children based on visible binding", () => {
-        let widget = (_jsx("cx", { children: _jsxs(PureContainer, { children: [_jsx("div", { visible: bind("show"), text: "Visible" }), _jsx("div", { visible: false, text: "Hidden" })] }) }));
-        let store = new Store({
-            data: {
-                show: true,
-            },
-        });
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert(tree && !Array.isArray(tree), "Expected single element");
-        assert.deepEqual(tree, {
-            type: "div",
-            props: {},
-            children: ["Visible"],
-        });
-    });
-    it("handles empty children", () => {
-        let widget = (_jsx("cx", { children: _jsx(PureContainer, { children: _jsx("div", {}) }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert(tree && !Array.isArray(tree), "Expected single element");
-        assert.deepEqual(tree, {
-            type: "div",
-            props: {},
-            children: null,
-        });
-    });
-    it("renders children from items property", () => {
-        let widget = (_jsx("cx", { children: _jsx(PureContainer, { items: [_jsx("div", { children: "Item 1" }, "1"), _jsx("div", { children: "Item 2" }, "2")] }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert(Array.isArray(tree), "Expected array of elements");
-        assert.equal(tree.length, 2);
-        assert.deepEqual(tree[0], {
-            type: "div",
-            props: {},
-            children: ["Item 1"],
-        });
-        assert.deepEqual(tree[1], {
-            type: "div",
-            props: {},
-            children: ["Item 2"],
-        });
-    });
-    it("updates children when store data changes", () => {
-        let widget = (_jsx("cx", { children: _jsx(PureContainer, { children: _jsx("div", { text: bind("count") }) }) }));
-        let store = new Store({
-            data: {
-                count: 0,
-            },
-        });
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert.deepEqual(tree, {
-            type: "div",
-            props: {},
-            children: ["0"],
-        });
-        // Update the store
-        store.set("count", 5);
-        // Re-render
-        tree = component.toJSON();
-        assert.deepEqual(tree, {
-            type: "div",
-            props: {},
-            children: ["5"],
-        });
-    });
-});