cx 24.0.2 → 24.0.3

package/dist/widgets.js

@@ -6410,6 +6410,55 @@ Label.prototype.baseClass = "label";
 Label.prototype.tag = "label";
 Label.prototype.asterisk = false;
 
+var FieldIcon = /*#__PURE__*/ (function (_Widget) {
+	_inheritsLoose(FieldIcon, _Widget);
+	function FieldIcon() {
+		return _Widget.apply(this, arguments) || this;
+	}
+	var _proto = FieldIcon.prototype;
+	_proto.declareData = function declareData() {
+		var _Widget$prototype$dec;
+		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+			args[_key] = arguments[_key];
+		}
+		(_Widget$prototype$dec = _Widget.prototype.declareData).call.apply(
+			_Widget$prototype$dec,
+			[this].concat(args, [
+				{
+					name: undefined,
+				},
+			]),
+		);
+	};
+	_proto.render = function render(context, instance, key) {
+		var _this = this;
+		var data = instance.data;
+		if (!data.name) return null;
+		var onClick, onMouseMove, onMouseLeave;
+		if (this.onClick)
+			onClick = function onClick(e) {
+				instance.invoke("onClick", e, instance);
+			};
+		if (this.tooltip) {
+			onMouseLeave = function onMouseLeave(e) {
+				tooltipMouseLeave$1(e, instance, _this.tooltip);
+			};
+			onMouseMove = function onMouseMove(e) {
+				tooltipMouseMove$1(e, instance, _this.tooltip);
+			};
+		}
+		return Icon.render(data.name, {
+			className: data.classNames,
+			style: data.style,
+			onClick: onClick,
+			onMouseMove: onMouseMove,
+			onMouseLeave: onMouseLeave,
+		});
+	};
+	return FieldIcon;
+})(Widget);
+FieldIcon.prototype.styled = true;
+
 var Field = /*#__PURE__*/ (function (_PureContainer) {
 	_inheritsLoose(Field, _PureContainer);
 	function Field() {
@@ -6451,6 +6500,11 @@ var Field = /*#__PURE__*/ (function (_PureContainer) {
 		);
 	};
 	_proto.init = function init() {
+		this.inputStyle = parseStyle(this.inputStyle);
+		_PureContainer.prototype.init.call(this);
+	};
+	_proto.initComponents = function initComponents(context, instance) {
+		var _PureContainer$protot2;
 		if (this.validationMode == "tooltip" && isUndefined(this.errorTooltip)) {
 			this.errorTooltip = _extends(
 				{
@@ -6497,17 +6551,21 @@ var Field = /*#__PURE__*/ (function (_PureContainer) {
 			else Object.assign(labelConfig, this.label);
 			this.label = Label.create(labelConfig);
 		}
-		this.inputStyle = parseStyle(this.inputStyle);
-		_PureContainer.prototype.init.call(this);
-	};
-	_proto.initComponents = function initComponents(context, instance) {
-		var _PureContainer$protot2;
+		if (this.icon != null) {
+			var iconConfig = {
+				className: this.CSS.element(this.baseClass, "icon"),
+			};
+			if (isSelector(this.icon)) iconConfig.name = this.icon;
+			else Object.assign(iconConfig, this.icon);
+			this.icon = FieldIcon.create(iconConfig);
+		}
 		return (_PureContainer$protot2 = _PureContainer.prototype.initComponents).call.apply(
 			_PureContainer$protot2,
 			[this].concat(Array.prototype.slice.call(arguments), [
 				{
 					label: this.label,
 					help: this.help,
+					icon: this.icon,
 				},
 			]),
 		);
@@ -6694,6 +6752,9 @@ var Field = /*#__PURE__*/ (function (_PureContainer) {
 	_proto.renderHelp = function renderHelp(context, instance, key) {
 		if (instance.components.help) return getContent(instance.components.help.render(context, key));
 	};
+	_proto.renderIcon = function renderIcon(context, instance, key) {
+		if (instance.components.icon) return getContent(instance.components.icon.render(context, key));
+	};
 	_proto.formatValue = function formatValue(context, _ref) {
 		var data = _ref.data;
 		return data.text || data.value;
@@ -6851,6 +6912,7 @@ var TextField = /*#__PURE__*/ (function (_Field) {
 				data: instance.data,
 				label: this.labelPlacement && getContent(this.renderLabel(context, instance, "label")),
 				help: this.helpPlacement && getContent(this.renderHelp(context, instance, "help")),
+				icon: this.renderIcon(context, instance, "icon"),
 			},
 			key,
 		);
@@ -6899,23 +6961,22 @@ var Input$2 = /*#__PURE__*/ (function (_VDOM$Component) {
 			instance = _this$props.instance,
 			data = _this$props.data,
 			label = _this$props.label,
-			help = _this$props.help;
+			help = _this$props.help,
+			iconVDOM = _this$props.icon;
 		var widget = instance.widget,
 			state = instance.state;
 		var CSS = widget.CSS,
 			baseClass = widget.baseClass,
 			suppressErrorsUntilVisited = widget.suppressErrorsUntilVisited;
 		var icon =
-			data.icon &&
+			iconVDOM &&
 			/*#__PURE__*/ jsx("div", {
 				className: CSS.element(baseClass, "left-icon"),
 				onMouseDown: preventDefault,
 				onClick: function onClick(e) {
 					return _this2.onChange(e, "enter");
 				},
-				children: Icon.render(data.icon, {
-					className: CSS.element(baseClass, "icon"),
-				}),
+				children: iconVDOM,
 			});
 		var insideButton;
 		if (
@@ -7604,6 +7665,7 @@ var Select = /*#__PURE__*/ (function (_Field) {
 				},
 				label: this.labelPlacement && getContent(this.renderLabel(context, instance, "label")),
 				help: this.helpPlacement && getContent(this.renderHelp(context, instance, "help")),
+				icon: this.renderIcon(context, instance, "icon"),
 				children: this.renderChildren(context, instance),
 			},
 			key,
@@ -7655,19 +7717,18 @@ var SelectComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 			select = _this$props.select,
 			instance = _this$props.instance,
 			label = _this$props.label,
-			help = _this$props.help;
+			help = _this$props.help,
+			iconVDOM = _this$props.icon;
 		var data = instance.data,
 			widget = instance.widget,
 			state = instance.state;
 		var CSS = widget.CSS,
 			baseClass = widget.baseClass;
 		var icon =
-			data.icon &&
+			iconVDOM &&
 			/*#__PURE__*/ jsx("div", {
 				className: CSS.element(baseClass, "left-icon"),
-				children: Icon.render(data.icon, {
-					className: CSS.element(baseClass, "icon"),
-				}),
+				children: iconVDOM,
 			});
 		var insideButton,
 			readOnly = data.disabled || data.readOnly;
@@ -7712,7 +7773,7 @@ var SelectComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 				data.classNames,
 				CSS.state({
 					visited: state.visited,
-					icon: data.icon,
+					icon: !!iconVDOM,
 					focus: this.state.focus,
 					error: state.visited && data.error,
 					empty: data.empty && !data.placeholder,
@@ -8597,6 +8658,7 @@ var LookupField = /*#__PURE__*/ (function (_Field) {
 				label: this.labelPlacement && getContent(this.renderLabel(context, instance, "label")),
 				help: this.helpPlacement && getContent(this.renderHelp(context, instance, "help")),
 				forceUpdate: context.forceUpdate,
+				icon: this.renderIcon(context, instance, "icon"),
 			},
 			key,
 		);
@@ -9025,7 +9087,8 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		var _this$props = this.props,
 			instance = _this$props.instance,
 			label = _this$props.label,
-			help = _this$props.help;
+			help = _this$props.help,
+			iconVDOM = _this$props.icon;
 		var data = instance.data,
 			widget = instance.widget,
 			state = instance.state;
@@ -9033,7 +9096,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 			baseClass = widget.baseClass,
 			suppressErrorsUntilVisited = widget.suppressErrorsUntilVisited;
 		var icon =
-			data.icon &&
+			iconVDOM &&
 			/*#__PURE__*/ jsx(
 				"div",
 				{
@@ -9044,9 +9107,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 						e.stopPropagation();
 						e.preventDefault();
 					},
-					children: Icon.render(data.icon, {
-						className: CSS.element(baseClass, "icon"),
-					}),
+					children: iconVDOM,
 				},
 				"icon",
 			);
@@ -9157,7 +9218,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		var states = {
 			visited: state.visited,
 			focus: this.state.focus || this.state.dropdownOpen,
-			icon: !!data.icon,
+			icon: !!iconVDOM,
 			empty: !data.placeholder && data.empty,
 			error: data.error && (state.visited || !suppressErrorsUntilVisited || !data.empty),
 		};
@@ -9776,6 +9837,7 @@ var NumberField = /*#__PURE__*/ (function (_Field) {
 				instance: instance,
 				label: this.labelPlacement && getContent(this.renderLabel(context, instance, "label")),
 				help: this.helpPlacement && getContent(this.renderHelp(context, instance, "help")),
+				icon: this.renderIcon(context, instance, "icon"),
 			},
 			key,
 		);
@@ -9821,19 +9883,18 @@ var Input$1 = /*#__PURE__*/ (function (_VDOM$Component) {
 			data = _this$props.data,
 			instance = _this$props.instance,
 			label = _this$props.label,
-			help = _this$props.help;
+			help = _this$props.help,
+			iconVDOM = _this$props.icon;
 		var widget = instance.widget,
 			state = instance.state;
 		var CSS = widget.CSS,
 			baseClass = widget.baseClass,
 			suppressErrorsUntilVisited = widget.suppressErrorsUntilVisited;
 		var icon =
-			data.icon &&
+			iconVDOM &&
 			/*#__PURE__*/ jsx("div", {
 				className: CSS.element(baseClass, "left-icon"),
-				children: Icon.render(data.icon, {
-					className: CSS.element(baseClass, "icon"),
-				}),
+				children: iconVDOM,
 			});
 		var insideButton;
 		if (!data.readOnly && !data.disabled) {
@@ -11855,6 +11916,7 @@ var MonthField = /*#__PURE__*/ (function (_Field) {
 				},
 				label: this.labelPlacement && getContent(this.renderLabel(context, instance, "label")),
 				help: this.helpPlacement && getContent(this.renderHelp(context, instance, "help")),
+				icon: this.renderIcon(context, instance, "icon"),
 			},
 			key,
 		);
@@ -11968,7 +12030,8 @@ var MonthInput = /*#__PURE__*/ (function (_VDOM$Component) {
 			instance = _this$props.instance,
 			label = _this$props.label,
 			help = _this$props.help,
-			data = _this$props.data;
+			data = _this$props.data,
+			iconVDOM = _this$props.icon;
 		var widget = instance.widget,
 			state = instance.state;
 		var CSS = widget.CSS,
@@ -12001,12 +12064,10 @@ var MonthInput = /*#__PURE__*/ (function (_VDOM$Component) {
 					}),
 				});
 		}
-		if (data.icon) {
+		if (iconVDOM) {
 			icon = /*#__PURE__*/ jsx("div", {
 				className: CSS.element(baseClass, "left-icon"),
-				children: Icon.render(data.icon, {
-					className: CSS.element(baseClass, "icon"),
-				}),
+				children: iconVDOM,
 			});
 		}
 		var dropdown = false;
@@ -14343,6 +14404,7 @@ var DateTimeField = /*#__PURE__*/ (function (_Field) {
 				},
 				label: this.labelPlacement && getContent(this.renderLabel(context, instance, "label")),
 				help: this.helpPlacement && getContent(this.renderHelp(context, instance, "help")),
+				icon: getContent(this.renderIcon(context, instance, "icon")),
 			},
 			key,
 		);
@@ -14482,7 +14544,8 @@ var DateTimeInput = /*#__PURE__*/ (function (_VDOM$Component) {
 		var _this$props = this.props,
 			instance = _this$props.instance,
 			label = _this$props.label,
-			help = _this$props.help;
+			help = _this$props.help,
+			iconVDOM = _this$props.icon;
 		var data = instance.data,
 			widget = instance.widget,
 			state = instance.state;
@@ -14516,12 +14579,10 @@ var DateTimeInput = /*#__PURE__*/ (function (_VDOM$Component) {
 					}),
 				});
 		}
-		if (data.icon) {
+		if (iconVDOM) {
 			icon = /*#__PURE__*/ jsx("div", {
 				className: CSS.element(baseClass, "left-icon"),
-				children: Icon.render(data.icon, {
-					className: CSS.element(baseClass, "icon"),
-				}),
+				children: iconVDOM,
 			});
 		}
 		var dropdown = false;

package/locale/de-de.js

@@ -24,11 +24,14 @@ const calendarErrorMessages = {
    minValueErrorText: 'Wählen Sie {0:d} oder später.',
    minExclusiveErrorText: 'Wählen Sie ein Datum nach dem {0:d}.',
 };
+
 // Calendar
 Localization.localize(c, 'cx/widgets/Calendar', {
    ...calendarErrorMessages,
-   todayButtonText: 'Heute'
+   todayButtonText: 'Heute',
+   startWithMonday: true
 });
+
 // MonthPicker
 Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
 
@@ -37,8 +40,10 @@ const dateFieldErrorMessages = {
    ...calendarErrorMessages,
    inputErrorText: 'Ungültiges Datum eingegeben.'
 };
+
 // MonthField
 Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
 // DateField
 Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
 

package/locale/en-us.js

@@ -24,12 +24,14 @@ const calendarErrorMessages = {
    minValueErrorText: 'Select {0:d} or later.',
    minExclusiveErrorText: 'Select a date after {0:d}.',
 };
+
 // Calendar
 Localization.localize(c, 'cx/widgets/Calendar', {
    ...calendarErrorMessages,
    todayButtonText: 'Today',
    startWithMonday: false
 });
+
 // MonthPicker
 Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
 
@@ -38,8 +40,10 @@ const dateFieldErrorMessages = {
    ...calendarErrorMessages,
    inputErrorText: 'Invalid date entered.'
 };
+
 // MonthField
 Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
 // DateField
 Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
 
@@ -68,4 +72,4 @@ Localization.localize(c, 'cx/widgets/UploadButton', {
 Localization.localize(c, 'cx/widgets/MsgBox', {
    yesText: "Yes",
    noText: "No"
-});
+});

package/locale/es-es.js

@@ -24,11 +24,14 @@ const calendarErrorMessages = {
    minValueErrorText: 'Seleccione {0: d} o posterior',
    minExclusiveErrorText: 'Seleccione una fecha después de {0: d}.',
 };
+
 // Calendar
 Localization.localize(c, 'cx/widgets/Calendar', {
    ...calendarErrorMessages,
-   todayButtonText: 'Hoy'
+   todayButtonText: 'Hoy',
+   startWithMonday: true
 });
+
 // MonthPicker
 Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
 
@@ -37,8 +40,10 @@ const dateFieldErrorMessages = {
    ...calendarErrorMessages,
    inputErrorText: 'Fecha introducida no es válida.'
 };
+
 // MonthField
 Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
 // DateField
 Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
 

package/locale/fr-fr.js

@@ -24,11 +24,14 @@ const calendarErrorMessages = {
    minValueErrorText: 'Sélectionnez {0:d} ou plus tard.',
    minExclusiveErrorText: 'Sélectionnez une date après {0:d}.',
 };
+
 // Calendar
 Localization.localize(c, 'cx/widgets/Calendar', {
    ...calendarErrorMessages,
-   todayButtonText: 'Aujourd\'hui'
+   todayButtonText: 'Aujourd\'hui',
+   startWithMonday: true
 });
+
 // MonthPicker
 Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
 
@@ -37,8 +40,10 @@ const dateFieldErrorMessages = {
    ...calendarErrorMessages,
    inputErrorText: 'Date invalide entrée.'
 };
+
 // MonthField
 Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
 // DateField
 Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
 
@@ -67,4 +72,4 @@ Localization.localize(c, 'cx/widgets/UploadButton', {
 Localization.localize(c, 'cx/widgets/MsgBox', {
    yesText: "Oui",
    noText: "Non"
-});
+});

package/locale/nl-nl.js

@@ -12,7 +12,6 @@ Localization.localize(c, 'cx/widgets/Field', {
 // LookupField
 Localization.localize(c, 'cx/widgets/LookupField', {
    loadingText: 'Bezig met laden ...',
-   requiredText: 'Dit veld is verplicht.',
    queryErrorText: 'Er is een fout opgetreden bij het weergeven van gegevens.',
    noResultsText: 'Geen resultaten gevonden',
    minQueryLengthMessageText: 'Voer minimaal {0} tekens in.'
@@ -20,7 +19,6 @@ Localization.localize(c, 'cx/widgets/LookupField', {
 
 // In common for Calendar and MonthPicker
 const calendarErrorMessages = {
-   requiredText: 'Dit veld is verplicht.',
    maxValueErrorText: 'De geselecteerde datum is later dan de laatst toegestane datum {0: d}',
    maxExclusiveErrorText: 'De geselecteerde datum moet vóór {0: d}',
    minValueErrorText: 'De geselecteerde datum is eerder dan {0: d}',
@@ -30,8 +28,10 @@ const calendarErrorMessages = {
 // Calendar
 Localization.localize(c, 'cx/widgets/Calendar', {
    ...calendarErrorMessages,
-   todayButtonText: 'Vandaag'
+   todayButtonText: 'Vandaag',
+   startWithMonday: true
 });
+
 // MonthPicker
 Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
 
@@ -43,12 +43,12 @@ const dateFieldErrorMessages = {
 
 // MonthField
 Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
 // DateField
 Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
 
 // NumberField
 Localization.localize(c, 'cx/widgets/NumberField', {
-   requiredText: 'Dit veld is verplicht.',
    maxValueErrorText: 'Voer {0} of minder in.',
    maxExclusiveErrorText: 'Voer een nummer in dat kleiner is dan {0}.',
    minValueErrorText: 'Voer {0} of meer in.',
@@ -58,7 +58,6 @@ Localization.localize(c, 'cx/widgets/NumberField', {
 
 // TextField
 Localization.localize(c, 'cx/widgets/TextField', {
-   requiredText: 'Dit veld is verplicht.',
    validationErrorText: 'De ingevoerde waarde is ongeldig.',
    minLengthValidationErrorText: 'Vul {[{0} - {1}]} extra karakters in.',
    maxLengthValidationErrorText: 'Gebruik {0} tekens of minder.'

package/locale/pt-pt.js

@@ -24,11 +24,14 @@ const calendarErrorMessages = {
    minValueErrorText: 'Selecione {0:d} ou posterior.',
    minExclusiveErrorText: 'Selecione uma data após {0:d}.',
 };
+
 // Calendar
 Localization.localize(c, 'cx/widgets/Calendar', {
    ...calendarErrorMessages,
-   todayButtonText: 'Hoje'
+   todayButtonText: 'Hoje',
+   startWithMonday: false
 });
+
 // MonthPicker
 Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
 
@@ -37,8 +40,10 @@ const dateFieldErrorMessages = {
    ...calendarErrorMessages,
    inputErrorText: 'Data inválida inserida.'
 };
+
 // MonthField
 Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
 // DateField
 Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
 
@@ -61,4 +66,10 @@ Localization.localize(c, 'cx/widgets/TextField', {
 // UploadButton
 Localization.localize(c, 'cx/widgets/UploadButton', {
    validationErrorText: 'O upload está em andamento.'
+});
+
+// MsgBox
+Localization.localize(c, 'cx/widgets/MsgBox', {
+   yesText: "Sim",
+   noText: "Não"
 });

package/locale/sr-latn-ba.js

@@ -6,14 +6,14 @@ var c = 'sr-latn-ba';
 Localization.localize(c, 'cx/widgets/Field', {
    requiredText: 'Ovo polje je obavezno.',
    validatingText: 'Validacija je u toku...',
-   validationExceptionText: 'Došlo je do problema prilikom validacije podataka. Provjerite log za više detalja'
+   validationExceptionText: 'Došlo je do problema prilikom validacije podataka. Provjerite log za više detalja.'
 });
 
 // LookupField
 Localization.localize(c, 'cx/widgets/LookupField', {
    loadingText: 'Učitavanje...',
    queryErrorText: 'Došlo je do greške kod pribavljanja podataka za prikaz.',
-   noResultsText: 'Rezultati nisu pronađeni',
+   noResultsText: 'Rezultati nisu pronađeni.',
    minQueryLengthMessageText: 'Unesite najmanje {0} karakter(a).'
 });
 
@@ -24,12 +24,14 @@ const calendarErrorMessages = {
    minValueErrorText: 'Izabrani datum je raniji od {0:d}',
    minExclusiveErrorText: 'Izabrani datum bi trebao biti kasniji od {0:d}',
 };
+
 // Calendar
 Localization.localize(c, 'cx/widgets/Calendar', {
    ...calendarErrorMessages,
    todayButtonText: 'Danas',
    startWithMonday: true
 });
+
 // MonthPicker
 Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
 
@@ -38,8 +40,10 @@ const dateFieldErrorMessages = {
    ...calendarErrorMessages,
    inputErrorText: 'Neispravan datum.'
 };
+
 // MonthField
 Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
 // DateField
 Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
 

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "24.0.2",
+   "version": "24.0.3",
    "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/data/StructuredSelector.d.ts

@@ -11,7 +11,7 @@ export class StructuredSelector {
 
    init(store: View);
 
-   create(memoize?: bool = true): Selector<Record>;
+   create(memoize: boolean = true): Selector<Record>;
 
    createStoreSelector(): (store: View) => Record;
 }

package/src/data/ops/updateTree.js

@@ -1,4 +1,4 @@
-import {updateArray} from './updateArray';
+import { updateArray } from './updateArray';
 
 export function updateTree(array, updateCallback, itemFilter, childrenField, removeFilter) {
    return updateArray(array, item => {

package/src/data/ops/updateTree.spec.js

@@ -1,24 +1,26 @@
-import {Store} from '../Store';
-import {updateTree} from './updateTree';
+import { Store } from '../Store';
+import { updateTree } from './updateTree';
 import assert from 'assert';
 
-describe('updateTree', function() {
+describe('updateTree', function () {
    it('updates all nodes that satisfy criteria', function () {
       let store = new Store({
-         data: {array: [{
-            id: 'n1',
-            value: 1,
-            children: [{
-               id: 'n11',
-               value: 2
-            }, {
-               id: 'n12',
-               value: 3
+         data: {
+            array: [{
+               id: 'n1',
+               value: 1,
+               children: [{
+                  id: 'n11',
+                  value: 2
+               }, {
+                  id: 'n12',
+                  value: 3
+               }]
             }]
-         }]}
+         }
       });
 
-      assert(store.update('array', updateTree, x => ({ ...x, value: x.value + 1}), x => x.value > 1, 'children'));
+      assert(store.update('array', updateTree, x => ({ ...x, value: x.value + 1 }), x => x.value > 1, 'children'));
       assert.deepEqual(store.get('array'), [{
          id: 'n1',
          value: 1,

package/src/ui/Culture.d.ts

@@ -1,6 +1,3 @@
-import * as Cx from "../core";
-//import {NumberCulture, DateTimeCulture} from 'intl-io';
-
 declare type DateEncoding = (date: Date) => any;
 
 export class Culture {

package/src/ui/DataProxy.d.ts

@@ -6,6 +6,7 @@ interface DataProxyProps extends Cx.PureContainerProps {
    alias?: string;
    cached?: boolean;
    immutable?: boolean;
+   sealed?: boolean;
 }
 
 export class DataProxy extends Cx.Widget<DataProxyProps> {}

package/src/ui/DataProxy.js

@@ -40,5 +40,5 @@ export class DataProxy extends PureContainer {
    }
 }
 
-   DataProxy.prototype.immutable = false;
-   DataProxy.prototype.sealed = false;
+DataProxy.prototype.immutable = false;
+DataProxy.prototype.sealed = false;

package/src/ui/Localization.js

@@ -68,5 +68,3 @@ export class Localization {
       }
    }
 }
-
-