cx 24.0.0 → 24.0.2

package/dist/ui.js

@@ -68,32 +68,19 @@ import { VDOM as VDOM$2 } from "cx-react";
 import { NumberCulture, DateTimeCulture } from "intl-io";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-function ownKeys(object, enumerableOnly) {
-	var keys = Object.keys(object);
-	if (Object.getOwnPropertySymbols) {
-		var symbols = Object.getOwnPropertySymbols(object);
-		enumerableOnly &&
-			(symbols = symbols.filter(function (sym) {
-				return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-			})),
-			keys.push.apply(keys, symbols);
+function _toPrimitive(t, r) {
+	if ("object" != typeof t || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != typeof i) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
 	}
-	return keys;
+	return ("string" === r ? String : Number)(t);
 }
-function _objectSpread2(target) {
-	for (var i = 1; i < arguments.length; i++) {
-		var source = null != arguments[i] ? arguments[i] : {};
-		i % 2
-			? ownKeys(Object(source), !0).forEach(function (key) {
-					_defineProperty(target, key, source[key]);
-			  })
-			: Object.getOwnPropertyDescriptors
-			? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source))
-			: ownKeys(Object(source)).forEach(function (key) {
-					Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-			  });
-	}
-	return target;
+function _toPropertyKey(t) {
+	var i = _toPrimitive(t, "string");
+	return "symbol" == typeof i ? i : String(i);
 }
 function _defineProperties(target, props) {
 	for (var i = 0; i < props.length; i++) {
@@ -112,19 +99,21 @@ function _createClass(Constructor, protoProps, staticProps) {
 	});
 	return Constructor;
 }
-function _defineProperty(obj, key, value) {
-	key = _toPropertyKey(key);
-	if (key in obj) {
-		Object.defineProperty(obj, key, {
-			value: value,
-			enumerable: true,
-			configurable: true,
-			writable: true,
-		});
-	} else {
-		obj[key] = value;
-	}
-	return obj;
+function _extends() {
+	_extends = Object.assign
+		? Object.assign.bind()
+		: function (target) {
+				for (var i = 1; i < arguments.length; i++) {
+					var source = arguments[i];
+					for (var key in source) {
+						if (Object.prototype.hasOwnProperty.call(source, key)) {
+							target[key] = source[key];
+						}
+					}
+				}
+				return target;
+			};
+	return _extends.apply(this, arguments);
 }
 function _inheritsLoose(subClass, superClass) {
 	subClass.prototype = Object.create(superClass.prototype);
@@ -137,7 +126,7 @@ function _setPrototypeOf(o, p) {
 		: function _setPrototypeOf(o, p) {
 				o.__proto__ = p;
 				return o;
-		  };
+			};
 	return _setPrototypeOf(o, p);
 }
 function _assertThisInitialized(self) {
@@ -146,20 +135,6 @@ function _assertThisInitialized(self) {
 	}
 	return self;
 }
-function _toPrimitive(input, hint) {
-	if (typeof input !== "object" || input === null) return input;
-	var prim = input[Symbol.toPrimitive];
-	if (prim !== undefined) {
-		var res = prim.call(input, hint || "default");
-		if (typeof res !== "object") return res;
-		throw new TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-	var key = _toPrimitive(arg, "string");
-	return typeof key === "symbol" ? key : String(key);
-}
 
 var computablePrefix = "computable-";
 var triggerPrefix = "trigger-";
@@ -250,7 +225,7 @@ var Controller = /*#__PURE__*/ (function (_Component) {
 Controller.namespace = "ui.controller.";
 Controller.factory = function (alias, config, more) {
 	if (isFunction(alias)) {
-		var cfg = _objectSpread2(_objectSpread2({}, config), more);
+		var cfg = _extends({}, config, more);
 		if (cfg.instance) {
 			//in rare cases instance.store may change, so we cannot rely on the store passed through configuration
 			cfg.store = new StoreProxy(function () {
@@ -260,9 +235,9 @@ Controller.factory = function (alias, config, more) {
 		}
 		var result = alias(cfg);
 		if (result instanceof Controller) return result;
-		return Controller.create(_objectSpread2(_objectSpread2(_objectSpread2({}, config), more), result));
+		return Controller.create(_extends({}, config, more, result));
 	}
-	return Controller.create(_objectSpread2(_objectSpread2({}, config), more));
+	return Controller.create(_extends({}, config, more));
 };
 
 var cssHelperCache = {};
@@ -343,7 +318,7 @@ var CSS = /*#__PURE__*/ (function () {
 		return join(
 			pushMap(null, this.resolve(stateModifiers), function (m) {
 				return _this3.classPrefix + "s-" + m;
-			})
+			}),
 		);
 	};
 	CSS.mod = function mod(mods) {
@@ -351,7 +326,7 @@ var CSS = /*#__PURE__*/ (function () {
 		return join(
 			pushMap(null, this.resolve(mods), function (m) {
 				return _this4.classPrefix + "m-" + m;
-			})
+			}),
 		);
 	};
 	CSS.expand = function expand() {
@@ -392,7 +367,7 @@ var Widget = /*#__PURE__*/ (function (_Component) {
 		if (this.styled) this.style = parseStyle(this.style);
 		else if (this.style) {
 			Console.warn(
-				"Components that allow use of the style attribute should set styled = true on their prototype. This will be an error in future versions."
+				"Components that allow use of the style attribute should set styled = true on their prototype. This will be an error in future versions.",
 			);
 			this.style = parseStyle(this.style);
 			this.styled = true;
@@ -431,14 +406,14 @@ var Widget = /*#__PURE__*/ (function (_Component) {
 					{
 						structured: true,
 					};
-		var props = _objectSpread2(
+		var props = _extends(
 			{
 				visible: undefined,
 				mod: {
 					structured: true,
 				},
 			},
-			options
+			options,
 		);
 		Object.assign.apply(Object, [props].concat(Array.prototype.slice.call(arguments)));
 		this.selector = new StructuredSelector({
@@ -452,7 +427,7 @@ var Widget = /*#__PURE__*/ (function (_Component) {
 		data.classNames = this.CSS.expand(
 			this.CSS.block(this.baseClass, data.mod, data.stateMods),
 			data["class"],
-			data.className
+			data.className,
 		);
 		data.style = parseStyle(data.style);
 	};
@@ -476,7 +451,7 @@ var Widget = /*#__PURE__*/ (function (_Component) {
 	_proto.render = function render(context, instance, key) {
 		Console.log(this);
 		throw new Error(
-			'Widget\'s render method should be overridden. This error usually happens if with incorrect imports, i.e. import { TextField } from "cx/data". Please check the console for details about the component configuration.'
+			'Widget\'s render method should be overridden. This error usually happens if with incorrect imports, i.e. import { TextField } from "cx/data". Please check the console for details about the component configuration.',
 		);
 	};
 	_proto.update = function update() {
@@ -558,7 +533,7 @@ var Text = /*#__PURE__*/ (function (_Widget) {
 				{
 					value: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments))
+			].concat(Array.prototype.slice.call(arguments)),
 		);
 	};
 	_proto.render = function render(context, _ref, key) {
@@ -708,7 +683,7 @@ var Container = /*#__PURE__*/ (function (_Widget) {
 			this.add(
 				Widget.create(StaticText, {
 					text: text,
-				})
+				}),
 			);
 		else
 			this.add(
@@ -716,7 +691,7 @@ var Container = /*#__PURE__*/ (function (_Widget) {
 					text: {
 						tpl: text,
 					},
-				})
+				}),
 			);
 	};
 	_proto.find = function find(filter, options) {
@@ -746,13 +721,9 @@ var Container = /*#__PURE__*/ (function (_Widget) {
 	_proto.findFirst = function findFirst(filter, options) {
 		return this.find(
 			filter,
-			_objectSpread2(
-				_objectSpread2({}, options),
-				{},
-				{
-					first: true,
-				}
-			)
+			_extends({}, options, {
+				first: true,
+			}),
 		)[0];
 	};
 	return Container;
@@ -832,7 +803,7 @@ var Localization = /*#__PURE__*/ (function () {
 	Localization.localize = function localize(culture, key, values) {
 		var l = localizations[culture];
 		if (!l) l = localizations[culture] = {};
-		l[key] = _objectSpread2(_objectSpread2({}, l[key]), values);
+		l[key] = _extends({}, l[key], values);
 	};
 	Localization.setCulture = function setCulture(culture) {
 		var l = localizations[culture];
@@ -847,6 +818,8 @@ var Localization = /*#__PURE__*/ (function () {
 })();
 
 var culture = "en";
+var numberCulture = null;
+var dateTimeCulture = null;
 var cultureCache = {};
 var defaultCurrency = "USD";
 var dateEncoding = function dateEncoding(date) {
@@ -860,6 +833,16 @@ var Culture = /*#__PURE__*/ (function () {
 		Localization.setCulture(cultureCode);
 		this.invalidateCache();
 	};
+	Culture.setNumberCulture = function setNumberCulture(cultureCode) {
+		numberCulture = cultureCode;
+		delete cultureCache.numberCulture;
+		this.invalidateCache();
+	};
+	Culture.setDateTimeCulture = function setDateTimeCulture(cultureCode) {
+		dateTimeCulture = cultureCode;
+		delete cultureCache.dateTimeCulture;
+		this.invalidateCache();
+	};
 	Culture.setDefaultCurrency = function setDefaultCurrency(currencyCode) {
 		defaultCurrency = currencyCode;
 		this.invalidateCache();
@@ -870,12 +853,20 @@ var Culture = /*#__PURE__*/ (function () {
 		invalidateStringTemplateCache();
 	};
 	Culture.getNumberCulture = function getNumberCulture() {
-		if (!cultureCache.numberCulture) cultureCache.numberCulture = new NumberCulture(culture);
+		var _numberCulture;
+		if (!cultureCache.numberCulture)
+			cultureCache.numberCulture = new NumberCulture(
+				(_numberCulture = numberCulture) != null ? _numberCulture : culture,
+			);
 		return cultureCache.numberCulture;
 	};
 	Culture.getDateTimeCulture = function getDateTimeCulture() {
-		if (!cultureCache.dateCulture) cultureCache.dateCulture = new DateTimeCulture(culture);
-		return cultureCache.dateCulture;
+		var _dateTimeCulture;
+		if (!cultureCache.dateTimeCulture)
+			cultureCache.dateTimeCulture = new DateTimeCulture(
+				(_dateTimeCulture = dateTimeCulture) != null ? _dateTimeCulture : culture,
+			);
+		return cultureCache.dateTimeCulture;
 	};
 	Culture.getDefaultDateEncoding = function getDefaultDateEncoding() {
 		return dateEncoding;
@@ -1025,7 +1016,7 @@ var ArrayAdapter = /*#__PURE__*/ (function (_DataAdapter) {
 						s.comparer = _this2.getComparer(isDefined(s.sortOptions) ? s.sortOptions : _this2.sortOptions);
 					return s;
 				}),
-				dataAccessor
+				dataAccessor,
 			);
 		} else {
 			this.sorter = null;
@@ -1071,7 +1062,7 @@ var Repeater = /*#__PURE__*/ (function (_Container) {
 						structured: true,
 					},
 				},
-			].concat(Array.prototype.slice.call(arguments))
+			].concat(Array.prototype.slice.call(arguments)),
 		);
 	};
 	_proto.init = function init() {
@@ -1079,19 +1070,15 @@ var Repeater = /*#__PURE__*/ (function (_Container) {
 		if (this.recordAlias) this.recordName = this.recordAlias;
 		if (this.indexAlias) this.indexName = this.indexAlias;
 		this.dataAdapter = ArrayAdapter.create(
-			_objectSpread2(
-				_objectSpread2({}, this.dataAdapter),
-				{},
-				{
-					recordName: this.recordName,
-					indexName: this.indexName,
-					keyField: this.keyField,
-					immutable: this.immutable,
-					sealed: this.sealed,
-					recordsAccessor: this.recordsAccessor,
-					sortOptions: this.sortOptions,
-				}
-			)
+			_extends({}, this.dataAdapter, {
+				recordName: this.recordName,
+				indexName: this.indexName,
+				keyField: this.keyField,
+				immutable: this.immutable,
+				sealed: this.sealed,
+				recordsAccessor: this.recordsAccessor,
+				sortOptions: this.sortOptions,
+			}),
 		);
 		this.item = PureContainer.create({
 			children: this.items || this.children,
@@ -1200,7 +1187,7 @@ var Rescope = /*#__PURE__*/ (function (_PureContainer) {
 						instance: instance,
 						data: this.data,
 						useParentStore: true,
-				  })
+					})
 				: null,
 		});
 		instance.setStore = function (store) {
@@ -1479,10 +1466,11 @@ function enableCultureSensitiveFormatting() {
 	Format$1.registerFactory(["number", "n"], function (format, minimumFractionDigits, maximumFractionDigits, flags) {
 		var culture = Culture.getNumberCulture();
 		var formatter = culture.getFormatter(
-			_objectSpread2(
-				_objectSpread2({}, resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits)),
-				resolveNumberFormattingFlags(flags)
-			)
+			_extends(
+				{},
+				resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits),
+				resolveNumberFormattingFlags(flags),
+			),
 		);
 		return function (value) {
 			return formatter.format(value);
@@ -1494,61 +1482,55 @@ function enableCultureSensitiveFormatting() {
 			var culture = Culture.getNumberCulture();
 			currency = currency || Culture.defaultCurrency;
 			var formatter = culture.getFormatter(
-				_objectSpread2(
-					_objectSpread2(
-						{
-							style: "currency",
-							currency: currency,
-						},
-						resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits)
-					),
-					resolveNumberFormattingFlags(flags)
-				)
+				_extends(
+					{
+						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)
-				)
+				_extends(
+					{
+						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)
-				)
+				_extends(
+					{
+						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) {
@@ -1672,8 +1654,8 @@ var Instance = /*#__PURE__*/ (function () {
 			ins = ins.widget.isContent
 				? ins.contentPlaceholder
 				: ins.parent.outerLayout === ins
-				? ins.parent.parent
-				: ins.parent;
+					? ins.parent.parent
+					: ins.parent;
 		}
 		renderList.reverse();
 	};
@@ -1718,7 +1700,7 @@ var Instance = /*#__PURE__*/ (function () {
 			this.widget.version !== this.cached.widgetVersion ||
 			this.cached.globalCacheIdentifier !== GlobalCacheIdentifier.get();
 		if (shouldUpdate) {
-			this.data = _objectSpread2({}, this.rawData);
+			this.data = _extends({}, this.rawData);
 			this.widget.prepareData(context, this);
 			debug(processDataFlag, this.widget);
 		}
@@ -1892,8 +1874,8 @@ var Instance = /*#__PURE__*/ (function () {
 						function () {
 							return _this3.dataSelector(_this3.store)[prop];
 						},
-						p.debounce
-					)
+						p.debounce,
+					),
 				);
 				this.set(prop, value, options);
 				return true;
@@ -1903,7 +1885,7 @@ var Instance = /*#__PURE__*/ (function () {
 					prop,
 					throttle(function (value) {
 						return _this3.doSet(prop, value);
-					}, p.throttle)
+					}, p.throttle),
 				);
 				this.set(prop, value, options);
 				return true;
@@ -1944,7 +1926,7 @@ var Instance = /*#__PURE__*/ (function () {
 		var config = dataConfig[key];
 		if (!config)
 			throw new Error(
-				"Unknown nested data key " + key + ". Known keys are " + Object.keys(dataConfig).join(", ") + "."
+				"Unknown nested data key " + key + ". Known keys are " + Object.keys(dataConfig).join(", ") + ".",
 			);
 		if (isAccessorChain(config))
 			config = {
@@ -1960,7 +1942,7 @@ var Instance = /*#__PURE__*/ (function () {
 			throw new Error(
 				"Cannot change nested data value for " +
 					key +
-					" as it's read-only. Either define it as a binding or define a set function."
+					" as it's read-only. Either define it as a binding or define a set function.",
 			);
 		if (isString(config.set)) this.getControllerMethod(config.set)(value, this);
 		else if (isFunction(config.set)) config.set(value, this);
@@ -1968,7 +1950,7 @@ var Instance = /*#__PURE__*/ (function () {
 			throw new Error(
 				"Cannot change nested data value for " +
 					key +
-					" the defined setter is neither a function nor a controller method."
+					" the defined setter is neither a function nor a controller method.",
 			);
 		return true;
 	};
@@ -2020,7 +2002,7 @@ var Instance = /*#__PURE__*/ (function () {
 	_proto.getControllerMethod = function getControllerMethod(methodName) {
 		if (!this.controller)
 			throw new Error(
-				'Cannot invoke controller method "' + methodName + '" as controller is not assigned to the widget.'
+				'Cannot invoke controller method "' + methodName + '" as controller is not assigned to the widget.',
 			);
 		var at = this;
 		while (at != null && at.controller && !at.controller[methodName]) at = at.parent;
@@ -2028,7 +2010,7 @@ var Instance = /*#__PURE__*/ (function () {
 			throw new Error(
 				'Cannot invoke controller method "' +
 					methodName +
-					'". The method cannot be found in any of the assigned controllers.'
+					'". The method cannot be found in any of the assigned controllers.',
 			);
 		return at.controller[methodName].bind(at.controller);
 	};
@@ -2051,7 +2033,7 @@ function renderResultFix(res) {
 		? res
 		: {
 				content: res,
-		  };
+			};
 }
 var InstanceCache = /*#__PURE__*/ (function () {
 	function InstanceCache(parent, keyPrefix) {
@@ -2077,7 +2059,6 @@ var InstanceCache = /*#__PURE__*/ (function () {
 			instance.setStore(store);
 			if (instance.cached) delete instance.cached.rawData; // force prepareData to execute again
 		}
-
 		return instance;
 	};
 	_proto2.addChild = function addChild(instance) {
@@ -2284,7 +2265,7 @@ var Cx = /*#__PURE__*/ (function (_VDOM$Component) {
 				{
 					data: data,
 				},
-				notifyBatchedUpdateCompleted
+				notifyBatchedUpdateCompleted,
 			);
 		} else {
 			//in standard mode sequential store commands are batched
@@ -2296,7 +2277,7 @@ var Cx = /*#__PURE__*/ (function (_VDOM$Component) {
 						{
 							data: data,
 						},
-						notifyBatchedUpdateCompleted
+						notifyBatchedUpdateCompleted,
 					);
 				}, 0);
 			}
@@ -2315,7 +2296,7 @@ var Cx = /*#__PURE__*/ (function (_VDOM$Component) {
 			},
 			{
 				timeout: this.props.idleTimeout || 30000,
-			}
+			},
 		);
 	};
 	_proto.componentWillUnmount = function componentWillUnmount() {
@@ -2444,7 +2425,7 @@ var CxContext = /*#__PURE__*/ (function (_VDOM$Component2) {
 				"cx",
 				(beforeVDOMRender - start + afterCleanup - afterVDOMRender).toFixed(2) + "ms",
 				"vdom",
-				(afterVDOMRender - beforeVDOMRender).toFixed(2) + "ms"
+				(afterVDOMRender - beforeVDOMRender).toFixed(2) + "ms",
 			);
 			Timing.log(
 				appLoopFlag,
@@ -2461,7 +2442,7 @@ var CxContext = /*#__PURE__*/ (function (_VDOM$Component2) {
 				"vdom",
 				(afterVDOMRender - beforeVDOMRender).toFixed(1),
 				"cleanup",
-				(afterCleanup - afterVDOMRender).toFixed(1)
+				(afterCleanup - afterVDOMRender).toFixed(1),
 			);
 		}
 	};
@@ -2489,7 +2470,7 @@ var ContentResolver = /*#__PURE__*/ (function (_PureContainer) {
 					},
 					loading: undefined,
 				},
-			])
+			]),
 		);
 	};
 	_proto.init = function init() {
@@ -2566,7 +2547,7 @@ var IsolatedScope = /*#__PURE__*/ (function (_PureContainer) {
 						structured: true,
 					},
 				},
-			])
+			]),
 		);
 	};
 	_proto.init = function init() {
@@ -2609,7 +2590,7 @@ var DetachedScope = /*#__PURE__*/ (function (_IsolatedScope) {
 						structured: true,
 					},
 				},
-			])
+			]),
 		);
 	};
 	_proto.init = function init() {
@@ -2633,13 +2614,9 @@ var DetachedScope = /*#__PURE__*/ (function (_IsolatedScope) {
 		delete this.items;
 		delete this.children;
 		if (this.name)
-			this.options = _objectSpread2(
-				_objectSpread2({}, this.options),
-				{},
-				{
-					name: this.name,
-				}
-			);
+			this.options = _extends({}, this.options, {
+				name: this.name,
+			});
 		_IsolatedScope.prototype.init.call(this);
 	};
 	_proto.initInstance = function initInstance(context, instance) {
@@ -2659,7 +2636,7 @@ var DetachedScope = /*#__PURE__*/ (function (_IsolatedScope) {
 				options: this.options,
 				onError: this.onError,
 			},
-			key
+			key,
 		);
 	};
 	return DetachedScope;
@@ -2727,7 +2704,7 @@ var Restate = /*#__PURE__*/ (function (_PureContainer) {
 					idleTimeout: undefined,
 					cacheKey: undefined,
 				},
-			])
+			]),
 		);
 	};
 	_proto.init = function init() {
@@ -2803,7 +2780,7 @@ var Restate = /*#__PURE__*/ (function (_PureContainer) {
 				idleTimeout: instance.data.idleTimeout,
 				immediate: this.immediate,
 			},
-			key
+			key,
 		);
 	};
 	return Restate;
@@ -3035,7 +3012,7 @@ function withHoverSync(key, hoverSync, hoverChannel, hoverId, render) {
 			hoverId: hoverId,
 			render: render,
 		},
-		key
+		key,
 	);
 }
 var HoverSyncElement = /*#__PURE__*/ (function (_Container) {
@@ -3061,7 +3038,7 @@ var HoverSyncElement = /*#__PURE__*/ (function (_Container) {
 						structured: true,
 					},
 				},
-			])
+			]),
 		);
 	};
 	_proto3.prepareData = function prepareData(context, instance) {
@@ -3082,31 +3059,28 @@ var HoverSyncElement = /*#__PURE__*/ (function (_Container) {
 				onMouseMove = _ref.onMouseMove,
 				onMouseLeave = _ref.onMouseLeave,
 				key = _ref.key;
-			var style = _objectSpread2(_objectSpread2({}, data.style), hover && data.hoverStyle);
+			var style = _extends({}, data.style, hover && data.hoverStyle);
 			return VDOM$1.createElement(
 				inSvg ? "g" : "div",
-				_objectSpread2(
-					_objectSpread2(
-						{
-							key: key,
-							className: CSS.expand(
-								data.classNames,
-								CSS.state({
-									hover: hover,
-								}),
-								hover && data.hoverClass
-							),
-							style: style,
-						},
-						eventHandlers
-					),
-					{},
+				_extends(
+					{
+						key: key,
+						className: CSS.expand(
+							data.classNames,
+							CSS.state({
+								hover: hover,
+							}),
+							hover && data.hoverClass,
+						),
+						style: style,
+					},
+					eventHandlers,
 					{
 						onMouseLeave: onMouseLeave,
 						onMouseMove: onMouseMove,
-					}
+					},
 				),
-				children
+				children,
 			);
 		});
 	};
@@ -3119,24 +3093,21 @@ HoverSyncElement.prototype.hoverChannel = "default";
 var flattenProps = function flattenProps(props) {
 	if (!props) return {};
 	if (props.jsxSpread) {
-		props = _objectSpread2(
-			_objectSpread2({}, props),
+		props = _extends(
+			{},
+			props,
 			props.jsxSpread.reduce(function (acc, prop) {
 				return Object.assign(acc, prop);
-			}, {})
+			}, {}),
 		);
 	}
 	if (props.$props !== undefined) {
-		props = _objectSpread2(
-			_objectSpread2({}, props.$props),
-			{},
-			{
-				jsxAttributes: props.jsxAttributes,
-				children: props.children,
-			}
-		);
+		props = _extends({}, props.$props, {
+			jsxAttributes: props.jsxAttributes,
+			children: props.children,
+		});
 	}
-	return _objectSpread2({}, props);
+	return _extends({}, props);
 };
 
 var currentInstance = null;
@@ -3243,7 +3214,7 @@ var Selection = /*#__PURE__*/ (function (_Component) {
 			data = instance.data;
 		if (!data.$selection)
 			throw new Error(
-				"Selection model not properly configured. Using the selectInstance method without specified record and index bindings."
+				"Selection model not properly configured. Using the selectInstance method without specified record and index bindings.",
 			);
 		return this.select(store, data.$selection.record, data.$selection.index, options);
 	};
@@ -3391,7 +3362,7 @@ var KeySelection = /*#__PURE__*/ (function (_Selection) {
 						structured: true,
 					},
 				},
-			].concat(Array.prototype.slice.call(arguments))
+			].concat(Array.prototype.slice.call(arguments)),
 		);
 	};
 	_proto.configureWidget = function configureWidget(widget) {
@@ -3435,11 +3406,10 @@ var KeySelection = /*#__PURE__*/ (function (_Selection) {
 								return !_this.areKeysEqual(x, key);
 							}); //TODO: optimize
 					});
-
 					this.updateSelectionWithShallowEqualsCheck(store, newSelection);
 				}
 			} else if (this.storage == "hash") {
-				var _newSelection = toggle ? _objectSpread2({}, selection) : {};
+				var _newSelection = toggle ? _extends({}, selection) : {};
 				keys.forEach(function (key) {
 					_newSelection[key] = !_newSelection[key];
 				});
@@ -3545,7 +3515,7 @@ var FirstVisibleChildLayout = /*#__PURE__*/ (function (_PureContainer2) {
 			? item
 			: FirstVisibleChildItem.create({
 					items: item,
-			  });
+				});
 	};
 	return FirstVisibleChildLayout;
 })(PureContainer);
@@ -3582,7 +3552,7 @@ var LabelsLeftLayout = /*#__PURE__*/ (function (_PureContainer) {
 						structured: true,
 					},
 				},
-			])
+			]),
 		);
 	};
 	_proto.render = function render(context, instance, key) {
@@ -3615,8 +3585,8 @@ var LabelsLeftLayout = /*#__PURE__*/ (function (_PureContainer) {
 								}),
 							],
 						},
-						key
-					)
+						key,
+					),
 				);
 			}
 		};
@@ -3632,7 +3602,7 @@ var LabelsLeftLayout = /*#__PURE__*/ (function (_PureContainer) {
 					children: result,
 				}),
 			},
-			key
+			key,
 		);
 	};
 	return LabelsLeftLayout;
@@ -3689,7 +3659,7 @@ var LabelsTopLayout = /*#__PURE__*/ (function (_Container) {
 					children: state.rows,
 				}),
 			},
-			key
+			key,
 		);
 	};
 	_proto.addRow = function addRow(state) {
@@ -3700,8 +3670,8 @@ var LabelsTopLayout = /*#__PURE__*/ (function (_Container) {
 					{
 						children: state.labelCells,
 					},
-					state.rows.length
-				)
+					state.rows.length,
+				),
 			);
 		if (state.fieldCells.length > 0)
 			state.rows.push(
@@ -3710,8 +3680,8 @@ var LabelsTopLayout = /*#__PURE__*/ (function (_Container) {
 					{
 						children: state.fieldCells,
 					},
-					state.rows.length
-				)
+					state.rows.length,
+				),
 			);
 		state.labelCells = [];
 		state.fieldCells = [];
@@ -3735,8 +3705,8 @@ var LabelsTopLayout = /*#__PURE__*/ (function (_Container) {
 					colSpan: data.colSpan,
 					children: getContent(item.label),
 				},
-				state.labelCells.length
-			)
+				state.labelCells.length,
+			),
 		);
 		state.fieldCells.push(
 			/*#__PURE__*/ jsx(
@@ -3748,8 +3718,8 @@ var LabelsTopLayout = /*#__PURE__*/ (function (_Container) {
 					style: data.style,
 					children: validContent(item),
 				},
-				state.fieldCells.length
-			)
+				state.fieldCells.length,
+			),
 		);
 	};
 	return LabelsTopLayout;
@@ -3776,7 +3746,7 @@ var LabelsTopLayoutCell = /*#__PURE__*/ (function (_PureContainer) {
 					colSpan: undefined,
 					rowSpan: undefined,
 				},
-			])
+			]),
 		);
 	};
 	_proto2.render = function render(context, instance, key) {
@@ -3824,7 +3794,7 @@ var ContentPlaceholder = /*#__PURE__*/ (function (_PureContainer) {
 				{
 					name: undefined,
 				},
-			])
+			]),
 		);
 	};
 	_proto.explore = function explore(context, instance) {
@@ -4095,7 +4065,7 @@ var History = /*#__PURE__*/ (function () {
 					window.history[op](tr.state, tr.title, tr.url);
 					if (subscribers) subscribers.notify(tr.url, op);
 				}
-			}
+			},
 		);
 		return changed;
 	};
@@ -4188,16 +4158,12 @@ var GroupAdapter = /*#__PURE__*/ (function (_ArrayAdapter) {
 						.join(":");
 				})
 				.join("|");
-			var $group = _objectSpread2(
-				_objectSpread2(_objectSpread2({}, gr.key), gr.aggregates),
-				{},
-				{
-					$name: gr.name,
-					$level: inverseLevel,
-					$records: gr.records || [],
-					$key: key,
-				}
-			);
+			var $group = _extends({}, gr.key, gr.aggregates, {
+				$name: gr.name,
+				$level: inverseLevel,
+				$records: gr.records || [],
+				$key: key,
+			});
 			var data =
 				((_data = {}),
 				(_data[_this.recordName] = gr.records.length > 0 ? gr.records[0].data : null),
@@ -4218,26 +4184,18 @@ var GroupAdapter = /*#__PURE__*/ (function (_ArrayAdapter) {
 			};
 			if (grouping.includeHeader !== false)
 				result.push(
-					_objectSpread2(
-						_objectSpread2({}, group),
-						{},
-						{
-							type: "group-header",
-							key: "header:" + group.key,
-						}
-					)
+					_extends({}, group, {
+						type: "group-header",
+						key: "header:" + group.key,
+					}),
 				);
 			_this.processLevel(keys, gr.records, result, groupStore);
 			if (grouping.includeFooter !== false)
 				result.push(
-					_objectSpread2(
-						_objectSpread2({}, group),
-						{},
-						{
-							type: "group-footer",
-							key: "footer:" + group.key,
-						}
-					)
+					_extends({}, group, {
+						type: "group-footer",
+						key: "footer:" + group.key,
+					}),
 				);
 			keys.pop();
 		});
@@ -4264,11 +4222,11 @@ var GroupAdapter = /*#__PURE__*/ (function (_ArrayAdapter) {
 				}
 				g.grouper = new Grouper(
 					key,
-					_objectSpread2(_objectSpread2({}, _this2.aggregates), g.aggregates),
+					_extends({}, _this2.aggregates, g.aggregates),
 					function (r) {
 						return r.store.getData();
 					},
-					g.text
+					g.text,
 				);
 				g.comparer = null;
 				if (groupSorters.length > 0)
@@ -4277,7 +4235,7 @@ var GroupAdapter = /*#__PURE__*/ (function (_ArrayAdapter) {
 						function (x) {
 							return x.key;
 						},
-						_this2.sortOptions ? Culture.getComparer(_this2.sortOptions) : null
+						_this2.sortOptions ? Culture.getComparer(_this2.sortOptions) : null,
 					);
 			});
 		} else throw new Error("Invalid grouping provided.");
@@ -4300,7 +4258,7 @@ var TreeAdapter = /*#__PURE__*/ (function (_ArrayAdapter) {
 		if (this.restoreExpandedNodesOnLoad) {
 			if (!this.keyField)
 				throw new Error(
-					"Stateful tree adapter requires keyField property to be specified on either Grid or data adapter."
+					"Stateful tree adapter requires keyField property to be specified on either Grid or data adapter.",
 				);
 			this.expandedState = {
 				next: new Set(),
@@ -4345,7 +4303,7 @@ var TreeAdapter = /*#__PURE__*/ (function (_ArrayAdapter) {
 						instance,
 						data[this.childrenField],
 						store,
-						this.childrenAccessor
+						this.childrenAccessor,
 					);
 					this.processList(context, instance, level + 1, record.key + ":", childNodes, result);
 				} else if (this.load && !data[this.loadedField] && !data[this.loadingField]) {