cx 26.0.11 → 26.0.13

package/dist/ui.js

@@ -120,8 +120,9 @@ class Controller extends Component {
 		if (!isArray(args)) throw new Error("Second argument to the addComputable method should be an array.");
 		let selector = computable(...args, callback).memoize();
 		if (!this.computables) this.computables = {};
-		this.computables[computablePrefix + name] = {
-			name,
+		let nameStr = String(name);
+		this.computables[computablePrefix + nameStr] = {
+			name: nameStr,
 			selector,
 			type: "computable",
 		};
@@ -431,6 +432,9 @@ class StaticText extends Widget {
 Widget.alias("static-text", StaticText);
 
 class Text extends Widget {
+	constructor(config) {
+		super(config);
+	}
 	init() {
 		if (!this.value && (this.tpl || this.expr || this.bind))
 			this.value = {
@@ -890,7 +894,10 @@ class ArrayAdapter extends DataAdapter {
 				});
 			} else {
 				recordStore.setStore(parentStore);
-				recordStore.setData(data);
+				recordStore.setData({
+					[this.recordName]: data,
+					[this.indexName]: index,
+				});
 			}
 		}
 		if (key != null) {
@@ -2911,7 +2918,10 @@ const flattenProps = (props) => {
 };
 
 let currentInstance = null;
-class FunctionalComponent extends PureContainer {
+class FunctionalComponent extends PureContainerBase {
+	constructor(config) {
+		super(config);
+	}
 	initInstance(context, instance) {
 		instance.store = instance.parentStore;
 		this.clear();
@@ -3784,7 +3794,7 @@ function startHotAppLoop(appModule, element, store, widgets, options = {}) {
 			if (stop) stop();
 		});
 		//apply data on hot replace
-		if (appModule.hot.data) store.load(appModule.hot.data.state);
+		if (appModule.hot.data?.state) store.load(appModule.hot.data.state);
 	}
 	Widget.resetCounter();
 	//app loop
@@ -4073,6 +4083,67 @@ function expr(...args) {
 	};
 }
 
+/** Returns a selector that converts the value to boolean using !! */
+function truthy(arg) {
+	return expr(arg, (x) => !!x);
+}
+/** Returns a selector that checks if the value is falsy using ! */
+function falsy(arg) {
+	return expr(arg, (x) => !x);
+}
+/** Returns a selector that checks if the value is strictly true (=== true) */
+function isTrue(arg) {
+	return expr(arg, (x) => x === true);
+}
+/** Returns a selector that checks if the value is strictly false (=== false) */
+function isFalse(arg) {
+	return expr(arg, (x) => x === false);
+}
+/** Returns a selector that checks if the value is not null or undefined (x != null) */
+function hasValue(arg) {
+	return expr(arg, (x) => x != null);
+}
+/** Returns a selector that checks if a string or array is empty (null, undefined, or length === 0) */
+function isEmpty(arg) {
+	return expr(arg, (x) => x == null || x.length === 0);
+}
+/** Returns a selector that checks if a string or array is non-empty (not null/undefined and length > 0) */
+function isNonEmpty(arg) {
+	return expr(arg, (x) => x != null && x.length > 0);
+}
+/** Returns a selector that checks if the value is less than the given value */
+function lessThan(arg, value) {
+	return expr(arg, (x) => x < value);
+}
+/** Returns a selector that checks if the value is less than or equal to the given value */
+function lessThanOrEqual(arg, value) {
+	return expr(arg, (x) => x <= value);
+}
+/** Returns a selector that checks if the value is greater than the given value */
+function greaterThan(arg, value) {
+	return expr(arg, (x) => x > value);
+}
+/** Returns a selector that checks if the value is greater than or equal to the given value */
+function greaterThanOrEqual(arg, value) {
+	return expr(arg, (x) => x >= value);
+}
+/** Returns a selector that checks if the value equals the given value using == */
+function equal(arg, value) {
+	return expr(arg, (x) => x == value);
+}
+/** Returns a selector that checks if the value does not equal the given value using != */
+function notEqual(arg, value) {
+	return expr(arg, (x) => x != value);
+}
+/** Returns a selector that checks if the value strictly equals the given value using === */
+function strictEqual(arg, value) {
+	return expr(arg, (x) => x === value);
+}
+/** Returns a selector that checks if the value strictly does not equal the given value using !== */
+function strictNotEqual(arg, value) {
+	return expr(arg, (x) => x !== value);
+}
+
 export {
 	ArrayAdapter,
 	CSS,
@@ -4134,9 +4205,11 @@ export {
 	createCulture,
 	createFunctionalComponent,
 	enableCultureSensitiveFormatting,
+	equal,
 	executeKeyboardShortcuts,
 	exploreChildren,
 	expr,
+	falsy,
 	flattenProps,
 	getContent,
 	getContentArray,
@@ -4144,7 +4217,17 @@ export {
 	getCurrentCultureCache,
 	getCurrentInstance,
 	getDefaultCulture,
+	greaterThan,
+	greaterThanOrEqual,
+	hasValue,
 	isBatchingUpdates,
+	isEmpty,
+	isFalse,
+	isNonEmpty,
+	isTrue,
+	lessThan,
+	lessThanOrEqual,
+	notEqual,
 	notifyBatchedUpdateCompleted,
 	notifyBatchedUpdateStarting,
 	offFocusOut,
@@ -4157,7 +4240,10 @@ export {
 	resolveNumberFormattingFlags,
 	startAppLoop,
 	startHotAppLoop,
+	strictEqual,
+	strictNotEqual,
 	tpl,
+	truthy,
 	unfocusElement,
 	withHoverSync,
 };

package/dist/util.js

@@ -5,6 +5,9 @@ const Console = {
 	warn: (...args) => {
 		if (typeof window != "undefined" && window.console) console.warn(...args);
 	},
+	error: (...args) => {
+		if (typeof window != "undefined" && window.console) console.error(...args);
+	},
 };
 
 let activeFlags$1 = {