cx 25.9.0 → 25.10.1

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

@@ -1,30 +1,30 @@
-import * as Cx from '../../core';
-import { OverlayProps } from './Overlay';
-
-interface ToastProps extends OverlayProps {
-
-   /** Value of timeout in milliseconds after which the toast is automatically dismissed. */
-   timeout?: Cx.NumberProp,
-   
-   message?: string,
-
-   /** List of child elements. */
-   items?: Cx.RecordsProp,
-
-   /** Add default padding. Default is `true`. */
-   pad?: boolean,
-   
-   /** Base CSS class. Default is `toast`. */
-   baseClass?: string,
-
-   /** 
-    * Defines where the toast will be placed. 
-    * Supported values are `top`, `right`, `bottom` and `left`. Default value is `top`. 
-    */
-   placement?: string,
-
-   styled?: boolean
-   
-}
-
-export class Toast extends Cx.Widget<ToastProps> {}
+import * as Cx from '../../core';
+import { OverlayProps } from './Overlay';
+
+interface ToastProps extends OverlayProps {
+
+   /** Value of timeout in milliseconds after which the toast is automatically dismissed. */
+   timeout?: Cx.NumberProp,
+   
+   message?: string,
+
+   /** List of child elements. */
+   items?: Cx.RecordsProp,
+
+   /** Add default padding. Default is `true`. */
+   pad?: boolean,
+   
+   /** Base CSS class. Default is `toast`. */
+   baseClass?: string,
+
+   /** 
+    * Defines where the toast will be placed. 
+    * Supported values are `top`, `right`, `bottom` and `left`. Default value is `top`. 
+    */
+   placement?: string,
+
+   styled?: boolean
+   
+}
+
+export class Toast extends Cx.Widget<ToastProps> {}

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

@@ -1,50 +1,50 @@
-import * as Cx from '../../core';
-import { DropdownProps } from './Dropdown';
-
-export interface TooltipProps extends DropdownProps {
-
-   /** Text to be displayed inside the tooltip. */
-   text?: Cx.StringProp,
-
-   /** Text to be displayed in the header. */
-   title?: Cx.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?: Cx.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
-}
-
-export class Tooltip extends Cx.Widget<TooltipProps> {}
-
-export function enableTooltips();
+import * as Cx from '../../core';
+import { DropdownProps } from './Dropdown';
+
+export interface TooltipProps extends DropdownProps {
+
+   /** Text to be displayed inside the tooltip. */
+   text?: Cx.StringProp,
+
+   /** Text to be displayed in the header. */
+   title?: Cx.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?: Cx.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
+}
+
+export class Tooltip extends Cx.Widget<TooltipProps> {}
+
+export function enableTooltips();

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

@@ -1,42 +1,42 @@
-import * as Cx from "../../core";
-import { OverlayProps } from "./Overlay";
-
-interface WindowProps extends OverlayProps {
-   /** Text to be displayed in the header. */
-   title?: Cx.StringProp;
-
-   /** Controls the close button visibility. Defaults to `true`. */
-   closable?: Cx.BooleanProp;
-
-   /** A custom style which will be applied to the body. */
-   bodyStyle?: Cx.StyleProp;
-
-   /** A custom style which will be applied to the header. */
-   headerStyle?: Cx.StyleProp;
-
-   /** A custom style which will be applied to the footer. */
-   footerStyle?: Cx.StyleProp;
-
-   /** Base CSS class to be applied to the field. Defaults to `window`. */
-   baseClass?: string;
-
-   /** Additional CSS class to be applied to the section body. */
-   bodyClass?: Cx.ClassProp;
-
-   /** Set to `true` to enable resizing. */
-   resizable?: boolean;
-
-   /** Set to `true` to automatically focus the field, after it renders for the first time. */
-   autoFocus?: boolean;
-
-   /** Set to `false` to prevent the window itself to be focusable. Default value is true.*/
-   focusable?: boolean;
-
-   /** Set to `true` to disable moving the window by dragging the header. */
-   fixed?: boolean;
-
-   /** Set to `true` to add default padding to the window body. */
-   pad?: boolean;
-}
-
-export class Window extends Cx.Widget<WindowProps> {}
+import * as Cx from "../../core";
+import { OverlayProps } from "./Overlay";
+
+interface WindowProps extends OverlayProps {
+   /** Text to be displayed in the header. */
+   title?: Cx.StringProp;
+
+   /** Controls the close button visibility. Defaults to `true`. */
+   closable?: Cx.BooleanProp;
+
+   /** A custom style which will be applied to the body. */
+   bodyStyle?: Cx.StyleProp;
+
+   /** A custom style which will be applied to the header. */
+   headerStyle?: Cx.StyleProp;
+
+   /** A custom style which will be applied to the footer. */
+   footerStyle?: Cx.StyleProp;
+
+   /** Base CSS class to be applied to the field. Defaults to `window`. */
+   baseClass?: string;
+
+   /** Additional CSS class to be applied to the section body. */
+   bodyClass?: Cx.ClassProp;
+
+   /** Set to `true` to enable resizing. */
+   resizable?: boolean;
+
+   /** Set to `true` to automatically focus the field, after it renders for the first time. */
+   autoFocus?: boolean;
+
+   /** Set to `false` to prevent the window itself to be focusable. Default value is true.*/
+   focusable?: boolean;
+
+   /** Set to `true` to disable moving the window by dragging the header. */
+   fixed?: boolean;
+
+   /** Set to `true` to add default padding to the window body. */
+   pad?: boolean;
+}
+
+export class Window extends Cx.Widget<WindowProps> {}

package/src/widgets/overlay/Window.variables.scss

@@ -1,62 +1,62 @@
-$cx-default-window-background-color: transparent !default;
-$cx-default-window-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.29) !default;
-$cx-default-window-border-radius: $cx-default-border-radius !default;
-
-//header
-$cx-default-window-header-color: null !default;
-$cx-default-window-header-background-color: rgba(246, 246, 246, 0.9) !default;
-$cx-default-window-header-padding: 10px 15px !default;
-$cx-default-window-header-font-size: 16px !default;
-
-//body
-$cx-default-window-body-padding: $cx-default-window-header-padding !default;
-$cx-default-window-body-background-color: white !default;
-
-//footer
-$cx-default-window-footer-color: null !default;
-$cx-default-window-footer-background-color: rgba(246, 246, 246, 0.9) !default;
-$cx-default-window-footer-padding: $cx-default-window-header-padding !default;
-$cx-default-window-footer-font-size: 16px !default;
-
-$cx-window-state-style-map: (
-   default: (
-      box-shadow: $cx-default-window-box-shadow,
-      background-color: $cx-default-window-background-color,
-      border-radius: $cx-default-window-border-radius,
-   ),
-   resizable: (
-      box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.29),
-   ),
-) !default;
-
-$cx-window-header-state-style-map: (
-   default: (
-      color: $cx-default-window-header-color,
-      background: $cx-default-window-header-background-color,
-      padding: $cx-default-window-header-padding,
-      font-size: $cx-default-window-header-font-size,
-   ),
-   active: (),
-) !default;
-
-$cx-window-footer-state-style-map: (
-   default: (
-      background: $cx-default-window-footer-background-color,
-      padding: $cx-default-window-footer-padding,
-   ),
-) !default;
-
-$cx-window-body-state-style-map: (
-   default: (
-      background: $cx-default-window-body-background-color,
-      padding: $cx-default-window-body-padding,
-   ),
-) !default;
-
-$cx-window-mods: (
-   alert: (
-      frame: (),
-      body: (),
-      footer: (),
-   ),
-);
+$cx-default-window-background-color: transparent !default;
+$cx-default-window-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.29) !default;
+$cx-default-window-border-radius: $cx-default-border-radius !default;
+
+//header
+$cx-default-window-header-color: null !default;
+$cx-default-window-header-background-color: rgba(246, 246, 246, 0.9) !default;
+$cx-default-window-header-padding: 10px 15px !default;
+$cx-default-window-header-font-size: 16px !default;
+
+//body
+$cx-default-window-body-padding: $cx-default-window-header-padding !default;
+$cx-default-window-body-background-color: white !default;
+
+//footer
+$cx-default-window-footer-color: null !default;
+$cx-default-window-footer-background-color: rgba(246, 246, 246, 0.9) !default;
+$cx-default-window-footer-padding: $cx-default-window-header-padding !default;
+$cx-default-window-footer-font-size: 16px !default;
+
+$cx-window-state-style-map: (
+   default: (
+      box-shadow: $cx-default-window-box-shadow,
+      background-color: $cx-default-window-background-color,
+      border-radius: $cx-default-window-border-radius,
+   ),
+   resizable: (
+      box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.29),
+   ),
+) !default;
+
+$cx-window-header-state-style-map: (
+   default: (
+      color: $cx-default-window-header-color,
+      background: $cx-default-window-header-background-color,
+      padding: $cx-default-window-header-padding,
+      font-size: $cx-default-window-header-font-size,
+   ),
+   active: (),
+) !default;
+
+$cx-window-footer-state-style-map: (
+   default: (
+      background: $cx-default-window-footer-background-color,
+      padding: $cx-default-window-footer-padding,
+   ),
+) !default;
+
+$cx-window-body-state-style-map: (
+   default: (
+      background: $cx-default-window-body-background-color,
+      padding: $cx-default-window-body-padding,
+   ),
+) !default;
+
+$cx-window-mods: (
+   alert: (
+      frame: (),
+      body: (),
+      footer: (),
+   ),
+);

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

@@ -1,7 +1,7 @@
-import * as Cx from '../../core';
-
-export function alert(options: string | Cx.Config): Promise<void>;
-
-export function yesNo(options: string | Cx.Config): Promise<string>;
-
-export function registerAlertImpl(impl: { alert: any, yesNo: any });
+import * as Cx from '../../core';
+
+export function alert(options: string | Cx.Config): Promise<void>;
+
+export function yesNo(options: string | Cx.Config): Promise<string>;
+
+export function registerAlertImpl(impl: { alert: any, yesNo: any });

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

@@ -1,54 +1,54 @@
-import * as Cx from '../../core';
-import * as React from 'react';
-
-type MouseEventHandler = (e: React.SyntheticEvent<any>, captureData: Cx.Config) => void;
-
-export interface CursorPosition {
-   clientX: number,
-   clientY: number
-}
-
-/**
- * Returns the object representing cursor position
- * @param e - Event
- * @returns {{ clientX: number, clientY: number }}
- */
-export function getCursorPos(e: React.SyntheticEvent<any>): CursorPosition;
-
-export function captureMouse(
-   e: React.SyntheticEvent<any>,
-   onMouseMove?: MouseEventHandler,
-   onMouseUp?: (e: React.SyntheticEvent<any>) => void,
-   captureData?: Cx.Config,
-   cursor?: string
-): void;
-
-export function captureMouse2(
-   e: React.SyntheticEvent<any>,
-   options: {
-      onMouseMove?: MouseEventHandler,
-      onMouseUp?: (e: React.SyntheticEvent<any>) => void,
-      onDblClick?: (e: React.SyntheticEvent<any>) => void,
-      captureData?: Cx.Config,
-      cursor?: string
-   }
-): void;
-
-export function captureMouseOrTouch(
-   e: React.SyntheticEvent<any>,
-   onMouseMove?: MouseEventHandler,
-   onMouseUp?: (e: React.SyntheticEvent<any>) => void,
-   captureData?: Cx.Config,
-   cursor?: string
-): void;
-
-export function captureMouseOrTouch2(
-   e: React.SyntheticEvent<any>,
-   options: {
-      onMouseMove?: MouseEventHandler,
-      onMouseUp?: (e: React.SyntheticEvent<any>) => void,
-      onDblClick?: (e: React.SyntheticEvent<any>) => void,
-      captureData?: Cx.Config,
-      cursor?: string
-   }
+import * as Cx from '../../core';
+import * as React from 'react';
+
+type MouseEventHandler = (e: React.SyntheticEvent<any>, captureData: Cx.Config) => void;
+
+export interface CursorPosition {
+   clientX: number,
+   clientY: number
+}
+
+/**
+ * Returns the object representing cursor position
+ * @param e - Event
+ * @returns {{ clientX: number, clientY: number }}
+ */
+export function getCursorPos(e: React.SyntheticEvent<any>): CursorPosition;
+
+export function captureMouse(
+   e: React.SyntheticEvent<any>,
+   onMouseMove?: MouseEventHandler,
+   onMouseUp?: (e: React.SyntheticEvent<any>) => void,
+   captureData?: Cx.Config,
+   cursor?: string
+): void;
+
+export function captureMouse2(
+   e: React.SyntheticEvent<any>,
+   options: {
+      onMouseMove?: MouseEventHandler,
+      onMouseUp?: (e: React.SyntheticEvent<any>) => void,
+      onDblClick?: (e: React.SyntheticEvent<any>) => void,
+      captureData?: Cx.Config,
+      cursor?: string
+   }
+): void;
+
+export function captureMouseOrTouch(
+   e: React.SyntheticEvent<any>,
+   onMouseMove?: MouseEventHandler,
+   onMouseUp?: (e: React.SyntheticEvent<any>) => void,
+   captureData?: Cx.Config,
+   cursor?: string
+): void;
+
+export function captureMouseOrTouch2(
+   e: React.SyntheticEvent<any>,
+   options: {
+      onMouseMove?: MouseEventHandler,
+      onMouseUp?: (e: React.SyntheticEvent<any>) => void,
+      onDblClick?: (e: React.SyntheticEvent<any>) => void,
+      captureData?: Cx.Config,
+      cursor?: string
+   }
 ): void;

package/src/widgets/overlay/captureMouse.scss

@@ -1,13 +1,13 @@
-
-@if cx-call-once("cx/widgets/captureMouse") {
-
-   .cxb-mousecapture {
-      position: fixed;
-      left: 0;
-      right: 0;
-      top: 0;
-      bottom: 0;
-      z-index: 1000000;
-   }
-
-}
+
+@if cx-call-once("cx/widgets/captureMouse") {
+
+   .cxb-mousecapture {
+      position: fixed;
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      z-index: 1000000;
+   }
+
+}

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/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,15 +1,15 @@
-
-@import 'captureMouse';
-@import 'Overlay';
-@import 'Dropdown';
-@import 'Window';
-@import 'Tooltip';
-@import 'Toast';
-
-
-
-
-
-
-
-
+
+@import 'captureMouse';
+@import 'Overlay';
+@import 'Dropdown';
+@import 'Window';
+@import 'Tooltip';
+@import 'Toast';
+
+
+
+
+
+
+
+