cx 24.3.10 → 24.4.0

package/dist/ui.js

@@ -814,13 +814,6 @@ var Localization = /*#__PURE__*/ (function () {
 	return Localization;
 })();
 
-// let culture = "en";
-// let numberCulture = null;
-// let dateTimeCulture = null;
-// let cache = {};
-// let defaultCurrency = "USD";
-// let dateEncoding = (date) => date.toISOString();
-
 var stack = [
 	{
 		culture: "en",
@@ -833,20 +826,20 @@ var stack = [
 		},
 	},
 ];
-function getRootCultureSpecs() {
+function getDefaultCulture() {
 	return stack[0];
 }
-function getCurrentCultureSpecs() {
+function getCurrentCulture() {
 	return stack[stack.length - 1];
 }
 function getCurrentCultureCache() {
-	return getCurrentCultureSpecs().cache;
+	return getCurrentCulture().cache;
 }
 function pushCulture(cultureInfo) {
 	stack.push(cultureInfo);
 }
 function createCulture(cultureSpecs) {
-	var current = getCurrentCultureSpecs();
+	var current = getCurrentCulture();
 	var info = {
 		culture: current.culture,
 		dateEncoding: current.dateEncoding,
@@ -859,38 +852,41 @@ function createCulture(cultureSpecs) {
 	}
 	return info;
 }
-function popCulture() {
+function popCulture(cultureSpecs) {
 	if (stack.length == 1) throw new Error("Cannot pop the last culture object.");
+	if (cultureSpecs && stack[stack.length - 1] !== cultureSpecs) {
+		Console.warn("Popped culture object does not match the current one.");
+	}
 	return stack.pop();
 }
 var Culture = /*#__PURE__*/ (function () {
 	function Culture() {}
 	Culture.setCulture = function setCulture(cultureCode) {
-		var cultureSpecs = getRootCultureSpecs();
+		var cultureSpecs = getDefaultCulture();
 		cultureSpecs.culture = cultureCode;
 		cultureSpecs.cache = {};
 		Localization.setCulture(cultureCode);
 		this.invalidateCache();
 	};
 	Culture.setNumberCulture = function setNumberCulture(cultureCode) {
-		var cultureSpecs = getRootCultureSpecs();
+		var cultureSpecs = getDefaultCulture();
 		cultureSpecs.numberCulture = cultureCode;
 		delete cultureSpecs.cache.numberCulture;
 		this.invalidateCache();
 	};
 	Culture.setDateTimeCulture = function setDateTimeCulture(cultureCode) {
-		var cultureSpecs = getRootCultureSpecs();
+		var cultureSpecs = getDefaultCulture();
 		cultureSpecs.dateTimeCulture = cultureCode;
 		delete cultureSpecs.cache.dateTimeCulture;
 		this.invalidateCache();
 	};
 	Culture.setDefaultCurrency = function setDefaultCurrency(currencyCode) {
-		var cultureSpecs = getRootCultureSpecs();
+		var cultureSpecs = getDefaultCulture();
 		cultureSpecs.defaultCurrency = currencyCode;
 		this.invalidateCache();
 	};
 	Culture.setDefaultDateEncoding = function setDefaultDateEncoding(encoding) {
-		var cultureSpecs = getRootCultureSpecs();
+		var cultureSpecs = getDefaultCulture();
 		cultureSpecs.dateEncoding = encoding;
 		this.invalidateCache();
 	};
@@ -900,28 +896,28 @@ var Culture = /*#__PURE__*/ (function () {
 		invalidateStringTemplateCache();
 	};
 	Culture.getNumberCulture = function getNumberCulture() {
-		var _getCurrentCultureSpe = getCurrentCultureSpecs(),
-			cache = _getCurrentCultureSpe.cache,
-			numberCulture = _getCurrentCultureSpe.numberCulture,
-			culture = _getCurrentCultureSpe.culture;
+		var _getCurrentCulture = getCurrentCulture(),
+			cache = _getCurrentCulture.cache,
+			numberCulture = _getCurrentCulture.numberCulture,
+			culture = _getCurrentCulture.culture;
 		if (!cache.numberCulture) cache.numberCulture = new NumberCulture(numberCulture != null ? numberCulture : culture);
 		return cache.numberCulture;
 	};
 	Culture.getDateTimeCulture = function getDateTimeCulture() {
-		var _getCurrentCultureSpe2 = getCurrentCultureSpecs(),
-			cache = _getCurrentCultureSpe2.cache,
-			dateTimeCulture = _getCurrentCultureSpe2.dateTimeCulture,
-			culture = _getCurrentCultureSpe2.culture;
+		var _getCurrentCulture2 = getCurrentCulture(),
+			cache = _getCurrentCulture2.cache,
+			dateTimeCulture = _getCurrentCulture2.dateTimeCulture,
+			culture = _getCurrentCulture2.culture;
 		if (!cache.dateTimeCulture)
 			cache.dateTimeCulture = new DateTimeCulture(dateTimeCulture != null ? dateTimeCulture : culture);
 		return cache.dateTimeCulture;
 	};
 	Culture.getDefaultDateEncoding = function getDefaultDateEncoding() {
-		return getCurrentCultureSpecs().dateEncoding;
+		return getCurrentCulture().dateEncoding;
 	};
 	Culture.getComparer = function getComparer(options) {
-		var _getCurrentCultureSpe3 = getCurrentCultureSpecs(),
-			culture = _getCurrentCultureSpe3.culture;
+		var _getCurrentCulture3 = getCurrentCulture(),
+			culture = _getCurrentCulture3.culture;
 		if (typeof Intl.Collator != "undefined") return new Intl.Collator(culture, options).compare;
 		return defaultCompare;
 	};
@@ -929,13 +925,13 @@ var Culture = /*#__PURE__*/ (function () {
 		{
 			key: "defaultCurrency",
 			get: function get() {
-				return getCurrentCultureSpecs().defaultCurrency;
+				return getCurrentCulture().defaultCurrency;
 			},
 		},
 		{
 			key: "culture",
 			get: function get() {
-				return getCurrentCultureSpecs().culture;
+				return getCurrentCulture().culture;
 			},
 		},
 	]);
@@ -2296,7 +2292,10 @@ var Cx = /*#__PURE__*/ (function (_VDOM$Component) {
 		throw new Error("Could not resolve a widget instance in the Cx component.");
 	};
 	_proto.render = function render() {
+		var _this$props$cultureIn;
 		if (this.props.deferredUntilIdle && this.state.deferToken < this.deferCounter) return null;
+		var cultureInfo =
+			(_this$props$cultureIn = this.props.cultureInfo) != null ? _this$props$cultureIn : getCurrentCulture();
 		return /*#__PURE__*/ jsx(CxContext, {
 			instance: this.getInstance(),
 			flags: this.flags,
@@ -2304,7 +2303,7 @@ var Cx = /*#__PURE__*/ (function (_VDOM$Component) {
 			buster: ++this.renderCount,
 			contentFactory: this.props.contentFactory,
 			forceUpdate: this.forceUpdateCallback,
-			cultureInfo: this.props.cultureInfo,
+			cultureInfo: cultureInfo,
 		});
 	};
 	_proto.componentDidMount = function componentDidMount() {
@@ -2431,32 +2430,32 @@ var CxContext = /*#__PURE__*/ (function (_VDOM$Component2) {
 					break;
 				}
 			} while (this.props.flags.dirty && ++count <= 3 && Widget.optimizePrepare && now() - this.timings.start < 8);
-		} finally {
-			if (this.props.cultureInfo) popCulture();
-		}
-		if (visible) {
-			this.timings.afterExplore = now();
-			for (var i = 0; i < context.prepareList.length; i++) context.prepareList[i].prepare(context);
-			this.timings.afterPrepare = now();
+			if (visible) {
+				this.timings.afterExplore = now();
+				for (var i = 0; i < context.prepareList.length; i++) context.prepareList[i].prepare(context);
+				this.timings.afterPrepare = now();
 
-			//walk in reverse order so children get rendered first
-			var renderList = context.getRootRenderList();
-			while (renderList) {
-				for (var _i = renderList.data.length - 1; _i >= 0; _i--) {
-					renderList.data[_i].render(context);
+				//walk in reverse order so children get rendered first
+				var renderList = context.getRootRenderList();
+				while (renderList) {
+					for (var _i = renderList.data.length - 1; _i >= 0; _i--) {
+						renderList.data[_i].render(context);
+					}
+					renderList = renderList.right;
 				}
-				renderList = renderList.right;
+				this.content = getContent(instance.vdom);
+				if (contentFactory)
+					this.content = contentFactory({
+						children: this.content,
+					});
+				this.timings.afterRender = now();
+				for (var _i2 = 0; _i2 < context.cleanupList.length; _i2++) context.cleanupList[_i2].cleanup(context);
+			} else {
+				this.content = null;
+				this.timings.afterExplore = this.timings.afterPrepare = this.timings.afterRender = now();
 			}
-			this.content = getContent(instance.vdom);
-			if (contentFactory)
-				this.content = contentFactory({
-					children: this.content,
-				});
-			this.timings.afterRender = now();
-			for (var _i2 = 0; _i2 < context.cleanupList.length; _i2++) context.cleanupList[_i2].cleanup(context);
-		} else {
-			this.content = null;
-			this.timings.afterExplore = this.timings.afterPrepare = this.timings.afterRender = now();
+		} finally {
+			if (this.props.cultureInfo) popCulture(this.props.cultureInfo);
 		}
 		this.timings.beforeVDOMRender = now();
 		this.props.flags.preparing = false;
@@ -2822,9 +2821,10 @@ var Restate = /*#__PURE__*/ (function (_PureContainer) {
 		}
 	};
 	_proto.explore = function explore(context, instance) {
+		var _this$culture;
 		if (!instance.subStore) this.initSubStore(context, instance);
 		if (instance.subStore.parentDataCheck()) instance.markShouldUpdate();
-		instance.cultureInfo = context.cultureInfo;
+		instance.cultureInfo = (_this$culture = this.culture) != null ? _this$culture : getCurrentCulture();
 		if (instance.cache("cultureInfo", instance.culture)) instance.markShouldUpdate();
 		_PureContainer.prototype.explore.call(this, context, instance);
 	};
@@ -2859,6 +2859,7 @@ var Restate = /*#__PURE__*/ (function (_PureContainer) {
 Restate.prototype.detached = false;
 Restate.prototype.waitForIdle = false;
 Restate.prototype.immediate = false;
+Restate.prototype.culture = null;
 var PrivateStore = Restate;
 var RestateStore = /*#__PURE__*/ (function (_Store) {
 	function RestateStore(config) {
@@ -3161,69 +3162,6 @@ HoverSyncElement.prototype.baseClass = "hoversyncelement";
 HoverSyncElement.prototype.styled = true;
 HoverSyncElement.prototype.hoverChannel = "default";
 
-var CultureScope = /*#__PURE__*/ (function (_PureContainer) {
-	function CultureScope() {
-		return _PureContainer.apply(this, arguments) || this;
-	}
-	_inheritsLoose(CultureScope, _PureContainer);
-	var _proto = CultureScope.prototype;
-	_proto.init = function init() {
-		var _this$items;
-		this.initialItems = (_this$items = this.items) != null ? _this$items : this.children;
-		delete this.items;
-		delete this.children;
-		_PureContainer.prototype.init.call(this);
-	};
-	_proto.declareData = function declareData() {
-		var _PureContainer$protot;
-		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-			args[_key] = arguments[_key];
-		}
-		(_PureContainer$protot = _PureContainer.prototype.declareData).call.apply(
-			_PureContainer$protot,
-			[this].concat(args, [
-				{
-					culture: undefined,
-					numberCulture: undefined,
-					dateTimeCulture: undefined,
-					defaultCurrency: undefined,
-				},
-			]),
-		);
-	};
-	_proto.prepareData = function prepareData(context, instance) {
-		_PureContainer.prototype.prepareData.call(this, context, instance);
-		this.clear();
-		var data = instance.data;
-		if (this.onCreateCulture) instance.culture = instance.invoke("onCreateCulture", data, instance);
-		else
-			instance.culture = createCulture({
-				culture: data.culture,
-				numberCulture: data.numberCulture,
-				dateTimeCulture: data.dateTimeCulture,
-				defaultCurrency: data.defaultCurrency,
-				dateEncoding: this.dateEncoding,
-			});
-	};
-	_proto.explore = function explore(context, instance) {
-		var culture = instance.culture;
-		pushCulture(culture);
-		if (this.items.length == 0 && this.initialItems) this.add(this.initialItems);
-		context.push("cultureInfo", culture);
-		_PureContainer.prototype.explore.call(this, context, instance);
-	};
-	_proto.exploreCleanup = function exploreCleanup(context, instance) {
-		context.pop("cultureInfo");
-		popCulture();
-	};
-	return CultureScope;
-})(PureContainer);
-CultureScope.prototype.culture = null;
-CultureScope.prototype.numberCulture = null;
-CultureScope.prototype.dateTimeCulture = null;
-CultureScope.prototype.defaultCurrency = null;
-CultureScope.prototype.dateEncoding = null;
-
 var flattenProps = function flattenProps(props) {
 	if (!props) return {};
 	if (props.jsxSpread) {
@@ -4524,7 +4462,6 @@ export {
 	ContentResolver,
 	Controller,
 	Culture,
-	CultureScope,
 	Cx,
 	DataAdapter,
 	DataProxy,
@@ -4576,8 +4513,10 @@ export {
 	flattenProps,
 	getContent,
 	getContentArray,
+	getCurrentCulture,
 	getCurrentCultureCache,
 	getCurrentInstance,
+	getDefaultCulture,
 	isBatchingUpdates,
 	notifyBatchedUpdateCompleted,
 	notifyBatchedUpdateStarting,

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "24.3.10",
+   "version": "24.4.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/BarGraph.d.ts

@@ -1,17 +1,15 @@
-import * as Cx from '../core';
-import { ColumnBarGraphBaseProps } from './ColumnBarGraphBase';
+import * as Cx from "../core";
+import { ColumnBarGraphBaseProps } from "./ColumnBarGraphBase";
 
 interface BarGraphProps extends ColumnBarGraphBaseProps {
-
    /** Base CSS class to be applied to the element. Defaults to `bargraph`. */
-   baseClass?: string,
+   baseClass?: string;
 
-   /** 
-    * Name of the property which holds the base value. 
+   /**
+    * Name of the property which holds the base value.
     * Default value is `false`, which means x0 value is not read from the data array.
     */
-   x0Field?: string,
-  
+   x0Field?: string | false;
 }
 
-export class BarGraph extends Cx.Widget<BarGraphProps> {}
+export class BarGraph extends Cx.Widget<BarGraphProps> {}

package/src/charts/ColumnGraph.d.ts

@@ -1,20 +1,18 @@
-import * as Cx from '../core';
-import { ColumnBarGraphBaseProps } from './ColumnBarGraphBase';
+import * as Cx from "../core";
+import { ColumnBarGraphBaseProps } from "./ColumnBarGraphBase";
 
 interface ColumnGraphProps extends ColumnBarGraphBaseProps {
-   
    /** Base CSS class to be applied to the element. Defaults to `columngraph`. */
-   baseClass?: string,
-   
-   /** 
-    * Name of the property which holds the base value. 
-    * Default value is `false`, which means y0 value is not read from the data array. 
+   baseClass?: string;
+
+   /**
+    * Name of the property which holds the base value.
+    * Default value is `false`, which means y0 value is not read from the data array.
     */
-   y0Field?: string,
+   y0Field?: string | false;
 
    /** Column base value. Default value is `0`. */
-   y0?: Cx.NumberProp,
-
+   y0?: Cx.NumberProp;
 }
 
-export class ColumnGraph extends Cx.Widget<ColumnGraphProps> {}
+export class ColumnGraph extends Cx.Widget<ColumnGraphProps> {}

package/src/charts/LineGraph.d.ts

@@ -77,7 +77,7 @@ interface LineGraphProps extends Cx.WidgetProps {
    baseClass?: string;
 
    /** Name of the property which holds the y0 value. Default value is `false`, which means y0 value is not read from the data array. */
-   y0Field?: string;
+   y0Field?: string | false;
 
    /** Name of the legend to be used. Default is `legend`. */
    legend?: string;

package/src/charts/PieChart.d.ts

@@ -11,6 +11,9 @@ interface PieChartProps extends BoundedObjectProps {
 
    /** When set to `true`, stacks are rendered in clock wise direction. */
    clockwise?: Cx.BooleanProp;
+
+   /** Gap between slices in pixels. Default is `0` which means there is no gap. */
+   gap?: Cx.NumberProp;
 }
 
 export class PieChart extends Cx.Widget<PieChartProps> {}
@@ -78,6 +81,9 @@ interface PieSliceProps extends Cx.StyledContainerProps {
 
    /** Border radius of the slice. Default is 0. */
    borderRadius?: Cx.NumberProp;
+
+   /** Border radius of the slice. Default is 0. */
+   br?: Cx.NumberProp;
 }
 
 export class PieSlice extends Cx.Widget<PieSliceProps> {}