cx 23.12.2 → 24.0.0

package/dist/ui.js

@@ -1465,60 +1465,91 @@ var ZIndexManager = /*#__PURE__*/ (function () {
 
 var Format = Format$1;
 var cultureSensitiveFormatsRegistered = false;
+function resolveNumberFormattingFlags(flags) {
+	if (!flags) return null;
+	var result = {};
+	if (flags.indexOf("+") >= 0) result.signDisplay = "exceptZero";
+	if (flags.indexOf("c") >= 0) result.notation = "compact";
+	if (flags.indexOf("a") >= 0) result.currencySign = "accounting";
+	return result;
+}
 function enableCultureSensitiveFormatting() {
 	if (cultureSensitiveFormatsRegistered) return;
 	cultureSensitiveFormatsRegistered = true;
-	Format$1.registerFactory(["number", "n"], function (format, minimumFractionDigits, maximumFractionDigits) {
-		var culture = Culture.getNumberCulture();
-		var formatter = culture.getFormatter(resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits));
-		return function (value) {
-			return formatter.format(value);
-		};
-	});
-	Format$1.registerFactory("currency", function (format, currency, minimumFractionDigits, maximumFractionDigits) {
-		var culture = Culture.getNumberCulture();
-		currency = currency || Culture.defaultCurrency;
-		var formatter = culture.getFormatter(
-			_objectSpread2(
-				{
-					style: "currency",
-					currency: currency,
-				},
-				resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits)
-			)
-		);
-		return function (value) {
-			return formatter.format(value);
-		};
-	});
-	Format$1.registerFactory(["percentage", "p", "%"], function (format, minimumFractionDigits, maximumFractionDigits) {
+	Format$1.registerFactory(["number", "n"], function (format, minimumFractionDigits, maximumFractionDigits, flags) {
 		var culture = Culture.getNumberCulture();
 		var formatter = culture.getFormatter(
 			_objectSpread2(
-				{
-					style: "percent",
-				},
-				resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits)
+				_objectSpread2({}, resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits)),
+				resolveNumberFormattingFlags(flags)
 			)
 		);
 		return function (value) {
 			return formatter.format(value);
 		};
 	});
-	Format$1.registerFactory(["percentSign", "ps"], function (format, minimumFractionDigits, maximumFractionDigits) {
-		var culture = Culture.getNumberCulture();
-		var formatter = culture.getFormatter(
-			_objectSpread2(
-				{
-					style: "percent",
-				},
-				resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits)
-			)
-		);
-		return function (value) {
-			return formatter.format(value / 100);
-		};
-	});
+	Format$1.registerFactory(
+		"currency",
+		function (format, currency, minimumFractionDigits, maximumFractionDigits, flags) {
+			var culture = Culture.getNumberCulture();
+			currency = currency || Culture.defaultCurrency;
+			var formatter = culture.getFormatter(
+				_objectSpread2(
+					_objectSpread2(
+						{
+							style: "currency",
+							currency: currency,
+						},
+						resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits)
+					),
+					resolveNumberFormattingFlags(flags)
+				)
+			);
+			return function (value) {
+				return formatter.format(value);
+			};
+		}
+	);
+	Format$1.registerFactory(
+		["percentage", "p", "%"],
+		function (format, minimumFractionDigits, maximumFractionDigits, flags) {
+			var culture = Culture.getNumberCulture();
+			var formatter = culture.getFormatter(
+				_objectSpread2(
+					_objectSpread2(
+						{
+							style: "percent",
+						},
+						resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits)
+					),
+					resolveNumberFormattingFlags(flags)
+				)
+			);
+			return function (value) {
+				return formatter.format(value);
+			};
+		}
+	);
+	Format$1.registerFactory(
+		["percentSign", "ps"],
+		function (format, minimumFractionDigits, maximumFractionDigits, flags) {
+			var culture = Culture.getNumberCulture();
+			var formatter = culture.getFormatter(
+				_objectSpread2(
+					_objectSpread2(
+						{
+							style: "percent",
+						},
+						resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits)
+					),
+					resolveNumberFormattingFlags(flags)
+				)
+			);
+			return function (value) {
+				return formatter.format(value / 100);
+			};
+		}
+	);
 	Format$1.registerFactory(["date", "d"], function (fmt, format) {
 		if (format === void 0) {
 			format = "yyyyMMdd";
@@ -2770,6 +2801,7 @@ var Restate = /*#__PURE__*/ (function (_PureContainer) {
 				onError: this.onError,
 				deferredUntilIdle: instance.data.deferredUntilIdle,
 				idleTimeout: instance.data.idleTimeout,
+				immediate: this.immediate,
 			},
 			key
 		);
@@ -2778,6 +2810,7 @@ var Restate = /*#__PURE__*/ (function (_PureContainer) {
 })(PureContainer);
 Restate.prototype.detached = false;
 Restate.prototype.waitForIdle = false;
+Restate.prototype.immediate = false;
 var PrivateStore = Restate;
 var RestateStore = /*#__PURE__*/ (function (_Store) {
 	_inheritsLoose(RestateStore, _Store);
@@ -4456,6 +4489,7 @@ export {
 	preventFocus,
 	preventFocusOnTouch,
 	registerKeyboardShortcut,
+	resolveNumberFormattingFlags,
 	startAppLoop,
 	startHotAppLoop,
 	tpl,

package/dist/widgets.js

@@ -3266,15 +3266,14 @@ var OverlayComponent = /*#__PURE__*/ (function (_VDOM$Component2) {
 					}),
 					style: parseStyle(data.shadowStyle),
 					children: [
-						widget.backdrop &&
-							/*#__PURE__*/ jsx(
-								"div",
-								{
-									className: CSS.element("overlay", "modal-backdrop"),
-									onClick: this.onBackdropClick.bind(this),
-								},
-								"backdrop"
-							),
+						/*#__PURE__*/ jsx(
+							"div",
+							{
+								className: CSS.element("overlay", "modal-backdrop"),
+								onClick: this.onBackdropClick.bind(this),
+							},
+							"backdrop"
+						),
 						content,
 					],
 				},
@@ -3365,6 +3364,8 @@ var OverlayComponent = /*#__PURE__*/ (function (_VDOM$Component2) {
 		if (widget.onBackdropClick) instance.invoke("onBackdropClick", e, instance);
 		if (widget.backdrop) {
 			if (instance.dismiss) instance.dismiss();
+		} else if (widget.modal) {
+			FocusManager.focus(this.el);
 		}
 	};
 	_proto3.onMouseUp = function onMouseUp(e) {
@@ -10748,14 +10749,16 @@ var MonthPicker = /*#__PURE__*/ (function (_Field) {
 		);
 	};
 	_proto.handleSelect = function handleSelect(e, instance, date1, date2) {
-		var data = instance.data;
+		var data = instance.data,
+			widget = instance.widget;
+		var encode = widget.encoding || Culture.getDefaultDateEncoding();
 		if (data.disabled) return;
 		if (!validationCheck(date1, data)) return;
 		if (this.onBeforeSelect && instance.invoke("onBeforeSelect", e, instance, date1, date2) === false) return;
 		if (this.range) {
-			instance.set("from", date1.toISOString());
-			instance.set("to", date2.toISOString());
-		} else instance.set("value", date1.toISOString());
+			instance.set("from", encode(date1));
+			instance.set("to", encode(date2));
+		} else instance.set("value", encode(date1));
 		if (this.onSelect) instance.invoke("onSelect", instance, date1, date2);
 	};
 	return MonthPicker;
@@ -12071,16 +12074,18 @@ var MonthField = /*#__PURE__*/ (function (_Field) {
 		return date;
 	};
 	_proto.handleSelect = function handleSelect(instance, date1, date2) {
+		var widget = instance.widget;
+		var encode = widget.encoding || Culture.getDefaultDateEncoding();
 		instance.setState({
 			inputError: false,
 		});
 		if (this.range) {
-			var d1 = date1 ? date1.toISOString() : this.emptyValue;
-			var d2 = date2 ? date2.toISOString() : this.emptyValue;
+			var d1 = date1 ? encode(date1) : this.emptyValue;
+			var d2 = date2 ? encode(date2) : this.emptyValue;
 			instance.set("from", d1);
 			instance.set("to", d2);
 		} else {
-			var value = date1 ? date1.toISOString() : this.emptyValue;
+			var value = date1 ? encode(date1) : this.emptyValue;
 			instance.set("value", value);
 		}
 	};
@@ -12143,6 +12148,7 @@ var MonthInput = /*#__PURE__*/ (function (_VDOM$Component) {
 					),
 					{},
 					{
+						encoding: widget.encoding,
 						autoFocus: true,
 						onFocusOut: function onFocusOut(e) {
 							_this2.closeDropdown(e);

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "23.12.2",
+   "version": "24.0.0",
    "description": "Advanced JavaScript UI framework for admin and dashboard applications with ready to use grid, form and chart components.",
    "main": "index.js",
    "jsnext:main": "src/index.js",

package/src/charts/PieLabel.js

@@ -31,7 +31,6 @@ export class PieLabel extends BoundedObject {
       super.prepare(context, instance);
       if (!context.registerPieLabel)
          throw new Error("PieLabel components are allowed only within PieLabelsContainer components.");
-      console.log(instance.actualBounds, instance.originalBounds, instance.parentRect);
       let right = instance.parentRect.r > instance.parentRect.l;
       context.push("textDirection", right ? "right" : "left");
       context.registerPieLabel(instance);