cx 26.0.13 → 26.0.14

package/dist/widgets.js

@@ -4542,7 +4542,6 @@ function createHotPromiseWindowFactoryWithProps(module, factory) {
 				let window = Window.create(factory(props)(resolve, reject));
 				window.overlayWillDismiss = () => {
 					if (!reloading && unsubscribe) unsubscribe();
-					return false;
 				};
 				dismiss = window.open(store);
 			}

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "26.0.13",
+   "version": "26.0.14",
    "description": "Advanced JavaScript UI framework for admin and dashboard applications with ready to use grid, form and chart components.",
    "exports": {
       "./data": {

package/src/jsx-runtime.spec.tsx

@@ -1,7 +1,34 @@
 import assert from "assert";
-import { TextField } from "./widgets/form/TextField";
-import { NumberField } from "./widgets/form/NumberField";
 import { Button } from "./widgets/Button";
+import { Widget, WidgetConfig } from "./ui/Widget";
+import { StringProp, NumberProp, BooleanProp } from "./core";
+
+// Minimal mock implementations to avoid side effects from importing real widgets
+
+interface TextFieldConfig extends WidgetConfig {
+   value?: StringProp;
+   placeholder?: StringProp;
+   disabled?: BooleanProp;
+   readOnly?: BooleanProp;
+   required?: BooleanProp;
+   minLength?: NumberProp;
+   maxLength?: NumberProp;
+   validationErrorText?: StringProp;
+}
+
+class TextField extends Widget<TextFieldConfig> {}
+
+interface NumberFieldConfig extends WidgetConfig {
+   value?: NumberProp;
+   placeholder?: StringProp;
+   minValue?: NumberProp;
+   maxValue?: NumberProp;
+   format?: StringProp;
+   disabled?: BooleanProp;
+   increment?: NumberProp;
+}
+
+class NumberField extends Widget<NumberFieldConfig> {}
 import { Checkbox } from "./widgets/form/Checkbox";
 import { bind } from "./ui/bind";
 import { expr } from "./ui/expr";
@@ -343,13 +370,15 @@ describe("jsx-runtime type inference", () => {
          optional?: boolean;
       }
 
-      const ComponentWithRequiredProps = createFunctionalComponent<RequiredPropsConfig>(({ title, count, optional }) => (
-         <cx>
-            <div text={title} />
-            <div text={String(count)} />
-            {optional && <div text="optional shown" />}
-         </cx>
-      ));
+      const ComponentWithRequiredProps = createFunctionalComponent<RequiredPropsConfig>(
+         ({ title, count, optional }) => (
+            <cx>
+               <div text={title} />
+               <div text={String(count)} />
+               {optional && <div text="optional shown" />}
+            </cx>
+         ),
+      );
 
       it("accepts all required props provided", () => {
          const widget = (

package/src/util/Format.spec.ts

@@ -1,69 +1,69 @@
-import assert from 'assert';
-import { Format } from './Format';
+import assert from "assert";
+import { Format } from "./Format";
 
-describe('Format', function () {
-   describe('n,number ', function () {
-      it('correctly formats numbers with min and max allowed precision', function () {
-         assert.equal(Format.value(0.5, 'n;2;4'), '0.50');
-         assert.equal(Format.value(0.50101, 'n;2;4'), '0.501');
-         assert.equal(Format.value(0.5012, 'n;2;4'), '0.5012');
-         assert.equal(Format.value(0.0, 'n;0;4'), '0');
+describe("Format", function () {
+   describe("n,number ", function () {
+      it("correctly formats numbers with min and max allowed precision", function () {
+         assert.equal(Format.value(0.5, "n;2;4"), "0.50");
+         assert.equal(Format.value(0.50101, "n;2;4"), "0.501");
+         assert.equal(Format.value(0.5012, "n;2;4"), "0.5012");
+         assert.equal(Format.value(0.0, "n;0;4"), "0");
       });
 
-      it('correctly formats numbers fixed precision', function () {
-         assert.equal(Format.value(0.5, 'number;3'), '0.500');
-         assert.equal(Format.value(0.50101, 'number;3'), '0.501');
-         assert.equal(Format.value(0.5016, 'number;3'), '0.502');
+      it("correctly formats numbers fixed precision", function () {
+         assert.equal(Format.value(0.5, "number;3"), "0.500");
+         assert.equal(Format.value(0.50101, "number;3"), "0.501");
+         assert.equal(Format.value(0.5016, "number;3"), "0.502");
       });
    });
 
-   describe('p,percentage', function () {
-      it('correctly formats numbers with min and max allowed precision', function () {
-         assert.equal(Format.value(0.5, 'p;2;4'), '50.00%');
-         assert.equal(Format.value(0.50101, 'p;2;4'), '50.101%');
-         assert.equal(Format.value(0.50123456, 'p;2;4'), '50.1235%');
-         assert.equal(Format.value(0.0, 'p;0;4'), '0%');
+   describe("p,percentage", function () {
+      it("correctly formats numbers with min and max allowed precision", function () {
+         assert.equal(Format.value(0.5, "p;2;4"), "50.00%");
+         assert.equal(Format.value(0.50101, "p;2;4"), "50.101%");
+         assert.equal(Format.value(0.50123456, "p;2;4"), "50.1235%");
+         assert.equal(Format.value(0.0, "p;0;4"), "0%");
       });
 
-      it('correctly formats numbers fixed precision', function () {
-         assert.equal(Format.value(0.5, 'percentage;3'), '50.000%');
-         assert.equal(Format.value(0.50101, 'percentage;3'), '50.101%');
-         assert.equal(Format.value(0.5016, 'percentage;3'), '50.160%');
+      it("correctly formats numbers fixed precision", function () {
+         assert.equal(Format.value(0.5, "percentage;3"), "50.000%");
+         assert.equal(Format.value(0.50101, "percentage;3"), "50.101%");
+         assert.equal(Format.value(0.5016, "percentage;3"), "50.160%");
       });
    });
 
-   describe('date,time,datetime', function () {
-      it('correctly formats dates', function () {
-         assert.equal(Format.value(new Date(2015, 3, 1), 'd'), '4/1/2015');
+   describe("date,time,datetime", function () {
+      it("correctly formats dates", function () {
+         assert.equal(Format.value(new Date(2015, 3, 1), "d"), "4/1/2015");
       });
 
-      it('correctly formats time', function () {
-         assert.equal(Format.value(new Date(2015, 3, 1, 16, 15, 14), 't'), '16:15');
-         assert.equal(Format.value(new Date(2015, 3, 1, 5, 6, 14), 'time'), '05:06');
+      it("correctly formats time", function () {
+         assert.equal(Format.value(new Date(2015, 3, 1, 16, 15, 14), "t"), "16:15");
+         assert.equal(Format.value(new Date(2015, 3, 1, 5, 6, 14), "time"), "05:06");
       });
 
-      it('correctly formats date-time', function () {
-         assert.equal(Format.value(new Date(2015, 3, 1, 5, 6, 14), 'dt'), '4/1/2015 05:06');
+      it("correctly formats date-time", function () {
+         assert.equal(Format.value(new Date(2015, 3, 1, 5, 6, 14), "dt"), "4/1/2015 05:06");
       });
    });
 
-   describe('ellipsis', function () {
-      it('can shorten long texts', function () {
-         assert.equal(Format.value('This is a very long text.', 'ellipsis;7'), 'This...');
+   describe("ellipsis", function () {
+      it("can shorten long texts", function () {
+         assert.equal(Format.value("This is a very long text.", "ellipsis;7"), "This...");
       });
 
-      it('can be used at the start of string', function () {
-         assert.equal(Format.value('This is a very long text.', 'ellipsis;8;start'), '...text.');
+      it("can be used at the start of string", function () {
+         assert.equal(Format.value("This is a very long text.", "ellipsis;8;start"), "...text.");
       });
 
-      it('can be used in the middle of the string', function () {
-         assert.equal(Format.value('First (Middle) Last', 'ellipsis;11;middle'), 'Firs...Last');
+      it("can be used in the middle of the string", function () {
+         assert.equal(Format.value("First (Middle) Last", "ellipsis;11;middle"), "Firs...Last");
       });
    });
 
-   describe('null text', function () {
-      it('can contain null text', function () {
-         assert.equal(Format.value(null, 'n;2|N/A'), 'N/A');
+   describe("null text", function () {
+      it("can contain null text", function () {
+         assert.equal(Format.value(null, "n;2|N/A"), "N/A");
       });
    });
 });

package/src/widgets/overlay/createHotPromiseWindowFactory.ts

@@ -1,72 +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();
-               return false;
-            };
-            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);
+}