cx 26.4.0 → 26.4.2

package/src/widgets/overlay/createHotPromiseWindowFactory.ts

@@ -1,71 +1,71 @@
-import { Store } from "../../data/Store";
-import { HotModule } from "../../ui/app/startHotAppLoop";
-import { SubscriberList } from "../../util/SubscriberList";
-import { Window } from "./Window";
-import { View } from "../../data/View";
-import { Instance } from "../../ui/Instance";
-import { Overlay } from "./Overlay";
-
-export interface HotPromiseWindowFactoryOptions {
-   parent?: Instance;
-   store?: View;
-}
-
-export function createHotPromiseWindowFactoryWithProps<Props, R = any>(
-   module: HotModule,
-   factory: (props: Props) => (resolve: (value: R | PromiseLike<R>) => void, reject: (reason?: any) => void) => Overlay,
-): (props: Props, options?: HotPromiseWindowFactoryOptions) => Promise<R> {
-   let subscriberList: SubscriberList | undefined;
-   if (module.hot) {
-      if (module.hot.data?.subscriberList) subscriberList = module.hot.data.subscriberList;
-      if (!subscriberList) subscriberList = new SubscriberList();
-
-      module.hot.dispose((data: any) => {
-         data.subscriberList = subscriberList;
-      });
-
-      module.hot.accept();
-
-      if (!subscriberList.isEmpty()) subscriberList.notify(factory);
-
-      subscriberList.subscribe((updatedFactory) => {
-         factory = updatedFactory;
-      });
-   }
-
-   return (props: Props, options?: HotPromiseWindowFactoryOptions): Promise<R> => {
-      let store = options?.parent ?? options?.store ?? new Store();
-      let reloading = false;
-      return new Promise<R>((resolve, reject) => {
-         let dismiss: (() => void) | undefined;
-         let unsubscribe: (() => void) | undefined;
-         function rerun() {
-            dismiss?.();
-            let window = Window.create(factory(props)(resolve, reject) as any) as any;
-            window.overlayWillDismiss = () => {
-               if (!reloading && unsubscribe) unsubscribe();
-            };
-            dismiss = window.open(store);
-         }
-         unsubscribe = subscriberList?.subscribe((updatedFactory: any) => {
-            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<R = any>(
-   module: HotModule,
-   factory: (resolve: (value: R | PromiseLike<R>) => void, reject: (reason?: any) => void) => Overlay,
-): (options?: HotPromiseWindowFactoryOptions) => Promise<R> {
-   let result = createHotPromiseWindowFactoryWithProps(module, () => factory);
-   return (options?: HotPromiseWindowFactoryOptions) => result(null, options);
-}
+import { Store } from "../../data/Store";
+import { HotModule } from "../../ui/app/startHotAppLoop";
+import { SubscriberList } from "../../util/SubscriberList";
+import { Window } from "./Window";
+import { View } from "../../data/View";
+import { Instance } from "../../ui/Instance";
+import { Overlay } from "./Overlay";
+
+export interface HotPromiseWindowFactoryOptions {
+   parent?: Instance;
+   store?: View;
+}
+
+export function createHotPromiseWindowFactoryWithProps<Props, R = any>(
+   module: HotModule,
+   factory: (props: Props) => (resolve: (value: R | PromiseLike<R>) => void, reject: (reason?: any) => void) => Overlay,
+): (props: Props, options?: HotPromiseWindowFactoryOptions) => Promise<R> {
+   let subscriberList: SubscriberList | undefined;
+   if (module.hot) {
+      if (module.hot.data?.subscriberList) subscriberList = module.hot.data.subscriberList;
+      if (!subscriberList) subscriberList = new SubscriberList();
+
+      module.hot.dispose((data: any) => {
+         data.subscriberList = subscriberList;
+      });
+
+      module.hot.accept();
+
+      if (!subscriberList.isEmpty()) subscriberList.notify(factory);
+
+      subscriberList.subscribe((updatedFactory) => {
+         factory = updatedFactory;
+      });
+   }
+
+   return (props: Props, options?: HotPromiseWindowFactoryOptions): Promise<R> => {
+      let store = options?.parent ?? options?.store ?? new Store();
+      let reloading = false;
+      return new Promise<R>((resolve, reject) => {
+         let dismiss: (() => void) | undefined;
+         let unsubscribe: (() => void) | undefined;
+         function rerun() {
+            dismiss?.();
+            let window = Window.create(factory(props)(resolve, reject) as any) as any;
+            window.overlayWillDismiss = () => {
+               if (!reloading && unsubscribe) unsubscribe();
+            };
+            dismiss = window.open(store);
+         }
+         unsubscribe = subscriberList?.subscribe((updatedFactory: any) => {
+            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<R = any>(
+   module: HotModule,
+   factory: (resolve: (value: R | PromiseLike<R>) => void, reject: (reason?: any) => void) => Overlay,
+): (options?: HotPromiseWindowFactoryOptions) => Promise<R> {
+   let result = createHotPromiseWindowFactoryWithProps(module, () => factory);
+   return (options?: HotPromiseWindowFactoryOptions) => 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.scss

@@ -1,6 +1,6 @@
-@use 'captureMouse';
-@use 'Overlay';
-@use 'Dropdown';
-@use 'Window';
-@use 'Tooltip';
-@use 'Toast';
+@use 'captureMouse';
+@use 'Overlay';
+@use 'Dropdown';
+@use 'Window';
+@use 'Tooltip';
+@use 'Toast';

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/maps.scss

@@ -1,44 +1,44 @@
-@use "../variables" as *;
-
-$cx-dropdown-styles: (
-   color: $cx-default-dropdown-color,
-   background-color: $cx-default-dropdown-background-color,
-   border-radius: $cx-default-border-radius,
-   border-color: $cx-default-border-color,
-   border-width: 0,
-   box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.29),
-   white-space: normal,
-   font-weight: normal,
-   font-size: $cx-default-font-size,
-   text-align: left,
-   line-height: normal,
-) !default;
-
-@forward "./Window.maps.scss";
-
-$cx-toast-mods: (
-   warning: (
-      default: (
-         color: #fff,
-         background-color: #f09037,
-      ),
-   ),
-   primary: (
-      default: (
-         color: #fff,
-         background-color: #1f99f8,
-      ),
-   ),
-   success: (
-      default: (
-         color: #fff,
-         background-color: #5cb85c,
-      ),
-   ),
-   error: (
-      default: (
-         color: #fff,
-         background-color: #d9534f,
-      ),
-   ),
-) !default;
+@use "../variables" as *;
+
+$cx-dropdown-styles: (
+   color: $cx-default-dropdown-color,
+   background-color: $cx-default-dropdown-background-color,
+   border-radius: $cx-default-border-radius,
+   border-color: $cx-default-border-color,
+   border-width: 0,
+   box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.29),
+   white-space: normal,
+   font-weight: normal,
+   font-size: $cx-default-font-size,
+   text-align: left,
+   line-height: normal,
+) !default;
+
+@forward "./Window.maps.scss";
+
+$cx-toast-mods: (
+   warning: (
+      default: (
+         color: #fff,
+         background-color: #f09037,
+      ),
+   ),
+   primary: (
+      default: (
+         color: #fff,
+         background-color: #1f99f8,
+      ),
+   ),
+   success: (
+      default: (
+         color: #fff,
+         background-color: #5cb85c,
+      ),
+   ),
+   error: (
+      default: (
+         color: #fff,
+         background-color: #d9534f,
+      ),
+   ),
+) !default;

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;
+}