cx 25.2.0 → 25.3.1

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";

package/src/widgets/variables.scss

@@ -1,144 +1,144 @@
-// Padding
-$cx-default-padding-extra-small: 3px !default;
-$cx-default-padding-small: 5px !default;
-$cx-default-padding-medium: 10px !default;
-$cx-default-padding-large: 15px !default;
-$cx-default-padding-extra-large: 20px !default;
-
-$cx-pad-size: (
-   xsmall: $cx-default-padding-extra-small,
-   small: $cx-default-padding-small,
-   medium: $cx-default-padding-medium,
-   large: $cx-default-padding-large,
-   xlarge: $cx-default-padding-extra-large,
-) !default;
-
-@import "form/variables";
-@import "grid/variables";
-@import "nav/variables";
-@import "overlay/variables";
-@import "drag-drop/variables";
-@import "Button.variables";
-
-// HEADING
-$cx-caption-style-map: () !default;
-
-$cx-caption-level-style-map: (
-   1: (
-      margin: 0,
-      padding: 0,
-   ),
-   2: (
-      margin: 0,
-      padding: 0,
-   ),
-   3: (
-      margin: 0,
-      padding: 0,
-   ),
-   4: (
-      margin: 0,
-      padding: 0,
-   ),
-   5: (
-      margin: 0,
-      padding: 0,
-   ),
-   6: (
-      margin: 0,
-      padding: 0,
-   ),
-) !default;
-
-// SECTION
-$cx-section-styles: () !default;
-
-$cx-section-mods: (
-   card: (
-      default: (
-         background-color: rgba(255, 255, 255, 0.9),
-         border-radius: 3px,
-      ),
-   ),
-   warning: (
-      default: (
-         color: #fff,
-         background-color: #f09037,
-         border-radius: 3px,
-      ),
-   ),
-   primary: (
-      default: (
-         color: #fff,
-         background-color: #1f99f8,
-         border-radius: 3px,
-      ),
-   ),
-   success: (
-      default: (
-         color: #fff,
-         background-color: #5cb85c,
-         border-radius: 3px,
-      ),
-   ),
-   error: (
-      default: (
-         color: #fff,
-         background-color: #d9534f,
-         border-radius: 3px,
-      ),
-   ),
-) !default;
-
-// ProgressBar
-$cx-default-progressbar-width: 180px !default;
-$cx-default-progressbar-height: 24px !default;
-$cx-default-progressbar-font-size: smaller !default;
-$cx-default-progressbar-color: $cx-default-color !default;
-$cx-default-progressbar-background-color: rgba(#fff, 0.5) !default;
-$cx-default-progressbar-border-width: 1px !default;
-$cx-default-progressbar-border-color: #98d4ff !default;
-$cx-default-progressbar-border-radius: 0 !default;
-
-$cx-default-progressbar-indicator-background-color: rgba(#98d4ff, 0.8) !default;
-
-$cx-progressbar-state-style-map: (
-   default: (
-      position: relative,
-      width: $cx-default-progressbar-width,
-      min-height: $cx-default-progressbar-height,
-      background-color: $cx-default-progressbar-background-color,
-      border-style: solid,
-      border-color: $cx-default-progressbar-border-color,
-      border-width: $cx-default-progressbar-border-width,
-      border-radius: $cx-default-progressbar-border-radius,
-      font-size: $cx-default-progressbar-font-size,
-      text-align: center,
-      line-height: $cx-default-progressbar-height,
-   ),
-   disabled: (
-      opacity: 0.2,
-   ),
-);
-
-$cx-progressbar-mods: ();
-
-$cx-highlightedsearchtext-style-map: (
-   font-weight: bold,
-) !default;
-
-// for backward compatibility
-.cxm-well {
-   @extend .cxm-card !optional;
-}
-
-$cx-dependencies: map-merge(
-   $cx-dependencies,
-   (
-      "cx/widgets/FlexRow": "cx/widgets/FlexBox",
-      "cx/widgets/FlexCol": "cx/widgets/FlexBox",
-      "cx/widgets/CxCredit": "cx/widgets/Tooltip",
-      "cx/widgets/Button": "cx/widgets/HtmlElement",
-      "cx/widgets/HtmlElement": "cx/widgets/Tooltip",
-   )
-);
+// Padding
+$cx-default-padding-extra-small: 3px !default;
+$cx-default-padding-small: 5px !default;
+$cx-default-padding-medium: 10px !default;
+$cx-default-padding-large: 15px !default;
+$cx-default-padding-extra-large: 20px !default;
+
+$cx-pad-size: (
+   xsmall: $cx-default-padding-extra-small,
+   small: $cx-default-padding-small,
+   medium: $cx-default-padding-medium,
+   large: $cx-default-padding-large,
+   xlarge: $cx-default-padding-extra-large,
+) !default;
+
+@import "form/variables";
+@import "grid/variables";
+@import "nav/variables";
+@import "overlay/variables";
+@import "drag-drop/variables";
+@import "Button.variables";
+
+// HEADING
+$cx-caption-style-map: () !default;
+
+$cx-caption-level-style-map: (
+   1: (
+      margin: 0,
+      padding: 0,
+   ),
+   2: (
+      margin: 0,
+      padding: 0,
+   ),
+   3: (
+      margin: 0,
+      padding: 0,
+   ),
+   4: (
+      margin: 0,
+      padding: 0,
+   ),
+   5: (
+      margin: 0,
+      padding: 0,
+   ),
+   6: (
+      margin: 0,
+      padding: 0,
+   ),
+) !default;
+
+// SECTION
+$cx-section-styles: () !default;
+
+$cx-section-mods: (
+   card: (
+      default: (
+         background-color: rgba(255, 255, 255, 0.9),
+         border-radius: 3px,
+      ),
+   ),
+   warning: (
+      default: (
+         color: #fff,
+         background-color: #f09037,
+         border-radius: 3px,
+      ),
+   ),
+   primary: (
+      default: (
+         color: #fff,
+         background-color: #1f99f8,
+         border-radius: 3px,
+      ),
+   ),
+   success: (
+      default: (
+         color: #fff,
+         background-color: #5cb85c,
+         border-radius: 3px,
+      ),
+   ),
+   error: (
+      default: (
+         color: #fff,
+         background-color: #d9534f,
+         border-radius: 3px,
+      ),
+   ),
+) !default;
+
+// ProgressBar
+$cx-default-progressbar-width: 180px !default;
+$cx-default-progressbar-height: 24px !default;
+$cx-default-progressbar-font-size: smaller !default;
+$cx-default-progressbar-color: $cx-default-color !default;
+$cx-default-progressbar-background-color: rgba(#fff, 0.5) !default;
+$cx-default-progressbar-border-width: 1px !default;
+$cx-default-progressbar-border-color: #98d4ff !default;
+$cx-default-progressbar-border-radius: 0 !default;
+
+$cx-default-progressbar-indicator-background-color: rgba(#98d4ff, 0.8) !default;
+
+$cx-progressbar-state-style-map: (
+   default: (
+      position: relative,
+      width: $cx-default-progressbar-width,
+      min-height: $cx-default-progressbar-height,
+      background-color: $cx-default-progressbar-background-color,
+      border-style: solid,
+      border-color: $cx-default-progressbar-border-color,
+      border-width: $cx-default-progressbar-border-width,
+      border-radius: $cx-default-progressbar-border-radius,
+      font-size: $cx-default-progressbar-font-size,
+      text-align: center,
+      line-height: $cx-default-progressbar-height,
+   ),
+   disabled: (
+      opacity: 0.2,
+   ),
+);
+
+$cx-progressbar-mods: ();
+
+$cx-highlightedsearchtext-style-map: (
+   font-weight: bold,
+) !default;
+
+// for backward compatibility
+.cxm-well {
+   @extend .cxm-card !optional;
+}
+
+$cx-dependencies: map-merge(
+   $cx-dependencies,
+   (
+      "cx/widgets/FlexRow": "cx/widgets/FlexBox",
+      "cx/widgets/FlexCol": "cx/widgets/FlexBox",
+      "cx/widgets/CxCredit": "cx/widgets/Tooltip",
+      "cx/widgets/Button": "cx/widgets/HtmlElement",
+      "cx/widgets/HtmlElement": "cx/widgets/Tooltip",
+   )
+);