cx 26.3.9 → 26.4.0

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

package/src/widgets/overlay/variables.scss

@@ -1,53 +1,53 @@
-@use "../../util/scss/defaults.scss" as *;
-@use "../../util/scss/include.scss" as *;
-@use "sass:map";
-
-// TOOLTIP
-$cx-tooltip-background-color: white !default;
-$cx-tooltip-border-color: #d5d5d5 !default;
-$cx-tooltip-border-width: 1px !default;
-$cx-tooltip-border-radius: 5px !default;
-$cx-tooltip-arrow-size: 5px !default;
-$cx-tooltip-color: null !default;
-$cx-tooltip-font-size: smaller !default;
-$cx-tooltip-padding: 10px !default;
-$cx-tooltip-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3) !default;
-
-$cx-tooltip-background-color-error: white !default;
-$cx-tooltip-border-color-error: #e63001 !default;
-$cx-tooltip-color-error: null !default;
-
-// DROPDOWN
-$cx-default-dropdown-color: $cx-default-color !default;
-$cx-default-dropdown-background-color: white !default;
-$cx-default-dropdown-arrow-size: 6px !default;
-$cx-default-dropdown-arrow-offset: 16px !default;
-$cx-default-dropdown-arrow-shadow-color: null !default;
-$cx-default-dropdown-arrow-shadow-size: 2px !default;
-$cx-default-dropdown-arrow-shadow-offset: 2px !default;
-$cx-default-dropdown-padding: $cx-default-container-padding !default;
-
-// TOAST
-$cx-default-toast-color: $cx-default-color !default;
-$cx-default-toast-background-color: rgb(255, 255, 255) !default;
-$cx-default-toast-border-width: 0 !default;
-$cx-default-toast-border-color: rgba(255, 255, 255, 0) !default;
-$cx-default-toast-box-shadow: 0 0 5px 1px rgba(128, 128, 128, 0.3) !default;
-$cx-default-toast-border-radius: $cx-default-border-radius !default;
-$cx-default-toast-font-size: null !default;
-$cx-default-toast-padding: 10px !default;
-
-// WINDOW
-@forward "Window.variables";
-
-@include cx-register-dependencies(
-   (
-      "cx/widgets/Overlay": "cx/widgets/captureMouse",
-      "cx/widgets/Dropdown": "cx/widgets/Overlay",
-      "cx/widgets/Window": "cx/widgets/Overlay",
-      "cx/widgets/Tooltip": "cx/widgets/Dropdown",
-      "cx/widgets/enableMsgBoxAlerts": "cx/widgets/MsgBox",
-      "cx/widgets/MsgBox": "cx/widgets/Window" "cx/widgets/FlexRow",
-      "cx/widgets/Toast": "cx/widgets/Overlay",
-   )
-);
+@use "../../util/scss/defaults.scss" as *;
+@use "../../util/scss/include.scss" as *;
+@use "sass:map";
+
+// TOOLTIP
+$cx-tooltip-background-color: white !default;
+$cx-tooltip-border-color: #d5d5d5 !default;
+$cx-tooltip-border-width: 1px !default;
+$cx-tooltip-border-radius: 5px !default;
+$cx-tooltip-arrow-size: 5px !default;
+$cx-tooltip-color: null !default;
+$cx-tooltip-font-size: smaller !default;
+$cx-tooltip-padding: 10px !default;
+$cx-tooltip-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3) !default;
+
+$cx-tooltip-background-color-error: white !default;
+$cx-tooltip-border-color-error: #e63001 !default;
+$cx-tooltip-color-error: null !default;
+
+// DROPDOWN
+$cx-default-dropdown-color: $cx-default-color !default;
+$cx-default-dropdown-background-color: white !default;
+$cx-default-dropdown-arrow-size: 6px !default;
+$cx-default-dropdown-arrow-offset: 16px !default;
+$cx-default-dropdown-arrow-shadow-color: null !default;
+$cx-default-dropdown-arrow-shadow-size: 2px !default;
+$cx-default-dropdown-arrow-shadow-offset: 2px !default;
+$cx-default-dropdown-padding: $cx-default-container-padding !default;
+
+// TOAST
+$cx-default-toast-color: $cx-default-color !default;
+$cx-default-toast-background-color: rgb(255, 255, 255) !default;
+$cx-default-toast-border-width: 0 !default;
+$cx-default-toast-border-color: rgba(255, 255, 255, 0) !default;
+$cx-default-toast-box-shadow: 0 0 5px 1px rgba(128, 128, 128, 0.3) !default;
+$cx-default-toast-border-radius: $cx-default-border-radius !default;
+$cx-default-toast-font-size: null !default;
+$cx-default-toast-padding: 10px !default;
+
+// WINDOW
+@forward "Window.variables";
+
+@include cx-register-dependencies(
+   (
+      "cx/widgets/Overlay": "cx/widgets/captureMouse",
+      "cx/widgets/Dropdown": "cx/widgets/Overlay",
+      "cx/widgets/Window": "cx/widgets/Overlay",
+      "cx/widgets/Tooltip": "cx/widgets/Dropdown",
+      "cx/widgets/enableMsgBoxAlerts": "cx/widgets/MsgBox",
+      "cx/widgets/MsgBox": "cx/widgets/Window" "cx/widgets/FlexRow",
+      "cx/widgets/Toast": "cx/widgets/Overlay",
+   )
+);

package/tsconfig.compile.json

@@ -1,4 +1,4 @@
-{
-   "extends": "./tsconfig.json",
-   "exclude": ["dist", "build", "**/*.spec.*"]
-}
+{
+   "extends": "./tsconfig.json",
+   "exclude": ["dist", "build", "**/*.spec.*"]
+}

package/tsconfig.json

@@ -1,35 +1,35 @@
-{
-   "compilerOptions": {
-      "target": "es2024",
-      "jsx": "react-jsx",
-      "jsxImportSource": "cx",
-      "allowJs": false,
-      "moduleResolution": "bundler",
-      "module": "esnext",
-      "lib": ["dom", "dom.iterable", "ESNext"],
-      "allowSyntheticDefaultImports": true,
-      "esModuleInterop": true,
-      "forceConsistentCasingInFileNames": true,
-      "skipLibCheck": true,
-      "baseUrl": ".",
-      "paths": {
-         "cx/jsx-runtime": ["./jsx-runtime"]
-      },
-      "outDir": "./build",
-      "rootDir": "./src",
-      "declaration": true,
-      "declarationMap": true,
-      "strict": true,
-      "noImplicitAny": true,
-      "strictNullChecks": true,
-      "strictFunctionTypes": true,
-      "strictBindCallApply": true,
-      "strictPropertyInitialization": false,
-      "noImplicitThis": true,
-      "alwaysStrict": true,
-      "downlevelIteration": true,
-      "removeComments": false
-   },
-   "exclude": ["dist", "build"],
-   "include": ["src"]
-}
+{
+   "compilerOptions": {
+      "target": "es2024",
+      "jsx": "react-jsx",
+      "jsxImportSource": "cx",
+      "allowJs": false,
+      "moduleResolution": "bundler",
+      "module": "esnext",
+      "lib": ["dom", "dom.iterable", "ESNext"],
+      "allowSyntheticDefaultImports": true,
+      "esModuleInterop": true,
+      "forceConsistentCasingInFileNames": true,
+      "skipLibCheck": true,
+      "baseUrl": ".",
+      "paths": {
+         "cx/jsx-runtime": ["./jsx-runtime"]
+      },
+      "outDir": "./build",
+      "rootDir": "./src",
+      "declaration": true,
+      "declarationMap": true,
+      "strict": true,
+      "noImplicitAny": true,
+      "strictNullChecks": true,
+      "strictFunctionTypes": true,
+      "strictBindCallApply": true,
+      "strictPropertyInitialization": false,
+      "noImplicitThis": true,
+      "alwaysStrict": true,
+      "downlevelIteration": true,
+      "removeComments": false
+   },
+   "exclude": ["dist", "build"],
+   "include": ["src"]
+}

package/tsconfig.mocha.json

@@ -1,14 +1,14 @@
-{
-   "extends": "./tsconfig.json",
-   "compilerOptions": {
-      "module": "nodenext",
-      "moduleResolution": "nodenext",
-      "noEmit": true,
-      "paths": {
-         "cx/jsx-runtime": ["./src/jsx-runtime"]
-      }
-   },
-   "ts-node": {
-      "require": ["tsconfig-paths/register"]
-   }
-}
+{
+   "extends": "./tsconfig.json",
+   "compilerOptions": {
+      "module": "nodenext",
+      "moduleResolution": "nodenext",
+      "noEmit": true,
+      "paths": {
+         "cx/jsx-runtime": ["./src/jsx-runtime"]
+      }
+   },
+   "ts-node": {
+      "require": ["tsconfig-paths/register"]
+   }
+}