cx 25.6.2 → 25.7.0

package/dist/widgets.js

@@ -32,8 +32,8 @@ import {
 	enableCultureSensitiveFormatting,
 	Format,
 	ContentResolver,
-	DataProxy,
 	KeySelection,
+	DataProxy,
 	InstanceCache,
 	StaticText,
 	DataAdapter,
@@ -152,7 +152,7 @@ function _extends() {
 						for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
 					}
 					return n;
-				}),
+			  }),
 		_extends.apply(null, arguments)
 	);
 }
@@ -164,7 +164,7 @@ function _objectWithoutPropertiesLoose(r, e) {
 	var t = {};
 	for (var n in r)
 		if ({}.hasOwnProperty.call(r, n)) {
-			if (e.includes(n)) continue;
+			if (-1 !== e.indexOf(n)) continue;
 			t[n] = r[n];
 		}
 	return t;
@@ -175,7 +175,7 @@ function _setPrototypeOf(t, e) {
 			? Object.setPrototypeOf.bind()
 			: function (t, e) {
 					return (t.__proto__ = e), t;
-				}),
+			  }),
 		_setPrototypeOf(t, e)
 	);
 }
@@ -269,7 +269,7 @@ var HtmlElement = /*#__PURE__*/ (function (_Container) {
 		if (this.urlAttributes.length == 0) delete this.urlAttributes;
 		(_Container$prototype$ = _Container.prototype.declareData).call.apply(
 			_Container$prototype$,
-			[this].concat(Array.prototype.slice.call(arguments), [data]),
+			[this].concat(Array.prototype.slice.call(arguments), [data])
 		);
 	};
 	_proto.isValidHtmlAttribute = function isValidHtmlAttribute(attrName) {
@@ -360,7 +360,7 @@ var HtmlElement = /*#__PURE__*/ (function (_Container) {
 				key: key,
 			},
 			data.attrs,
-			events,
+			events
 		);
 		if (data.classNames) props.className = data.classNames;
 		if (data.style) props.style = data.style;
@@ -386,7 +386,7 @@ var HtmlElement = /*#__PURE__*/ (function (_Container) {
 					data: data,
 					children: props.children,
 				},
-				key,
+				key
 			);
 		return VDOM.createElement(this.tag, props, props.children);
 	};
@@ -462,7 +462,7 @@ Widget.factory = function (type, config, more) {
 			{
 				tag: type,
 			},
-			config,
+			config
 		);
 	return originalWidgetFactory.call(Widget, type, config, more);
 };
@@ -480,12 +480,12 @@ function getHtmlElementFactory(tagName) {
 				{
 					tag: tagName,
 				},
-				flattenProps(config),
+				flattenProps(config)
 			);
 		},
 		{
 			tag: tagName,
-		},
+		}
 	));
 }
 function cx(typeName, props) {
@@ -523,7 +523,7 @@ function react(config) {
 function getMessage(options) {
 	debug(
 		deprecatedFlag,
-		"Call enableMsgBoxes() on startup to use Cx based message boxes. Message boxes are not auto enabled anymore to reduce the bundle size for apps that do not use them. ",
+		"Call enableMsgBoxes() on startup to use Cx based message boxes. Message boxes are not auto enabled anymore to reduce the bundle size for apps that do not use them. "
 	);
 	if (!options) return null;
 	if (isString(options)) return options;
@@ -621,10 +621,10 @@ registerIcon(
 						d: "M3 5h24v24H3z",
 					}),
 				],
-			}),
+			})
 		);
 	},
-	true,
+	true
 );
 
 var CheckIcon = registerIcon(
@@ -638,10 +638,10 @@ var CheckIcon = registerIcon(
 					d: "M7.136 42.94l20.16 14.784 29.568-40.32-9.72-7.128-22.598 30.816-10.44-7.656z",
 					fill: "currentColor",
 				}),
-			}),
+			})
 		);
 	},
-	true,
+	true
 );
 
 var ClearIcon = registerIcon(
@@ -657,10 +657,10 @@ var ClearIcon = registerIcon(
 					stroke: "currentColor",
 					d: "M16.9 16l4.92-4.92c.24-.24.24-.6 0-.84s-.6-.24-.84 0l-4.92 4.92-5.04-4.98c-.24-.24-.6-.24-.84 0s-.24.6 0 .84L15.16 16l-4.98 4.98c-.24.24-.24.6 0 .84s.6.24.84 0L16 16.84l4.98 4.98c.24.24.6.24.84 0s.24-.6 0-.84L16.9 16z",
 				}),
-			}),
+			})
 		);
 	},
-	true,
+	true
 );
 
 registerIcon(
@@ -676,10 +676,10 @@ registerIcon(
 					stroke: "currentColor",
 					d: "M17.8 16l9.84-9.84c.48-.48.48-1.2 0-1.68s-1.2-.48-1.68 0l-9.84 9.84L6.04 4.36c-.48-.48-1.2-.48-1.68 0s-.48 1.2 0 1.68L14.32 16l-9.96 9.96c-.48.48-.48 1.2 0 1.68s1.2.48 1.68 0L16 17.68l9.96 9.96c.48.48 1.2.48 1.68 0s.48-1.2 0-1.68L17.8 16z",
 				}),
-			}),
+			})
 		);
 	},
-	true,
+	true
 );
 
 var DropdownIcon = registerIcon(
@@ -695,10 +695,10 @@ var DropdownIcon = registerIcon(
 					stroke: "currentColor",
 					d: "M4.516 8.147L10.01 12.5l5.474-4.33-.473-.65-5 3.98-5-4z",
 				}),
-			}),
+			})
 		);
 	},
-	true,
+	true
 );
 
 registerIcon(
@@ -713,10 +713,10 @@ registerIcon(
 					fill: "currentColor",
 					stroke: "none",
 				}),
-			}),
+			})
 		);
 	},
-	true,
+	true
 );
 
 registerIcon(
@@ -738,10 +738,10 @@ registerIcon(
 						stroke: "none",
 					}),
 				],
-			}),
+			})
 		);
 	},
-	true,
+	true
 );
 
 registerIcon(
@@ -761,10 +761,10 @@ registerIcon(
 						fill: "currentColor",
 					}),
 				],
-			}),
+			})
 		);
 	},
-	true,
+	true
 );
 
 registerIcon(
@@ -785,10 +785,10 @@ registerIcon(
 					fill: "currentColor",
 					d: "M43.94 25.14c0-10.3-8.37-18.68-18.7-18.68-10.3 0-18.67 8.37-18.67 18.68h4.07c0-8.07 6.54-14.6 14.6-14.6 8.08 0 14.63 6.53 14.63 14.6h4.07z",
 				}),
-			}),
+			})
 		);
 	},
-	true,
+	true
 );
 
 registerIcon(
@@ -802,10 +802,10 @@ registerIcon(
 					fill: "currentColor",
 					d: "M25.595 22.036l-5.26-5.075c.75-1.18 1.206-2.56 1.206-4.05 0-4.32-3.63-7.82-8.103-7.82-4.477 0-8.107 3.503-8.107 7.82 0 4.32 3.63 7.825 8.106 7.825 1.544 0 2.972-.44 4.198-1.162l5.26 5.074c.37.356.98.354 1.35 0l1.352-1.304c.37-.357.37-.947 0-1.304zm-12.16-3.91c-2.985 0-5.405-2.336-5.405-5.216 0-2.88 2.42-5.214 5.405-5.214 2.984 0 5.404 2.335 5.404 5.214 0 2.88-2.42 5.215-5.407 5.215z",
 				}),
-			}),
+			})
 		);
 	},
-	true,
+	true
 );
 
 registerIcon(
@@ -925,10 +925,10 @@ registerIcon(
 						}),
 					],
 				}),
-			}),
+			})
 		);
 	},
-	true,
+	true
 );
 
 registerIcon(
@@ -950,10 +950,10 @@ registerIcon(
 						stroke: "none",
 					}),
 				],
-			}),
+			})
 		);
 	},
-	true,
+	true
 );
 
 var Icon = /*#__PURE__*/ (function (_Widget) {
@@ -970,7 +970,7 @@ var Icon = /*#__PURE__*/ (function (_Widget) {
 				{
 					name: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.render = function render(context, instance, key) {
@@ -1028,7 +1028,7 @@ var Button = /*#__PURE__*/ (function (_HtmlElement) {
 					disabled: undefined,
 					enabled: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.prepareData = function prepareData(context, instance) {
@@ -1092,7 +1092,7 @@ var Button = /*#__PURE__*/ (function (_HtmlElement) {
 			props.className = this.CSS.expand(
 				props.className,
 				this.CSS.state("icon"),
-				children.length == 0 && this.CSS.state("empty"),
+				children.length == 0 && this.CSS.state("empty")
 			);
 			if (children.length == 0) {
 				props.children.push(
@@ -1102,8 +1102,8 @@ var Button = /*#__PURE__*/ (function (_HtmlElement) {
 							className: this.CSS.element(this.baseClass, "baseline"),
 							children: "\xA0",
 						},
-						"baseline",
-					),
+						"baseline"
+					)
 				);
 			}
 		}
@@ -1139,7 +1139,7 @@ var DocumentTitle = /*#__PURE__*/ (function (_Widget) {
 					action: undefined,
 					separator: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.explore = function explore(context, instance) {
@@ -1207,8 +1207,8 @@ var List = /*#__PURE__*/ (function (_Widget) {
 					style: this.itemStyle,
 					disabled: this.itemDisabled,
 				},
-				this.item,
-			),
+				this.item
+			)
 		);
 		delete this.children;
 		this.selection = Selection.create(this.selection, {
@@ -1244,7 +1244,7 @@ var List = /*#__PURE__*/ (function (_Widget) {
 					emptyText: undefined,
 					tabIndex: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.prepareData = function prepareData(context, instance) {
@@ -1322,7 +1322,7 @@ var List = /*#__PURE__*/ (function (_Widget) {
 				items: items,
 				selectable: !this.selection.isDummy || this.onItemClick,
 			},
-			key,
+			key
 		);
 	};
 	_proto.groupBy = function groupBy(grouping) {
@@ -1403,7 +1403,7 @@ var ListComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 				},
 				{
 					passive: true,
-				},
+				}
 			);
 		}
 		this.componentDidUpdate();
@@ -1499,7 +1499,7 @@ var ListComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							onDoubleClick: onDblClick,
 							children: x.content,
 						},
-						x.key,
+						x.key
 					);
 				} else {
 					return /*#__PURE__*/ jsx(
@@ -1508,7 +1508,7 @@ var ListComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							className: CSS.element(baseClass, x.type),
 							children: x.content,
 						},
-						x.key,
+						x.key
 					);
 				}
 			});
@@ -1526,7 +1526,7 @@ var ListComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 				data.classNames,
 				CSS.state({
 					focused: this.state.focused,
-				}),
+				})
 			),
 			style: data.style,
 			tabIndex: widget.focusable && selectable && items.length > 0 ? data.tabIndex || 0 : null,
@@ -1748,7 +1748,7 @@ var ListItem = /*#__PURE__*/ (function (_Container) {
 				{
 					disabled: undefined,
 				},
-			]),
+			])
 		);
 	};
 	return ListItem;
@@ -1798,7 +1798,7 @@ var Sandbox = /*#__PURE__*/ (function (_PureContainer) {
 					storage: undefined,
 					key: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.prepareData = function prepareData(context, instance) {
@@ -1813,6 +1813,7 @@ var Sandbox = /*#__PURE__*/ (function (_PureContainer) {
 				key: data.key,
 				recordName: this.recordName,
 				immutable: this.immutable,
+				sealed: this.sealed,
 			});
 			instance.clearChildrenCache();
 		}
@@ -1822,6 +1823,7 @@ var Sandbox = /*#__PURE__*/ (function (_PureContainer) {
 })(PureContainer);
 Sandbox.prototype.recordName = "$page";
 Sandbox.prototype.immutable = false;
+Sandbox.prototype.sealed = false;
 Widget.alias("sandbox", Sandbox);
 
 var CxCredit = /*#__PURE__*/ (function (_HtmlElement) {
@@ -1882,7 +1884,7 @@ var Heading = /*#__PURE__*/ (function (_HtmlElement) {
 		data.stateMods = _extends(
 			{},
 			data.stateMods,
-			((_extends2 = {}), (_extends2["level-" + this.level] = true), _extends2),
+			((_extends2 = {}), (_extends2["level-" + this.level] = true), _extends2)
 		);
 		_HtmlElement.prototype.prepareData.call(this, context, instance);
 	};
@@ -2015,9 +2017,9 @@ var Section = /*#__PURE__*/ (function (_Container) {
 						}),
 						footer,
 					],
-				},
+				}
 			),
-			key,
+			key
 		);
 	};
 	return Section;
@@ -2061,7 +2063,7 @@ var FlexBox = /*#__PURE__*/ (function (_Container) {
 			(_extends2[this.hpad + "-hpad"] = this.hpad),
 			(_extends2[this.vpad + "-vpad"] = this.vpad),
 			(_extends2.nested = this.nested),
-			_extends2),
+			_extends2)
 		);
 		_Container.prototype.prepareCSS.call(this, context, instance);
 	};
@@ -2094,9 +2096,9 @@ var FlexBox = /*#__PURE__*/ (function (_Container) {
 						className: CSS.element(baseClass, "flexbox", flexboxMods),
 						children: this.renderChildren(context, instance),
 					}),
-				},
+				}
 			),
-			key,
+			key
 		);
 	};
 	return FlexBox;
@@ -2148,7 +2150,7 @@ var ProgressBar = /*#__PURE__*/ (function (_Widget) {
 					text: undefined,
 					value: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.render = function render(context, instance, key) {
@@ -2167,7 +2169,7 @@ var ProgressBar = /*#__PURE__*/ (function (_Widget) {
 					data.classNames,
 					CSS.state({
 						disabled: disabled,
-					}),
+					})
 				),
 				style: data.style,
 				children: [
@@ -2183,7 +2185,7 @@ var ProgressBar = /*#__PURE__*/ (function (_Widget) {
 					}),
 				],
 			},
-			key,
+			key
 		);
 	};
 	return ProgressBar;
@@ -2340,7 +2342,7 @@ var Resizer = /*#__PURE__*/ (function (_Widget) {
 					minSize: undefined,
 					maxSize: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.render = function render(context, instance, key) {
@@ -2351,7 +2353,7 @@ var Resizer = /*#__PURE__*/ (function (_Widget) {
 				instance: instance,
 				data: data,
 			},
-			key,
+			key
 		);
 	};
 	return Resizer;
@@ -2395,7 +2397,7 @@ var ResizerCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 				CSS.state({
 					vertical: !widget.horizontal,
 					horizontal: widget.horizontal,
-				}),
+				})
 			),
 			style: data.style,
 			onDoubleClick: function onDoubleClick(e) {
@@ -2436,7 +2438,7 @@ var ResizerCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 				this.onHandleMove.bind(this),
 				this.onDragComplete.bind(this),
 				this.state.initialPosition,
-				widget.horizontal ? "row-resize" : "col-resize",
+				widget.horizontal ? "row-resize" : "col-resize"
 			);
 		}
 	};
@@ -2508,7 +2510,7 @@ var HighlightedSearchText = /*#__PURE__*/ (function (_Widget) {
 					chunks: undefined,
 					query: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.render = function render(context, instance, key) {
@@ -2534,7 +2536,7 @@ var HighlightedSearchText = /*#__PURE__*/ (function (_Widget) {
 					style: style,
 					children: text,
 				},
-				key + "-" + i,
+				key + "-" + i
 			);
 		});
 	};
@@ -2730,7 +2732,7 @@ function notifyDragMove(e, captureData) {
 						var current = vscrollParent.scrollTop;
 						var next = Math.min(
 							vscrollParent.scrollHeight,
-							Math.max(0, current + (scrollY * 5 * Math.min(200, Math.max(50, event.source.height))) / 60),
+							Math.max(0, current + (scrollY * 5 * Math.min(200, Math.max(50, event.source.height))) / 60)
 						); //60 FPS
 						vscrollParent.scrollTop = next;
 					}
@@ -2738,7 +2740,7 @@ function notifyDragMove(e, captureData) {
 						var _current = hscrollParent.scrollLeft;
 						var _next = Math.min(
 							hscrollParent.scrollWidth,
-							Math.max(0, _current + (scrollX * 5 * Math.min(200, Math.max(50, event.source.width))) / 60),
+							Math.max(0, _current + (scrollX * 5 * Math.min(200, Math.max(50, event.source.width))) / 60)
 						); //60 FPS
 						hscrollParent.scrollLeft = _next;
 					}
@@ -2815,11 +2817,11 @@ function isDragHandleEvent(e) {
 var DragDropContext = VDOM.createContext
 	? VDOM.createContext({
 			disabled: false,
-		})
+	  })
 	: function (_ref) {
 			var children = _ref.children;
 			return children;
-		};
+	  };
 var ContextWrap = /*#__PURE__*/ (function (_Container) {
 	function ContextWrap() {
 		return _Container.apply(this, arguments) || this;
@@ -2833,7 +2835,7 @@ var ContextWrap = /*#__PURE__*/ (function (_Container) {
 				value: this.value,
 				children: this.renderChildren(context, instance),
 			},
-			key,
+			key
 		);
 	};
 	return ContextWrap;
@@ -2862,7 +2864,7 @@ var Overlay = /*#__PURE__*/ (function (_Container) {
 					draggable: undefined,
 					zIndex: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.prepareData = function prepareData(context, instance) {
@@ -2896,7 +2898,7 @@ var Overlay = /*#__PURE__*/ (function (_Container) {
 				"parentOptions",
 				_extends({}, context.parentOptions, {
 					dismiss: instance.dismiss,
-				}),
+				})
 			);
 		}
 		if (instance.cache("dismiss", instance.dismiss)) instance.markShouldUpdate(context);
@@ -2916,7 +2918,7 @@ var Overlay = /*#__PURE__*/ (function (_Container) {
 				parentEl: context.options.parentEl,
 				children: this.renderContents(context, instance),
 			},
-			key,
+			key
 		);
 	};
 	_proto.renderContents = function renderContents(context, instance) {
@@ -2978,7 +2980,7 @@ var Overlay = /*#__PURE__*/ (function (_Container) {
 				subscribeToBeforeDismiss: function subscribeToBeforeDismiss(cb) {
 					beforeDismiss = cb;
 				},
-			},
+			}
 		);
 		options.name = options.name || "overlay";
 		stop = startAppLoop(el, storeOrInstance, this, options);
@@ -3151,12 +3153,12 @@ var OverlayComponent = /*#__PURE__*/ (function (_VDOM$Component2) {
 								className: CSS.element("overlay", "modal-backdrop"),
 								onClick: this.onBackdropClick.bind(this),
 							},
-							"backdrop",
+							"backdrop"
 						),
 						content,
 					],
 				},
-				"shadow",
+				"shadow"
 			);
 		}
 		return result;
@@ -3413,7 +3415,7 @@ var OverlayComponent = /*#__PURE__*/ (function (_VDOM$Component2) {
 				},
 				{
 					passive: false,
-				},
+				}
 			);
 	};
 	_proto3.componentWillUnmount = function componentWillUnmount() {
@@ -3483,8 +3485,8 @@ var OverlayComponent = /*#__PURE__*/ (function (_VDOM$Component2) {
 					animated: this.state.animated && !this.unmounting && !this.dismissed,
 					"animate-enter": this.state.animated && !this.dismissed,
 					"animate-leave": widget.animate && this.dismissed,
-				}),
-			),
+				})
+			)
 		);
 	};
 	_proto3.overlayDidUpdate = function overlayDidUpdate() {
@@ -3526,7 +3528,7 @@ var Dropdown = /*#__PURE__*/ (function (_Overlay) {
 				{
 					placement: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.initInstance = function initInstance(context, instance) {
@@ -3564,7 +3566,7 @@ var Dropdown = /*#__PURE__*/ (function (_Overlay) {
 			instance.invoke("pipeValidateDropdownPosition", component.updateDropdownPosition, instance);
 		if (instance.parentPositionChangeEvent)
 			component.offParentPositionChange = instance.parentPositionChangeEvent.subscribe(
-				component.updateDropdownPosition,
+				component.updateDropdownPosition
 			);
 	};
 	_proto.overlayDidUpdate = function overlayDidUpdate(instance, component) {
@@ -3655,7 +3657,7 @@ var Dropdown = /*#__PURE__*/ (function (_Overlay) {
 					initialScreenPosition: initialScreenPosition,
 				},
 				instance,
-				component,
+				component
 			);
 		instance.positionChangeSubscribers.notify();
 	};
@@ -3665,7 +3667,7 @@ var Dropdown = /*#__PURE__*/ (function (_Overlay) {
 		contentSize,
 		rel,
 		el,
-		noAuto,
+		noAuto
 	) {
 		var viewport = getViewportRect(this.screenPadding);
 		style.position = "fixed";
@@ -3763,7 +3765,7 @@ var Dropdown = /*#__PURE__*/ (function (_Overlay) {
 		contentSize,
 		rel,
 		el,
-		noAuto,
+		noAuto
 	) {
 		var viewport = getViewportRect(this.screenPadding);
 		style.position = "absolute";
@@ -3855,7 +3857,7 @@ var Dropdown = /*#__PURE__*/ (function (_Overlay) {
 		contentSize,
 		parentBounds,
 		el,
-		noAuto,
+		noAuto
 	) {
 		switch (this.positioning) {
 			case "absolute":
@@ -3982,15 +3984,15 @@ var Dropdown = /*#__PURE__*/ (function (_Overlay) {
 					{
 						className: CSS.element(baseClass, "arrow-border"),
 					},
-					"arrow-border",
+					"arrow-border"
 				),
 				/*#__PURE__*/ jsx(
 					"div",
 					{
 						className: CSS.element(baseClass, "arrow-fill"),
 					},
-					"arrow-back",
-				),
+					"arrow-back"
+				)
 			);
 		}
 		return result;
@@ -4021,7 +4023,7 @@ var Dropdown = /*#__PURE__*/ (function (_Overlay) {
 						});
 					},
 				},
-				key + "-beacon",
+				key + "-beacon"
 			);
 		}
 		return [beacon, instance.relatedElement && _Overlay.prototype.render.call(this, context, instance, key)];
@@ -4085,7 +4087,7 @@ var Tooltip = /*#__PURE__*/ (function (_Dropdown) {
 					title: undefined,
 					alwaysVisible: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.prepareData = function prepareData(context, instance) {
@@ -4107,7 +4109,7 @@ var Tooltip = /*#__PURE__*/ (function (_Dropdown) {
 						className: CSS.element(baseClass, "title"),
 						children: data.title,
 					},
-					"title",
+					"title"
 				),
 			data.text,
 		].concat(_Dropdown.prototype.renderContents.call(this, context, instance));
@@ -4243,7 +4245,7 @@ function getTooltipInstance(e, parentInstance, tooltip, options) {
 			{
 				relatedElement: target,
 			},
-			config,
+			config
 		);
 		var store = new ReadOnlyDataView({
 			store: parentInstance.store,
@@ -4399,7 +4401,7 @@ var Window = /*#__PURE__*/ (function (_Overlay) {
 						structured: true,
 					},
 				},
-			]),
+			])
 		);
 	};
 	_proto.initHelpers = function initHelpers() {
@@ -4413,14 +4415,14 @@ var Window = /*#__PURE__*/ (function (_Overlay) {
 							type: ContentPlaceholder,
 							name: "header",
 							scoped: true,
-						},
+						}
 					),
 					footer: Widget.create(
 						this.footer || {
 							type: ContentPlaceholder,
 							name: "footer",
 							scoped: true,
-						},
+						}
 					),
 					close:
 						this.closable &&
@@ -4433,7 +4435,7 @@ var Window = /*#__PURE__*/ (function (_Overlay) {
 							onMouseDown: stopPropagation,
 						}),
 				},
-			]),
+			])
 		);
 	};
 	_proto.exploreCleanup = function exploreCleanup(context, instance) {
@@ -4470,7 +4472,7 @@ var Window = /*#__PURE__*/ (function (_Overlay) {
 				subscribeToBeforeDismiss: context.options.subscribeToBeforeDismiss,
 				children: this.renderContents(context, instance),
 			},
-			key,
+			key
 		);
 	};
 	return Window;
@@ -4515,7 +4517,7 @@ var WindowComponent = /*#__PURE__*/ (function (_OverlayComponent) {
 					onTouchMove: this.onHeaderMouseMove.bind(this),
 					children: this.props.header,
 				},
-				"header",
+				"header"
 			);
 		}
 		if (this.props.footer) {
@@ -4529,7 +4531,7 @@ var WindowComponent = /*#__PURE__*/ (function (_OverlayComponent) {
 					style: data.footerStyle,
 					children: this.props.footer,
 				},
-				"footer",
+				"footer"
 			);
 		}
 		var body = /*#__PURE__*/ jsx(
@@ -4542,12 +4544,12 @@ var WindowComponent = /*#__PURE__*/ (function (_OverlayComponent) {
 					CSS.element(widget.baseClass, "body", {
 						pad: widget.pad,
 					}),
-					data.bodyClass,
+					data.bodyClass
 				),
 				style: data.bodyStyle,
 				children: this.props.children,
 			},
-			"body",
+			"body"
 		);
 		return [header, body, footer];
 	};
@@ -4767,7 +4769,7 @@ var Toast = /*#__PURE__*/ (function (_Overlay) {
 				{
 					timeout: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.prepareData = function prepareData(context, instance) {
@@ -4812,7 +4814,7 @@ var Toast = /*#__PURE__*/ (function (_Overlay) {
 		toaster.el.className = this.CSS.block(
 			"toaster",
 			null,
-			((_this$CSS$block = {}), (_this$CSS$block["placement-" + placement] = true), _this$CSS$block),
+			((_this$CSS$block = {}), (_this$CSS$block["placement-" + placement] = true), _this$CSS$block)
 		);
 		toaster.el.insertBefore(el, toaster.el.firstChild);
 		return el;
@@ -4936,8 +4938,8 @@ function createHotPromiseWindowFactoryWithProps(module, factory) {
 				(_options$parent = options == null ? void 0 : options.parent) != null
 					? _options$parent
 					: options == null
-						? void 0
-						: options.store) != null
+					? void 0
+					: options.store) != null
 				? _ref
 				: new Store();
 		var reloading = false;
@@ -4965,7 +4967,7 @@ function createHotPromiseWindowFactoryWithProps(module, factory) {
 								rerun();
 								reloading = false;
 							}, 10);
-						});
+					  });
 			rerun();
 		});
 	};
@@ -5008,7 +5010,7 @@ var Route = /*#__PURE__*/ (function (_PureContainer) {
 				{
 					url: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.checkVisible = function checkVisible(context, instance, data) {
@@ -5064,8 +5066,8 @@ var Route = /*#__PURE__*/ (function (_PureContainer) {
 						{
 							remainder: "",
 						},
-						data,
-					),
+						data
+					)
 				);
 			},
 		});
@@ -5099,7 +5101,7 @@ var RedirectRoute = /*#__PURE__*/ (function (_Route) {
 				{
 					redirect: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.prepareData = function prepareData(context, instance) {
@@ -5132,7 +5134,7 @@ var Tab = /*#__PURE__*/ (function (_HtmlElement) {
 					disabled: undefined,
 					text: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.prepareData = function prepareData(context, instance) {
@@ -5218,7 +5220,7 @@ var LinkButton = /*#__PURE__*/ (function (_Button) {
 					inactiveClass: undefined,
 					inactiveStyle: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.prepareData = function prepareData(context, instance) {
@@ -5327,7 +5329,7 @@ var MenuItem = /*#__PURE__*/ (function (_HtmlElement) {
 					arrow: undefined,
 					confirm: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.explore = function explore(context, instance) {
@@ -5356,10 +5358,10 @@ var MenuItem = /*#__PURE__*/ (function (_HtmlElement) {
 				children: instance.data.text
 					? /*#__PURE__*/ jsx("span", {
 							children: instance.data.text,
-						})
+					  })
 					: this.renderChildren(context, instance),
 			},
-			key,
+			key
 		);
 	};
 	_proto.add = function add(element) {
@@ -5443,8 +5445,8 @@ var MenuItemComponent$1 = /*#__PURE__*/ (function (_VDOM$Component) {
 							_this2.closeDropdown();
 							return false;
 						},
-					},
-				),
+					}
+				)
 			);
 		}
 		return this.dropdown;
@@ -5509,8 +5511,8 @@ var MenuItemComponent$1 = /*#__PURE__*/ (function (_VDOM$Component) {
 				(_CSS$state.icon = !!icon || instance.icons),
 				(_CSS$state.disabled = data.disabled),
 				(_CSS$state.empty = empty),
-				_CSS$state),
-			),
+				_CSS$state)
+			)
 		);
 		if (empty)
 			children = /*#__PURE__*/ jsx("span", {
@@ -5658,7 +5660,7 @@ var MenuItemComponent$1 = /*#__PURE__*/ (function (_VDOM$Component) {
 					{
 						dropdownOpen: true,
 					},
-					callback,
+					callback
 				);
 
 				//hide tooltip if dropdown is open
@@ -5767,7 +5769,7 @@ var Menu = /*#__PURE__*/ (function (_HtmlElement) {
 							showOnlyOverflowItems: true,
 						},
 					],
-				}),
+				})
 			);
 		}
 	};
@@ -5783,7 +5785,7 @@ var Menu = /*#__PURE__*/ (function (_HtmlElement) {
 				overflow: this.overflow,
 			}),
 			(_extends2[this.itemPadding + "-item-padding"] = this.itemPadding),
-			_extends2),
+			_extends2)
 		);
 		_HtmlElement.prototype.prepareData.call(this, context, instance);
 	};
@@ -5801,7 +5803,7 @@ var Menu = /*#__PURE__*/ (function (_HtmlElement) {
 				instance: instance,
 				children: this.renderChildren(context, instance),
 			},
-			key,
+			key
 		);
 	};
 	_proto.add = function add(item) {
@@ -5870,7 +5872,7 @@ var MenuComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 				data.classNames,
 				CSS.state({
 					pack: this.state.nonOverflownItemCount < children.length - 1,
-				}),
+				})
 			),
 			style: data.style,
 			onBlur: FocusManager.nudge(),
@@ -5885,7 +5887,7 @@ var MenuComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							{
 								className: CSS.element(baseClass, "spacer"),
 							},
-							key,
+							key
 						)
 					);
 				}
@@ -5903,7 +5905,7 @@ var MenuComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 						moveCursor: _this2.moveCursor.bind(_this2),
 						children: content,
 					},
-					key,
+					key
 				);
 			}),
 		});
@@ -6024,7 +6026,7 @@ var MenuComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 				},
 				function () {
 					_this4.isMeasureOverflowDisabled = false;
-				},
+				}
 			);
 		}
 	};
@@ -6166,7 +6168,7 @@ var Scroller = /*#__PURE__*/ (function (_Container) {
 				{
 					scrollIntoViewSelector: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.render = function render(context, instance, key) {
@@ -6178,7 +6180,7 @@ var Scroller = /*#__PURE__*/ (function (_Container) {
 				data: instance.data,
 				children: this.renderChildren(context, instance),
 			},
-			key,
+			key
 		);
 	};
 	return Scroller;
@@ -6226,7 +6228,7 @@ var HScrollerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					scrollable: this.state.scrollable,
 					horizontal: widget.horizontal,
 					vertical: widget.vertical,
-				}),
+				})
 			),
 			style: data.style,
 			ref: function ref(el) {
@@ -6419,7 +6421,7 @@ var ValidationError = /*#__PURE__*/ (function (_Widget) {
 				style: data.style,
 				children: data.errorMessage,
 			},
-			key,
+			key
 		);
 	};
 	return ValidationError;
@@ -6456,7 +6458,7 @@ var Label = /*#__PURE__*/ (function (_HtmlElement) {
 					htmlFor: undefined,
 					asterisk: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.prepareData = function prepareData(context, instance) {
@@ -6473,7 +6475,7 @@ var Label = /*#__PURE__*/ (function (_HtmlElement) {
 		data.disabled = data.stateMods.disabled = coalesce(
 			context.parentStrict ? context.parentDisabled : null,
 			data._disabled,
-			context.parentDisabled,
+			context.parentDisabled
 		);
 		data.asterisk = context.parentAsterisk || data.asterisk;
 		if (instance.cache("disabled", data.disabled) || instance.cache("asterisk", data.asterisk)) {
@@ -6513,8 +6515,8 @@ var Label = /*#__PURE__*/ (function (_HtmlElement) {
 						className: this.CSS.element(this.baseClass, "asterisk"),
 						children: "*",
 					},
-					"asterisk",
-				),
+					"asterisk"
+				)
 			);
 		}
 	};
@@ -6541,7 +6543,7 @@ var FieldIcon = /*#__PURE__*/ (function (_Widget) {
 				{
 					name: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.render = function render(context, instance, key) {
@@ -6610,7 +6612,7 @@ var Field = /*#__PURE__*/ (function (_PureContainer) {
 						structured: true,
 					},
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.init = function init() {
@@ -6627,7 +6629,7 @@ var Field = /*#__PURE__*/ (function (_PureContainer) {
 					},
 					mod: "error",
 				},
-				this.errorTooltip,
+				this.errorTooltip
 			);
 		}
 		if (isUndefined(this.help)) {
@@ -6681,7 +6683,7 @@ var Field = /*#__PURE__*/ (function (_PureContainer) {
 					help: this.help,
 					icon: this.icon,
 				},
-			]),
+			])
 		);
 	};
 	_proto.initState = function initState(context, instance) {
@@ -6721,22 +6723,22 @@ var Field = /*#__PURE__*/ (function (_PureContainer) {
 		data.disabled = coalesce(
 			context.parentStrict ? context.parentDisabled : null,
 			data._disabled,
-			context.parentDisabled,
+			context.parentDisabled
 		);
 		data.readOnly = coalesce(
 			context.parentStrict ? context.parentReadOnly : null,
 			data._readOnly,
-			context.parentReadOnly,
+			context.parentReadOnly
 		);
 		data.viewMode = coalesce(
 			context.parentStrict ? context.parentViewMode : null,
 			data._viewMode,
-			context.parentViewMode,
+			context.parentViewMode
 		);
 		data.tabOnEnterKey = coalesce(
 			context.parentStrict ? context.parentTabOnEnterKey : null,
 			data._tabOnEnterKey,
-			context.parentTabOnEnterKey,
+			context.parentTabOnEnterKey
 		);
 		data.visited = coalesce(context.parentStrict ? context.parentVisited : null, data.visited, context.parentVisited);
 		if (!data.error && !data.disabled && !data.viewMode) this.validate(context, instance);
@@ -6892,7 +6894,7 @@ var Field = /*#__PURE__*/ (function (_PureContainer) {
 					},
 					children: text,
 				},
-				key,
+				key
 			);
 		}
 	};
@@ -6912,7 +6914,7 @@ var Field = /*#__PURE__*/ (function (_PureContainer) {
 				onTouchStart: interactive ? stopPropagation : null,
 				children: [content, this.labelPlacement && this.renderLabel(context, instance, "label")],
 			},
-			key,
+			key
 		);
 	};
 	_proto.renderEmptyText = function renderEmptyText(context, _ref2, key) {
@@ -6927,7 +6929,7 @@ var Field = /*#__PURE__*/ (function (_PureContainer) {
 						children: "\xA0",
 					}),
 			},
-			key,
+			key
 		);
 	};
 	_proto.render = function render(context, instance, key) {
@@ -7020,7 +7022,7 @@ var TextField = /*#__PURE__*/ (function (_Field) {
 					icon: undefined,
 					trim: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.renderInput = function renderInput(context, instance, key) {
@@ -7033,7 +7035,7 @@ var TextField = /*#__PURE__*/ (function (_Field) {
 				help: this.helpPlacement && getContent(this.renderHelp(context, instance, "help")),
 				icon: this.renderIcon(context, instance, "icon"),
 			},
-			key,
+			key
 		);
 	};
 	_proto.validate = function validate(context, instance) {
@@ -7129,7 +7131,7 @@ var Input$2 = /*#__PURE__*/ (function (_VDOM$Component) {
 					clear: insideButton != null,
 					empty: empty && !data.placeholder,
 					error: data.error && (state.visited || !suppressErrorsUntilVisited || !empty),
-				}),
+				})
 			),
 			style: data.style,
 			onMouseDown: stopPropagation,
@@ -7166,8 +7168,8 @@ var Input$2 = /*#__PURE__*/ (function (_VDOM$Component) {
 							onFocus: this.onFocus.bind(this),
 							onBlur: this.onBlur.bind(this),
 							onClick: stopPropagation,
-						},
-					),
+						}
+					)
 				),
 				insideButton,
 				icon,
@@ -7299,10 +7301,10 @@ var SquareIcon = registerIcon(
 					height: "40",
 					fill: "currentColor",
 				}),
-			}),
+			})
 		);
 	},
-	true,
+	true
 );
 
 var Checkbox = /*#__PURE__*/ (function (_Field) {
@@ -7330,7 +7332,7 @@ var Checkbox = /*#__PURE__*/ (function (_Field) {
 					required: undefined,
 					viewText: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.renderWrap = function renderWrap(context, instance, key, content) {
@@ -7356,7 +7358,7 @@ var Checkbox = /*#__PURE__*/ (function (_Field) {
 				style: data.style,
 				children: [content, this.labelPlacement && getContent(this.renderLabel(context, instance, "label"))],
 			},
-			key,
+			key
 		);
 	};
 	_proto.validateRequired = function validateRequired(context, instance) {
@@ -7384,9 +7386,9 @@ var Checkbox = /*#__PURE__*/ (function (_Field) {
 					onChange: function onChange(e) {
 						_this2.handleChange(e, instance);
 					},
-				},
+				}
 			),
-			"input",
+			"input"
 		);
 	};
 	_proto.renderCheck = function renderCheck(context, instance) {
@@ -7396,7 +7398,7 @@ var Checkbox = /*#__PURE__*/ (function (_Field) {
 				instance: instance,
 				data: instance.data,
 			},
-			"check",
+			"check"
 		);
 	};
 	_proto.renderInput = function renderInput(context, instance, key) {
@@ -7413,16 +7415,16 @@ var Checkbox = /*#__PURE__*/ (function (_Field) {
 							className: CSS.element(baseClass, "text"),
 							children: text,
 						},
-						"text",
-					)
+						"text"
+				  )
 				: /*#__PURE__*/ jsx(
 						"span",
 						{
 							className: CSS.element(baseClass, "baseline"),
 							children: "\xA0",
 						},
-						"baseline",
-					),
+						"baseline"
+				  ),
 		]);
 	};
 	_proto.renderValue = function renderValue(context, _ref) {
@@ -7509,7 +7511,7 @@ var CheckboxCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 						}),
 				],
 			},
-			"check",
+			"check"
 		);
 	};
 	_proto2.onClick = function onClick(e) {
@@ -7560,7 +7562,7 @@ var Radio = /*#__PURE__*/ (function (_Field) {
 					required: undefined,
 					text: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.init = function init() {
@@ -7604,7 +7606,7 @@ var Radio = /*#__PURE__*/ (function (_Field) {
 				htmlFor: data.id,
 				children: [content, this.labelPlacement && getContent(this.renderLabel(context, instance, "label"))],
 			},
-			key,
+			key
 		);
 	};
 	_proto.renderNativeCheck = function renderNativeCheck(context, instance) {
@@ -7628,9 +7630,9 @@ var Radio = /*#__PURE__*/ (function (_Field) {
 					onChange: function onChange(e) {
 						_this2.handleChange(e, instance);
 					},
-				},
+				}
 			),
-			"input",
+			"input"
 		);
 	};
 	_proto.renderCheck = function renderCheck(context, instance) {
@@ -7640,7 +7642,7 @@ var Radio = /*#__PURE__*/ (function (_Field) {
 				instance: instance,
 				data: instance.data,
 			},
-			"check",
+			"check"
 		);
 	};
 	_proto.renderInput = function renderInput(context, instance, key) {
@@ -7657,16 +7659,16 @@ var Radio = /*#__PURE__*/ (function (_Field) {
 							className: CSS.element(baseClass, "text"),
 							children: text,
 						},
-						"text",
-					)
+						"text"
+				  )
 				: /*#__PURE__*/ jsx(
 						"span",
 						{
 							className: CSS.element(baseClass, "baseline"),
 							children: "\xA0",
 						},
-						"baseline",
-					),
+						"baseline"
+				  ),
 		]);
 	};
 	_proto.handleClick = function handleClick(e, instance) {
@@ -7724,7 +7726,7 @@ var RadioCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 				onClick: this.onClick.bind(this),
 				onKeyDown: this.onKeyDown.bind(this),
 			},
-			"check",
+			"check"
 		);
 	};
 	_proto2.onClick = function onClick(e) {
@@ -7770,7 +7772,7 @@ var Select = /*#__PURE__*/ (function (_Field) {
 					placeholder: undefined,
 					icon: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.init = function init() {
@@ -7793,7 +7795,7 @@ var Select = /*#__PURE__*/ (function (_Field) {
 				icon: this.renderIcon(context, instance, "icon"),
 				children: this.renderChildren(context, instance),
 			},
-			key,
+			key
 		);
 	};
 	_proto.convert = function convert(value) {
@@ -7902,7 +7904,7 @@ var SelectComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					focus: this.state.focus,
 					error: state.visited && data.error,
 					empty: data.empty && !data.placeholder,
-				}),
+				})
 			),
 			style: data.style,
 			onMouseDown: stopPropagation,
@@ -7941,8 +7943,8 @@ var SelectComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 								return tooltipMouseLeave$1.apply(void 0, [e].concat(getFieldTooltip(instance)));
 							},
 							children: [placeholder, this.props.children],
-						},
-					),
+						}
+					)
 				),
 				insideButton,
 				icon,
@@ -8017,7 +8019,7 @@ var Option = /*#__PURE__*/ (function (_HtmlElement) {
 					selected: undefined,
 					text: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto3.prepareData = function prepareData(context, _ref) {
@@ -8033,7 +8035,7 @@ var Option = /*#__PURE__*/ (function (_HtmlElement) {
 				value: data.value,
 				children: data.text || this.renderChildren(context, instance),
 			},
-			key,
+			key
 		);
 	};
 	return Option;
@@ -8061,10 +8063,10 @@ var ForwardIcon = registerIcon(
 						d: "M6.15 15.5L10.5 10 6.17 4.53 5.52 5l3.98 5-4 5z",
 					}),
 				],
-			}),
+			})
 		);
 	},
-	true,
+	true
 );
 
 var Calendar = /*#__PURE__*/ (function (_Field) {
@@ -8091,7 +8093,7 @@ var Calendar = /*#__PURE__*/ (function (_Field) {
 					focusable: undefined,
 					dayData: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.init = function init() {
@@ -8152,7 +8154,7 @@ var Calendar = /*#__PURE__*/ (function (_Field) {
 					return _this.handleSelect(e, instance, date);
 				},
 			},
-			key,
+			key
 		);
 	};
 	_proto.handleSelect = function handleSelect(e, instance, date) {
@@ -8161,7 +8163,7 @@ var Calendar = /*#__PURE__*/ (function (_Field) {
 			widget = instance.widget;
 		e.stopPropagation();
 		if (data.disabled) return;
-		if (!validationCheck$1(date, data)) return;
+		if (!validationCheck(date, data)) return;
 		if (this.onBeforeSelect && instance.invoke("onBeforeSelect", e, instance, date) === false) return;
 		if (widget.partial) {
 			var mixed = parseDateInvariant(data.value);
@@ -8191,7 +8193,7 @@ Calendar.prototype.todayButtonText = "Today";
 Calendar.prototype.startWithMonday = false;
 Calendar.prototype.focusable = true;
 Localization.registerPrototype("cx/widgets/Calendar", Calendar);
-var validationCheck$1 = function validationCheck(date, data, disabledDaysOfWeek) {
+var validationCheck = function validationCheck(date, data, disabledDaysOfWeek) {
 	if (data.maxValue && !upperBoundCheck(date, data.maxValue, data.maxExclusive)) return false;
 	if (data.minValue && !lowerBoundCheck(date, data.minValue, data.minExclusive)) return false;
 	if (disabledDaysOfWeek && disabledDaysOfWeek.includes(date.getDay())) return false;
@@ -8214,7 +8216,7 @@ var CalendarCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 				cursor: zeroTime(data.date || refDate),
 				activeView: "calendar",
 			},
-			_this2.getPage(refDate),
+			_this2.getPage(refDate)
 		);
 		_this2.handleMouseMove = _this2.handleMouseMove.bind(_this2);
 		_this2.handleMouseDown = _this2.handleMouseDown.bind(_this2);
@@ -8253,7 +8255,7 @@ var CalendarCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 		this.setState(
 			_extends({}, this.getPage(refDate), {
 				cursor: date,
-			}),
+			})
 		);
 	};
 	_proto2.move = function move(e, period, delta) {
@@ -8395,7 +8397,7 @@ var CalendarCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 			this.setState(
 				_extends({}, this.getPage(data.date), {
 					value: data.date,
-				}),
+				})
 			);
 		tooltipParentWillReceiveProps$1.apply(void 0, [this.el].concat(getFieldTooltip(props.instance)));
 	};
@@ -8418,7 +8420,7 @@ var CalendarCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 			_extends({}, this.getPage(refDate), {
 				refDate: refDate,
 				activeView: "calendar",
-			}),
+			})
 		);
 	};
 	_proto2.renderYearPicker = function renderYearPicker() {
@@ -8480,11 +8482,11 @@ var CalendarCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 											},
 											children: year,
 										},
-										year,
+										year
 									);
 								}),
 							},
-							rowIndex,
+							rowIndex
 						);
 					}),
 				}),
@@ -8514,7 +8516,7 @@ var CalendarCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 			var days = [];
 			for (var i = 0; i < 7; i++) {
 				var dayInfo = (data.dayData && data.dayData[date.toDateString()]) || empty;
-				var unselectable = !validationCheck$1(date, data, disabledDaysOfWeek);
+				var unselectable = !validationCheck(date, data, disabledDaysOfWeek);
 				var classNames = CSS.expand(
 					CSS.element(baseClass, "day", {
 						outside: month != date.getMonth(),
@@ -8524,7 +8526,7 @@ var CalendarCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 						today: widget.highlightToday && sameDate(date, today),
 					}),
 					dayInfo.className,
-					CSS.mod(dayInfo.mod),
+					CSS.mod(dayInfo.mod)
 				);
 				var dateInst = new Date(date);
 				days.push(
@@ -8540,8 +8542,8 @@ var CalendarCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 							onMouseDown: unselectable ? null : this.handleMouseDown,
 							children: date.getDate(),
 						},
-						i,
-					),
+						i
+					)
 				);
 				date.setDate(date.getDate() + 1);
 			}
@@ -8552,8 +8554,8 @@ var CalendarCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 						className: CSS.element(baseClass, "week"),
 						children: [/*#__PURE__*/ jsx("td", {}), days, /*#__PURE__*/ jsx("td", {})],
 					},
-					weeks.length,
-				),
+					weeks.length
+				)
 			);
 		}
 		var culture = Culture.getDateTimeCulture();
@@ -8639,7 +8641,7 @@ var CalendarCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 												}),
 												/*#__PURE__*/ jsx("td", {
 													onClick: function onClick(e) {
-														return _this5.move(e, "m", +1);
+														return _this5.move(e, "m", 1);
 													},
 													children: /*#__PURE__*/ jsx(DropdownIcon, {
 														className: CSS.element(baseClass, "icon-next-month"),
@@ -8647,7 +8649,7 @@ var CalendarCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 												}),
 												/*#__PURE__*/ jsx("td", {
 													onClick: function onClick(e) {
-														return _this5.move(e, "y", +1);
+														return _this5.move(e, "y", 1);
 													},
 													children: /*#__PURE__*/ jsx(ForwardIcon, {
 														className: CSS.element(baseClass, "icon-next-year"),
@@ -8656,7 +8658,7 @@ var CalendarCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 												/*#__PURE__*/ jsx("td", {}),
 											],
 										},
-										"h",
+										"h"
 									),
 									/*#__PURE__*/ jsxs(
 										"tr",
@@ -8670,13 +8672,13 @@ var CalendarCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 														{
 															children: name,
 														},
-														i,
+														i
 													);
 												}),
 												/*#__PURE__*/ jsx("td", {}),
 											],
 										},
-										"d",
+										"d"
 									),
 								],
 							}),
@@ -8723,11 +8725,11 @@ var LookupField = /*#__PURE__*/ (function (_Field) {
 			? {
 					values: undefined,
 					records: undefined,
-				}
+			  }
 			: {
 					value: undefined,
 					text: undefined,
-				};
+			  };
 		(_Field$prototype$decl = _Field.prototype.declareData).call.apply(
 			_Field$prototype$decl,
 			[
@@ -8746,7 +8748,7 @@ var LookupField = /*#__PURE__*/ (function (_Field) {
 					},
 				},
 				additionalAttributes,
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.init = function init() {
@@ -8851,14 +8853,14 @@ var LookupField = /*#__PURE__*/ (function (_Field) {
 								$value: $value,
 							});
 						});
-					}),
+					})
 				);
 		} else {
 			var dataViewData = store.getData();
 			data.selectedKeys.push(
 				this.keyBindings.map(function (b) {
 					return Binding.get(b.local).value(dataViewData);
-				}),
+				})
 			);
 			if (!this.text && isArray(data.options)) {
 				var option = data.options.find(function ($option) {
@@ -8866,7 +8868,7 @@ var LookupField = /*#__PURE__*/ (function (_Field) {
 						getOptionKey(_this.keyBindings, {
 							$option: $option,
 						}),
-						data.selectedKeys[0],
+						data.selectedKeys[0]
 					);
 				});
 				data.text = (option && option[this.optionTextField]) || "";
@@ -8889,7 +8891,7 @@ var LookupField = /*#__PURE__*/ (function (_Field) {
 				forceUpdate: context.forceUpdate,
 				icon: this.renderIcon(context, instance, "icon"),
 			},
-			key,
+			key
 		);
 	};
 	_proto.filterOptions = function filterOptions(instance, options, query) {
@@ -8923,7 +8925,7 @@ var LookupField = /*#__PURE__*/ (function (_Field) {
 					? _this$onGetRecordDisp
 					: function (record) {
 							return record[_this3.valueTextField] || record[_this3.valueIdField];
-						};
+					  };
 			return records.map(function (record) {
 				return valueTextFormatter(record, instance);
 			});
@@ -9107,7 +9109,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 								x,
 								_this7.getOptionKey({
 									$option: data,
-								}),
+								})
 							);
 						}) != null
 					);
@@ -9166,7 +9168,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					_this7.closeDropdown(null, true);
 					return false;
 				},
-			},
+			}
 		);
 		return (this.dropdown = Widget.create(dropdown));
 	};
@@ -9189,7 +9191,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					className: CSS.element(baseClass, "message", "loading"),
 					children: widget.loadingText,
 				},
-				"msg",
+				"msg"
 			);
 		} else if (this.state.status == "error") {
 			content = /*#__PURE__*/ jsx(
@@ -9198,7 +9200,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					className: CSS.element(baseClass, "message", "error"),
 					children: widget.queryErrorText,
 				},
-				"msg",
+				"msg"
 			);
 		} else if (this.state.status == "info") {
 			content = /*#__PURE__*/ jsx(
@@ -9207,7 +9209,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					className: CSS.element(baseClass, "message", "info"),
 					children: this.state.message,
 				},
-				"msg",
+				"msg"
 			);
 		} else if (this.state.options.length == 0) {
 			content = /*#__PURE__*/ jsx(
@@ -9216,7 +9218,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					className: CSS.element(baseClass, "message", "no-results"),
 					children: widget.noResultsText,
 				},
-				"msg",
+				"msg"
 			);
 		} else {
 			content = /*#__PURE__*/ jsx(
@@ -9236,7 +9238,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 						},
 					}),
 				},
-				"msg",
+				"msg"
 			);
 		}
 		return /*#__PURE__*/ jsxs(
@@ -9274,12 +9276,12 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 									return _this8.onQueryBlur(e);
 								},
 							},
-							"query",
+							"query"
 						),
 					content,
 				],
 			},
-			"dropdown",
+			"dropdown"
 		);
 	};
 	_proto3.onListWheel = function onListWheel(e) {
@@ -9343,7 +9345,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					},
 					children: iconVDOM,
 				},
-				"icon",
+				"icon"
 			);
 		var dropdown;
 		if (this.state.dropdownOpen) {
@@ -9380,7 +9382,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							className: CSS.element(baseClass, "icon"),
 						}),
 					},
-					"ib",
+					"ib"
 				);
 			} else {
 				insideButton = /*#__PURE__*/ jsx(
@@ -9397,7 +9399,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							className: CSS.element(baseClass, "icon"),
 						}),
 					},
-					"ib",
+					"ib"
 				);
 			}
 		}
@@ -9411,7 +9413,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 						? _widget$onGetRecordDi
 						: function (record) {
 								return record[widget.valueTextField];
-							};
+						  };
 				text = data.records.map(function (v, i) {
 					return /*#__PURE__*/ jsxs(
 						"div",
@@ -9440,7 +9442,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 									}),
 							],
 						},
-						i,
+						i
 					);
 				});
 			} else {
@@ -9532,7 +9534,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		if (e.keyCode != KeyCode.tab) e.preventDefault();
 	};
 	_proto3.onClearClick = function onClearClick(e, value) {
-		var _this10 = this;
+		var _this0 = this;
 		var instance = this.props.instance;
 		var data = instance.data,
 			store = instance.store,
@@ -9547,16 +9549,16 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 				});
 				var newRecords = data.records.filter(function (v) {
 					return !areKeysEqual(
-						_this10.getLocalKey({
+						_this0.getLocalKey({
 							$value: v,
 						}),
-						itemKey,
+						itemKey
 					);
 				});
 				instance.set("records", newRecords);
 				var newValues = newRecords
 					.map(function (rec) {
-						return _this10.getLocalKey({
+						return _this0.getLocalKey({
 							$value: rec,
 						});
 					})
@@ -9578,7 +9580,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		instance.set("values", []);
 	};
 	_proto3.select = function select(e, itemsData, reset) {
-		var _this11 = this;
+		var _this1 = this;
 		var instance = this.props.instance;
 		var store = instance.store,
 			data = instance.data,
@@ -9603,9 +9605,9 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 				newRecords = records.filter(function (v) {
 					return !areKeysEqual(
 						optionKey,
-						_this11.getLocalKey({
+						_this1.getLocalKey({
 							$value: v,
-						}),
+						})
 					);
 				});
 			} else {
@@ -9622,7 +9624,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 			instance.set("records", newRecords);
 			var newValues = newRecords
 				.map(function (rec) {
-					return _this11.getLocalKey({
+					return _this1.getLocalKey({
 						$value: rec,
 					});
 				})
@@ -9749,15 +9751,15 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		else this.openDropdown(e);
 	};
 	_proto3.closeDropdown = function closeDropdown(e, keepFocus) {
-		var _this12 = this;
+		var _this10 = this;
 		if (this.state.dropdownOpen) {
 			this.setState(
 				{
 					dropdownOpen: false,
 				},
 				function () {
-					return keepFocus && _this12.dom.input.focus();
-				},
+					return keepFocus && _this10.dom.input.focus();
+				}
 			);
 			this.props.instance.setState({
 				visited: true,
@@ -9768,7 +9770,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		delete this.tmpCachedResult;
 	};
 	_proto3.openDropdown = function openDropdown(e) {
-		var _this13 = this;
+		var _this11 = this;
 		var instance = this.props.instance;
 		var data = instance.data;
 		if (!this.state.dropdownOpen && !data.disabled && !data.readOnly) {
@@ -9778,13 +9780,13 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					dropdownOpen: true,
 				},
 				function () {
-					if (_this13.dom.dropdown) _this13.dom.dropdown.focus();
-				},
+					if (_this11.dom.dropdown) _this11.dom.dropdown.focus();
+				}
 			);
 		}
 	};
 	_proto3.query = function query(q) {
-		var _this14 = this;
+		var _this12 = this;
 		/*
      In fetchAll mode onQuery should fetch all data and after
      that everything is done filtering is done client-side.
@@ -9826,8 +9828,8 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 				});
 			}
 			this.queryTimeoutId = setTimeout(function () {
-				delete _this14.queryTimeoutId;
-				var result = _this14.tmpCachedResult || _this14.cachedResult;
+				delete _this12.queryTimeoutId;
+				var result = _this12.tmpCachedResult || _this12.cachedResult;
 				var query = fetchAll ? "" : q;
 				var params = !widget.infinite
 					? query
@@ -9835,20 +9837,20 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							query: query,
 							page: 1,
 							pageSize: pageSize,
-						};
+					  };
 				if (!result) result = instance.invoke("onQuery", params, instance);
-				var queryId = (_this14.lastQueryId = Date.now());
+				var queryId = (_this12.lastQueryId = Date.now());
 				Promise.resolve(result)
 					.then(function (results) {
 						//discard results which do not belong to the last query
-						if (queryId !== _this14.lastQueryId) return;
+						if (queryId !== _this12.lastQueryId) return;
 						if (!isArray(results)) results = [];
 						if (fetchAll) {
-							if (cacheAll) _this14.cachedResult = results;
-							else _this14.tmpCachedResult = results;
-							results = widget.filterOptions(_this14.props.instance, results, _this14.lastQuery);
+							if (cacheAll) _this12.cachedResult = results;
+							else _this12.tmpCachedResult = results;
+							results = widget.filterOptions(_this12.props.instance, results, _this12.lastQuery);
 						}
-						_this14.setState(
+						_this12.setState(
 							{
 								page: 1,
 								query: query,
@@ -9856,12 +9858,12 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 								status: "loaded",
 							},
 							function () {
-								if (widget.infinite) _this14.onListScroll();
-							},
+								if (widget.infinite) _this12.onListScroll();
+							}
 						);
 					})
 					["catch"](function (err) {
-						_this14.setState({
+						_this12.setState({
 							status: "error",
 						});
 						debug("Lookup query error:", err);
@@ -9870,7 +9872,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		}
 	};
 	_proto3.loadAdditionalOptionPages = function loadAdditionalOptionPages() {
-		var _this15 = this;
+		var _this13 = this;
 		var instance = this.props.instance;
 		var widget = instance.widget;
 		if (!widget.infinite) return;
@@ -9894,24 +9896,24 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		Promise.resolve(result)
 			.then(function (results) {
 				//discard results which do not belong to the last query
-				if (_this15.extraPageLoadingBlocker !== blockerKey) return;
-				_this15.extraPageLoadingBlocker = false;
+				if (_this13.extraPageLoadingBlocker !== blockerKey) return;
+				_this13.extraPageLoadingBlocker = false;
 				if (!isArray(results)) return;
-				_this15.setState(
+				_this13.setState(
 					{
 						page: params.page,
 						query: query,
 						options: [].concat(options, results),
 					},
 					function () {
-						_this15.onListScroll();
-					},
+						_this13.onListScroll();
+					}
 				);
 			})
 			["catch"](function (err) {
-				if (_this15.extraPageLoadingBlocker !== blockerKey) return;
-				_this15.extraPageLoadingBlocker = false;
-				_this15.setState({
+				if (_this13.extraPageLoadingBlocker !== blockerKey) return;
+				_this13.extraPageLoadingBlocker = false;
+				_this13.setState({
 					status: "error",
 				});
 				debug("Lookup query error:", err);
@@ -9934,7 +9936,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		this.subscribeListOnWheel(null);
 	};
 	_proto3.subscribeListOnWheel = function subscribeListOnWheel(list) {
-		var _this16 = this;
+		var _this14 = this;
 		if (this.unsubscribeListOnWheel) {
 			this.unsubscribeListOnWheel();
 			this.unsubscribeListOnWheel = null;
@@ -9944,16 +9946,16 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 				list,
 				"wheel",
 				function (e) {
-					return _this16.onListWheel(e);
+					return _this14.onListWheel(e);
 				},
 				{
 					passive: false,
-				},
+				}
 			);
 		}
 	};
 	_proto3.subscribeListOnScroll = function subscribeListOnScroll(list) {
-		var _this17 = this;
+		var _this15 = this;
 		if (this.unsubscribeListOnScroll) {
 			this.unsubscribeListOnScroll();
 			this.unsubscribeListOnScroll = null;
@@ -9963,11 +9965,11 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 				list,
 				"scroll",
 				function (e) {
-					return _this17.onListScroll(e);
+					return _this15.onListScroll(e);
 				},
 				{
 					passive: false,
-				},
+				}
 			);
 		}
 	};
@@ -10017,7 +10019,7 @@ var NumberField = /*#__PURE__*/ (function (_Field) {
 					scale: undefined,
 					offset: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.init = function init() {
@@ -10073,7 +10075,7 @@ var NumberField = /*#__PURE__*/ (function (_Field) {
 				help: this.helpPlacement && getContent(this.renderHelp(context, instance, "help")),
 				icon: this.renderIcon(context, instance, "icon"),
 			},
-			key,
+			key
 		);
 	};
 	_proto.validateRequired = function validateRequired(context, instance) {
@@ -10159,7 +10161,7 @@ var Input$1 = /*#__PURE__*/ (function (_VDOM$Component) {
 					icon: !!icon,
 					empty: empty && !data.placeholder,
 					error: data.error && (state.visited || !suppressErrorsUntilVisited || !empty),
-				}),
+				})
 			),
 			style: data.style,
 			onMouseDown: stopPropagation,
@@ -10204,8 +10206,8 @@ var Input$1 = /*#__PURE__*/ (function (_VDOM$Component) {
 								_this2.onChange(e, "wheel");
 							},
 							onClick: stopPropagation,
-						},
-					),
+						}
+					)
 				),
 				insideButton,
 				icon,
@@ -10241,7 +10243,7 @@ var Input$1 = /*#__PURE__*/ (function (_VDOM$Component) {
 						value: this.input.value,
 					},
 				},
-				"blur",
+				"blur"
 			);
 		}
 		tooltipParentWillUnmount$1(this.props.instance);
@@ -10446,7 +10448,7 @@ var TextArea = /*#__PURE__*/ (function (_TextField) {
 				{
 					rows: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.prepareData = function prepareData(context, instance) {
@@ -10465,7 +10467,7 @@ var TextArea = /*#__PURE__*/ (function (_TextField) {
 				label: this.labelPlacement && getContent(this.renderLabel(context, instance, "label")),
 				help: this.helpPlacement && getContent(this.renderHelp(context, instance, "help")),
 			},
-			key,
+			key
 		);
 	};
 	_proto.validateRequired = function validateRequired(context, instance) {
@@ -10508,7 +10510,7 @@ var Input = /*#__PURE__*/ (function (_VDOM$Component) {
 					focus: this.state.focus,
 					empty: empty && !data.placeholder,
 					error: data.error && (state.visited || !suppressErrorsUntilVisited || !empty),
-				}),
+				})
 			),
 			style: data.style,
 			onMouseDown: stopPropagation,
@@ -10555,8 +10557,8 @@ var Input = /*#__PURE__*/ (function (_VDOM$Component) {
 							onMouseLeave: function onMouseLeave(e) {
 								return tooltipMouseLeave$1.apply(void 0, [e].concat(getFieldTooltip(instance)));
 							},
-						},
-					),
+						}
+					)
 				),
 				label,
 				help,
@@ -10658,7 +10660,7 @@ var ValidationGroup = /*#__PURE__*/ (function (_PureContainer) {
 					strict: undefined,
 					asterisk: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.explore = function explore(context, instance) {
@@ -10723,7 +10725,7 @@ var LabeledContainer = /*#__PURE__*/ (function (_FieldGroup) {
 				{
 					label: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.init = function init() {
@@ -10750,7 +10752,7 @@ var LabeledContainer = /*#__PURE__*/ (function (_FieldGroup) {
 				{
 					label: this.label,
 				},
-			]),
+			])
 		);
 	};
 	_proto.renderLabel = function renderLabel(context, instance, key) {
@@ -10805,14 +10807,14 @@ var MonthPicker = /*#__PURE__*/ (function (_Field) {
 					maxValue: undefined,
 					maxExclusive: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.init = function init() {
 		_Field.prototype.init.call(this);
 	};
-	_proto.prepareData = function prepareData(context, _ref) {
-		var data = _ref.data;
+	_proto.prepareData = function prepareData(context, instance) {
+		var data = instance.data;
 		data.stateMods = {
 			disabled: data.disabled,
 		};
@@ -10828,6 +10830,13 @@ var MonthPicker = /*#__PURE__*/ (function (_Field) {
 		if (data.refDate) data.refDate = monthStart(parseDateInvariant(data.refDate));
 		if (data.maxValue) data.maxValue = monthStart(parseDateInvariant(data.maxValue));
 		if (data.minValue) data.minValue = monthStart(parseDateInvariant(data.minValue));
+		if (this.onCreateIsMonthDateSelectable) {
+			instance.isMonthDateSelectable = instance.invoke(
+				"onCreateIsMonthDateSelectable",
+				data.validationParams,
+				instance
+			);
+		}
 		_Field.prototype.prepareData.apply(this, arguments);
 	};
 	_proto.validate = function validate(context, instance) {
@@ -10859,15 +10868,17 @@ var MonthPicker = /*#__PURE__*/ (function (_Field) {
 				onKeyDown: this.onKeyDown,
 				autoFocus: this.autoFocus,
 			},
-			key,
+			key
 		);
 	};
 	_proto.handleSelect = function handleSelect(e, instance, date1, date2) {
 		var data = instance.data,
-			widget = instance.widget;
+			widget = instance.widget,
+			isMonthDateSelectable = instance.isMonthDateSelectable;
 		var encode = widget.encoding || Culture.getDefaultDateEncoding();
 		if (data.disabled) return;
-		if (!validationCheck(date1, data)) return;
+		if (isMonthDateSelectable && !isMonthDateSelectable(date1)) return;
+		if (!dateSelectableCheck(date1, data)) return;
 		if (this.onBeforeSelect && instance.invoke("onBeforeSelect", e, instance, date1, date2) === false) return;
 		if (this.range) {
 			instance.set("from", encode(date1));
@@ -10894,7 +10905,7 @@ MonthPicker.prototype.minExclusiveErrorText = "Select a date after {0:d}.";
 MonthPicker.prototype.inclusiveTo = false;
 Localization.registerPrototype("cx/widgets/MonthPicker", MonthPicker);
 Widget.alias("month-picker", MonthPicker);
-var validationCheck = function validationCheck(date, data) {
+var dateSelectableCheck = function dateSelectableCheck(date, data) {
 	if (data.maxValue && !upperBoundCheck(date, data.maxValue, data.maxExclusive)) return false;
 	if (data.minValue && !lowerBoundCheck(date, data.minValue, data.minExclusive)) return false;
 	return true;
@@ -11040,7 +11051,7 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 						},
 						{
 							ensureVisible: true,
-						},
+						}
 					);
 				else if (column == "Q")
 					this.moveCursor(
@@ -11051,7 +11062,7 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 						},
 						{
 							ensureVisible: true,
-						},
+						}
 					);
 				else if (column == "M")
 					if (cursorMonth > 3)
@@ -11062,7 +11073,7 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							},
 							{
 								ensureVisible: true,
-							},
+							}
 						);
 					else
 						this.moveCursor(
@@ -11073,7 +11084,7 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							},
 							{
 								ensureVisible: true,
-							},
+							}
 						);
 				break;
 			case KeyCode.down:
@@ -11085,7 +11096,7 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 						},
 						{
 							ensureVisible: true,
-						},
+						}
 					);
 				else if (column == "Q")
 					this.moveCursor(
@@ -11096,7 +11107,7 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 						},
 						{
 							ensureVisible: true,
-						},
+						}
 					);
 				else if (column == "M")
 					if (cursorMonth < 10)
@@ -11107,7 +11118,7 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							},
 							{
 								ensureVisible: true,
-							},
+							}
 						);
 					else
 						this.moveCursor(
@@ -11118,7 +11129,7 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							},
 							{
 								ensureVisible: true,
-							},
+							}
 						);
 				break;
 			case KeyCode.pageUp:
@@ -11153,11 +11164,11 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		if (this.props.onFocusOut) this.props.onFocusOut();
 	};
 	_proto2.getCursorDates = function getCursorDates(cursor) {
-		var _ref2 = cursor || this.state,
-			cursorMonth = _ref2.cursorMonth,
-			cursorYear = _ref2.cursorYear,
-			cursorQuarter = _ref2.cursorQuarter,
-			column = _ref2.column;
+		var _ref = cursor || this.state,
+			cursorMonth = _ref.cursorMonth,
+			cursorYear = _ref.cursorYear,
+			cursorQuarter = _ref.cursorQuarter,
+			column = _ref.column;
 		switch (column) {
 			case "M":
 				return [new Date(cursorYear, cursorMonth - 1, 1), new Date(cursorYear, cursorMonth, 1)];
@@ -11202,8 +11213,8 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					{
 						state: "drag",
 					},
-					cursor,
-				),
+					cursor
+				)
 			);
 		}
 	};
@@ -11240,7 +11251,8 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		var _this3 = this;
 		var instance = this.props.instance;
 		var data = instance.data,
-			widget = instance.widget;
+			widget = instance.widget,
+			isMonthDateSelectable = instance.isMonthDateSelectable;
 		var CSS = widget.CSS,
 			baseClass = widget.baseClass,
 			startYear = widget.startYear,
@@ -11279,30 +11291,50 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		var monthNames = Culture.getDateTimeCulture().getMonthNames("short");
 		var showCursor = this.state.hover || this.state.focused;
 		for (var y = start; y <= end; y++) {
+			var selectableMonths = 4095;
+			// Loop through the months in a year to check if all months are unselectable
+			for (var i = 0; i < 12; i++) {
+				if (
+					(isMonthDateSelectable && !isMonthDateSelectable(new Date(y, i, 1))) ||
+					!dateSelectableCheck(new Date(y, i, 1), data)
+				) {
+					// Set month as unselectable at specified bit
+					selectableMonths &= ~(1 << i);
+				}
+			}
+
+			// All bits are 0 - all months are unselectable
+			var unselectableYear = selectableMonths === 0;
 			var rows = [];
 			for (var q = 0; q < 4; q++) {
 				var row = [];
-				if (q == 0)
+				if (q == 0) {
 					row.push(
 						/*#__PURE__*/ jsx(
 							"th",
 							{
 								rowSpan: 4,
 								"data-point": "Y-" + y,
-								className: CSS.element(baseClass, "year", {
-									cursor: showCursor && this.state.column == "Y" && y == this.state.cursorYear,
-								}),
-								onMouseEnter: this.handleMouseEnter,
-								onMouseDown: this.handleMouseDown,
-								onMouseUp: this.handleMouseUp,
+								className: CSS.expand(
+									CSS.element(baseClass, "year", {
+										cursor: showCursor && this.state.column == "Y" && y == this.state.cursorYear,
+									}),
+									CSS.state({
+										unselectable: unselectableYear,
+									})
+								),
+								onMouseEnter: unselectableYear ? null : this.handleMouseEnter,
+								onMouseDown: unselectableYear ? null : this.handleMouseDown,
+								onMouseUp: unselectableYear ? null : this.handleMouseUp,
 								children: y,
 							},
-							"year",
-						),
+							"year"
+						)
 					);
-				for (var i = 0; i < 3; i++) {
-					var m = q * 3 + i + 1;
-					var unselectable = !validationCheck(new Date(y, m - 1, 1), data);
+				}
+				for (var _i = 0; _i < 3; _i++) {
+					var m = q * 3 + _i + 1;
+					var unselectableMonth = (selectableMonths & (1 << (m - 1))) === 0;
 					var mno = y * 12 + m - 1;
 					var handle = true; //isTouchDevice(); //mno === from || mno === to - 1;
 					row.push(
@@ -11314,22 +11346,31 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 										showCursor && this.state.column == "M" && y == this.state.cursorYear && m == this.state.cursorMonth,
 									handle: handle,
 									selected: mno >= from && mno < to,
-									unselectable: unselectable,
+									unselectable: unselectableMonth,
 								}),
 								"data-point": "Y-" + y + "-M-" + m,
-								onMouseEnter: unselectable ? null : this.handleMouseEnter,
-								onMouseDown: unselectable ? null : this.handleMouseDown,
-								onMouseUp: unselectable ? null : this.handleMouseUp,
-								onTouchStart: unselectable ? null : this.handleMouseDown,
-								onTouchMove: unselectable ? null : this.handleTouchMove,
+								onMouseEnter: unselectableMonth ? null : this.handleMouseEnter,
+								onMouseDown: unselectableMonth ? null : this.handleMouseDown,
+								onMouseUp: unselectableMonth ? null : this.handleMouseUp,
+								onTouchStart: unselectableMonth ? null : this.handleMouseDown,
+								onTouchMove: unselectableMonth ? null : this.handleTouchMove,
 								onTouchEnd: this.handleMouseUp,
 								children: monthNames[m - 1].substr(0, 3),
 							},
-							"M" + m,
-						),
+							"M" + m
+						)
 					);
 				}
-				if (!hideQuarters)
+				if (!hideQuarters) {
+					var unselectableQuarter = true;
+					var _start = q * 3;
+					for (var _i2 = _start; _i2 < _start + 3; _i2++) {
+						if ((selectableMonths & (1 << _i2)) !== 0) {
+							// found a selectable month in a quarter
+							unselectableQuarter = false;
+							break;
+						}
+					}
 					row.push(
 						/*#__PURE__*/ jsx(
 							"th",
@@ -11340,16 +11381,18 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 										this.state.column == "Q" &&
 										y == this.state.cursorYear &&
 										q == this.state.cursorQuarter,
+									unselectable: unselectableQuarter,
 								}),
 								"data-point": "Y-" + y + "-Q-" + q,
-								onMouseEnter: this.handleMouseEnter,
-								onMouseDown: this.handleMouseDown,
-								onMouseUp: this.handleMouseUp,
+								onMouseEnter: unselectableQuarter ? null : this.handleMouseEnter,
+								onMouseDown: unselectableQuarter ? null : this.handleMouseDown,
+								onMouseUp: unselectableQuarter ? null : this.handleMouseUp,
 								children: "Q" + (q + 1),
 							},
-							"q" + q,
-						),
+							"q" + q
+						)
 					);
+				}
 				rows.push(row);
 			}
 			years.push(rows);
@@ -11393,11 +11436,11 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 										{
 											children: cells,
 										},
-										i,
+										i
 									);
 								}),
 							},
-							start + y,
+							start + y
 						);
 					}),
 				}),
@@ -11418,7 +11461,7 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		var visibleItems = ceil5(Math.ceil(this.dom.el.offsetHeight / this.state.yearHeight));
 		var start = Math.max(
 			startYear,
-			startYear + floor5(Math.floor(this.dom.el.scrollTop / this.state.yearHeight)) - visibleItems,
+			startYear + floor5(Math.floor(this.dom.el.scrollTop / this.state.yearHeight)) - visibleItems
 		);
 		if (start != this.state.start && start + bufferSize <= endYear) {
 			this.setState({
@@ -11456,7 +11499,7 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 				_this4.dom.el.scrollTop =
 					(_this4.state.cursorYear - startYear + yearCount / 2) * _this4.state.yearHeight -
 					_this4.dom.el.offsetHeight / 2;
-			},
+			}
 		);
 	};
 	_proto2.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(props) {
@@ -11489,10 +11532,10 @@ var PixelPickerIcon = registerIcon(
 					d: "M27.7,3.3c-1.5-1.5-3.9-1.5-5.4,0L17,8.6l-1.3-1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l1.3,1.3L5,20.6 c-0.6,0.6-1,1.4-1.1,2.3C3.3,23.4,3,24.2,3,25c0,1.7,1.3,3,3,3c0.8,0,1.6-0.3,2.2-0.9C9,27,9.8,26.6,10.4,26L21,15.4l1.3,1.3 c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L22.4,14l5.3-5.3C29.2,7.2,29.2,4.8,27.7,3.3z M9,24.6 c-0.4,0.4-0.8,0.6-1.3,0.5c-0.4,0-0.7,0.2-0.9,0.5C6.7,25.8,6.3,26,6,26c-0.6,0-1-0.4-1-1c0-0.3,0.2-0.7,0.5-0.8 c0.3-0.2,0.5-0.5,0.5-0.9c0-0.5,0.2-1,0.5-1.3L17,11.4l2.6,2.6L9,24.6z",
 					fill: "currentColor",
 				}),
-			}),
+			})
 		);
 	},
-	true,
+	true
 );
 
 var ColorPicker = /*#__PURE__*/ (function (_Field) {
@@ -11511,7 +11554,7 @@ var ColorPicker = /*#__PURE__*/ (function (_Field) {
 					value: this.emptyValue,
 					format: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.renderInput = function renderInput(context, instance, key) {
@@ -11520,7 +11563,7 @@ var ColorPicker = /*#__PURE__*/ (function (_Field) {
 			{
 				instance: instance,
 			},
-			key,
+			key
 		);
 	};
 	_proto.handleEvent = function handleEvent(eventType, instance, color) {
@@ -12098,7 +12141,7 @@ var MonthField = /*#__PURE__*/ (function (_Field) {
 					maxExclusive: undefined,
 					icon: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.isEmpty = function isEmpty(data) {
@@ -12183,7 +12226,7 @@ var MonthField = /*#__PURE__*/ (function (_Field) {
 				help: this.helpPlacement && getContent(this.renderHelp(context, instance, "help")),
 				icon: this.renderIcon(context, instance, "icon"),
 			},
-			key,
+			key
 		);
 	};
 	_proto.formatValue = function formatValue(context, _ref) {
@@ -12288,11 +12331,11 @@ var MonthInput = /*#__PURE__*/ (function (_VDOM$Component) {
 								if (!touch) _this2.input.focus();
 							});
 						},
-					},
+					}
 				),
 				constrain: true,
 				firstChildDefinesWidth: true,
-			},
+			}
 		);
 		return (this.dropdown = Widget.create(dropdown));
 	};
@@ -12362,7 +12405,7 @@ var MonthInput = /*#__PURE__*/ (function (_VDOM$Component) {
 					icon: !!icon,
 					empty: empty && !data.placeholder,
 					error: data.error && (state.visited || !suppressErrorsUntilVisited || !empty),
-				}),
+				})
 			),
 			style: data.style,
 			onMouseDown: this.onMouseDown.bind(this),
@@ -12489,7 +12532,7 @@ var MonthInput = /*#__PURE__*/ (function (_VDOM$Component) {
 				{
 					dropdownOpen: false,
 				},
-				callback,
+				callback
 			);
 		} else if (callback) callback();
 	};
@@ -12577,7 +12620,7 @@ var ColorField = /*#__PURE__*/ (function (_Field) {
 					required: undefined,
 					format: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.init = function init() {
@@ -12609,7 +12652,7 @@ var ColorField = /*#__PURE__*/ (function (_Field) {
 				label: this.labelPlacement && getContent(this.renderLabel(context, instance, "label")),
 				help: this.helpPlacement && getContent(this.renderHelp(context, instance, "help")),
 			},
-			key,
+			key
 		);
 	};
 	return ColorField;
@@ -12670,7 +12713,7 @@ var ColorInput = /*#__PURE__*/ (function (_VDOM$Component) {
 								if (!touch) _this2.input.focus();
 							});
 						},
-					},
+					}
 				),
 				onFocusOut: function onFocusOut() {
 					_this2.closeDropdown();
@@ -12680,7 +12723,7 @@ var ColorInput = /*#__PURE__*/ (function (_VDOM$Component) {
 				},
 				firstChildDefinesHeight: true,
 				firstChildDefinesWidth: true,
-			},
+			}
 		);
 		return (this.dropdown = Widget.create(dropdown));
 	};
@@ -12751,7 +12794,7 @@ var ColorInput = /*#__PURE__*/ (function (_VDOM$Component) {
 					icon: true,
 					empty: empty && !data.placeholder,
 					error: data.error && (state.visited || !suppressErrorsUntilVisited || !empty),
-				}),
+				})
 			),
 			style: data.style,
 			onMouseDown: this.onMouseDown.bind(this),
@@ -12798,8 +12841,8 @@ var ColorInput = /*#__PURE__*/ (function (_VDOM$Component) {
 							onMouseLeave: function onMouseLeave(e) {
 								return tooltipMouseLeave$1.apply(void 0, [e].concat(getFieldTooltip(instance)));
 							},
-						},
-					),
+						}
+					)
 				),
 				well,
 				insideButton,
@@ -12879,7 +12922,7 @@ var ColorInput = /*#__PURE__*/ (function (_VDOM$Component) {
 				{
 					dropdownOpen: false,
 				},
-				callback,
+				callback
 			);
 		} else if (callback) callback();
 	};
@@ -12976,7 +13019,7 @@ var UploadButton = /*#__PURE__*/ (function (_Field) {
 					icon: undefined,
 					accept: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.renderInput = function renderInput(context, instance, key) {
@@ -12987,7 +13030,7 @@ var UploadButton = /*#__PURE__*/ (function (_Field) {
 				instance: instance,
 				children: data.text || this.renderChildren(context, instance),
 			},
-			key,
+			key
 		);
 	};
 	return UploadButton;
@@ -13045,7 +13088,7 @@ var UploadButtonComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							width: this.state.progress + "%",
 						},
 					},
-					"progress",
+					"progress"
 				),
 				icon,
 				children,
@@ -13061,7 +13104,7 @@ var UploadButtonComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							tabIndex: data.tabIndex,
 							onChange: this.onFileSelected.bind(this),
 						},
-						this.state.uploadKey,
+						this.state.uploadKey
 					),
 			],
 		});
@@ -13196,7 +13239,7 @@ var Slider = /*#__PURE__*/ (function (_Field) {
 					},
 					invert: false,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.init = function init() {
@@ -13227,7 +13270,7 @@ var Slider = /*#__PURE__*/ (function (_Field) {
 				data: instance.data,
 				label: this.labelPlacement && getContent(this.renderLabel(context, instance, "label")),
 			},
-			key,
+			key
 		);
 	};
 	return Slider;
@@ -13280,12 +13323,12 @@ var SliderComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		var fromHandleStyle = _extends(
 			{},
 			handleStyle,
-			((_extends2 = {}), (_extends2[anchor] = (100 * (from - minValue)) / (maxValue - minValue) + "%"), _extends2),
+			((_extends2 = {}), (_extends2[anchor] = (100 * (from - minValue)) / (maxValue - minValue) + "%"), _extends2)
 		);
 		var toHandleStyle = _extends(
 			{},
 			handleStyle,
-			((_extends3 = {}), (_extends3[anchor] = (100 * (to - minValue)) / (maxValue - minValue) + "%"), _extends3),
+			((_extends3 = {}), (_extends3[anchor] = (100 * (to - minValue)) / (maxValue - minValue) + "%"), _extends3)
 		);
 		var rangeStyle = _extends(
 			{},
@@ -13293,7 +13336,7 @@ var SliderComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 			((_extends4 = {}),
 			(_extends4[anchor] = (100 * rangeStart) / (maxValue - minValue) + "%"),
 			(_extends4[widget.vertical ? "height" : "width"] = (100 * rangeSize) / (maxValue - minValue) + "%"),
-			_extends4),
+			_extends4)
 		);
 		return /*#__PURE__*/ jsxs("div", {
 			className: data.classNames,
@@ -13324,7 +13367,7 @@ var SliderComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 									className: CSS.element(baseClass, "range"),
 									style: rangeStyle,
 								},
-								"range",
+								"range"
 							),
 						/*#__PURE__*/ jsxs(
 							"div",
@@ -13359,7 +13402,7 @@ var SliderComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 													return (_this2.dom.from = c);
 												},
 											},
-											"from",
+											"from"
 										),
 									widget.showTo &&
 										/*#__PURE__*/ jsx(
@@ -13386,11 +13429,11 @@ var SliderComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 													return (_this2.dom.to = c);
 												},
 											},
-											"to",
+											"to"
 										),
 								],
 							},
-							"space",
+							"space"
 						),
 					],
 				}),
@@ -13433,7 +13476,7 @@ var SliderComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 			},
 			{
 				passive: false,
-			},
+			}
 		);
 	};
 	_proto2.onHandleMouseLeave = function onHandleMouseLeave(e, handle) {
@@ -13508,7 +13551,7 @@ var SliderComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 						tooltipName: tooltipName,
 						target: handleEl,
 					});
-			},
+			}
 		);
 	};
 	_proto2.getValues = function getValues(e, d) {
@@ -13633,7 +13676,7 @@ var Switch = /*#__PURE__*/ (function (_Field) {
 						structured: true,
 					},
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.isEmpty = function isEmpty() {
@@ -13716,11 +13759,11 @@ var Switch = /*#__PURE__*/ (function (_Field) {
 								className: CSS.element(this.baseClass, "text"),
 								children: text,
 							},
-							"text",
+							"text"
 						),
 				],
 			},
-			key,
+			key
 		);
 	};
 	_proto.toggle = function toggle(e, instance) {
@@ -13752,7 +13795,7 @@ var Wheel = /*#__PURE__*/ (function (_PureContainer) {
 					value: undefined,
 					options: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.render = function render(context, instance, key) {
@@ -13783,11 +13826,11 @@ var Wheel = /*#__PURE__*/ (function (_PureContainer) {
 						{
 							children: o.text,
 						},
-						0,
+						0
 					);
 				}),
 			},
-			key,
+			key
 		);
 	};
 	return Wheel;
@@ -13851,7 +13894,7 @@ var WheelComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					cls: optionClass,
 				};
 			}),
-			bpad,
+			bpad
 		);
 		if (!this.state.wheelHeight) displayedOptions = displayedOptions.slice(this.index, this.index + size);
 		return /*#__PURE__*/ jsxs("div", {
@@ -13889,7 +13932,7 @@ var WheelComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 											className: opt.cls,
 											children: opt.child,
 										},
-										opt.key,
+										opt.key
 									);
 								}),
 							}),
@@ -13952,7 +13995,7 @@ var WheelComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 			},
 			function () {
 				_this3.scrollEl.scrollTop = (_this3.index * _this3.state.wheelHeight) / _this3.props.size;
-			},
+			}
 		);
 		if (this.props.onPipeKeyDown) this.props.onPipeKeyDown(this.onKeyDown);
 	};
@@ -14040,7 +14083,7 @@ var DateTimePicker = /*#__PURE__*/ (function (_Widget) {
 				{
 					value: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.render = function render(context, instance, key) {
@@ -14052,7 +14095,7 @@ var DateTimePicker = /*#__PURE__*/ (function (_Widget) {
 				size: this.size,
 				segment: this.segment,
 			},
-			key,
+			key
 		);
 	};
 	return DateTimePicker;
@@ -14148,8 +14191,8 @@ var DateTimePickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					{
 						children: y,
 					},
-					y,
-				),
+					y
+				)
 			);
 		var days = [];
 		var start = new Date(date.getFullYear(), date.getMonth(), 1);
@@ -14161,8 +14204,8 @@ var DateTimePickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					{
 						children: day < 10 ? "0" + day : day,
 					},
-					day,
-				),
+					day
+				)
 			);
 			start.setDate(start.getDate() + 1);
 		}
@@ -14174,8 +14217,8 @@ var DateTimePickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					{
 						children: h < 10 ? "0" + h : h,
 					},
-					h,
-				),
+					h
+				)
 			);
 		}
 		var minutes = [];
@@ -14186,8 +14229,8 @@ var DateTimePickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					{
 						children: m < 10 ? "0" + m : m,
 					},
-					m,
-				),
+					m
+				)
 			);
 		}
 		return /*#__PURE__*/ jsxs("div", {
@@ -14257,7 +14300,7 @@ var DateTimePickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 								{
 									children: m,
 								},
-								i,
+								i
 							);
 						}),
 					}),
@@ -14594,7 +14637,7 @@ var DateTimeField = /*#__PURE__*/ (function (_Field) {
 					icon: undefined,
 					autoOpen: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.init = function init() {
@@ -14686,7 +14729,7 @@ var DateTimeField = /*#__PURE__*/ (function (_Field) {
 				help: this.helpPlacement && getContent(this.renderHelp(context, instance, "help")),
 				icon: getContent(this.renderIcon(context, instance, "icon")),
 			},
-			key,
+			key
 		);
 	};
 	_proto.formatValue = function formatValue(context, _ref) {
@@ -14815,7 +14858,7 @@ var DateTimeInput = /*#__PURE__*/ (function (_VDOM$Component) {
 						});
 					},
 				}),
-			},
+			}
 		);
 		return (this.dropdown = Widget.create(dropdown));
 	};
@@ -14885,7 +14928,7 @@ var DateTimeInput = /*#__PURE__*/ (function (_VDOM$Component) {
 					icon: !!icon,
 					empty: empty && !data.placeholder,
 					error: data.error && (state.visited || !suppressErrorsUntilVisited || !empty),
-				}),
+				})
 			),
 			style: data.style,
 			onMouseDown: this.onMouseDown.bind(this),
@@ -14931,8 +14974,8 @@ var DateTimeInput = /*#__PURE__*/ (function (_VDOM$Component) {
 							onMouseLeave: function onMouseLeave(e) {
 								return tooltipMouseLeave$1.apply(void 0, [e].concat(getFieldTooltip(_this3.props.instance)));
 							},
-						},
-					),
+						}
+					)
 				),
 				icon,
 				insideButton,
@@ -15020,7 +15063,7 @@ var DateTimeInput = /*#__PURE__*/ (function (_VDOM$Component) {
 				{
 					dropdownOpen: false,
 				},
-				callback,
+				callback
 			);
 			this.props.instance.setState({
 				visited: true,
@@ -15158,7 +15201,7 @@ var Validator = /*#__PURE__*/ (function (_Field) {
 					},
 					disabled: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.isEmpty = function isEmpty(data) {
@@ -15182,10 +15225,10 @@ var DropDownIcon = registerIcon(
 					fill: "currentColor",
 					d: "M10.5 5.8l-3-3-3 3 .707.708L7 4.688v8.312h1V4.69l1.793 1.817z",
 				}),
-			}),
+			})
 		);
 	},
-	true,
+	true
 );
 
 var GridCell = /*#__PURE__*/ (function (_PureContainer) {
@@ -15211,7 +15254,7 @@ var GridCell = /*#__PURE__*/ (function (_PureContainer) {
 					fixed: undefined,
 					mergeCells: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.init = function init() {
@@ -15235,8 +15278,8 @@ var GridCell = /*#__PURE__*/ (function (_PureContainer) {
 				}),
 				(_this$CSS$state["aligned-" + this.align] = this.align),
 				(_this$CSS$state.mergable = data.merged),
-				_this$CSS$state),
-			),
+				_this$CSS$state)
+			)
 		);
 		data.style = this.CSS.parseStyle(data.style);
 	};
@@ -15306,7 +15349,7 @@ var GridRow = /*#__PURE__*/ (function (_ValidationGroup) {
 				{
 					hoverId: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.init = function init() {
@@ -15316,7 +15359,7 @@ var GridRow = /*#__PURE__*/ (function (_ValidationGroup) {
 				this.items.push(
 					GridRowLine.create(this["line" + i], {
 						recordName: this.recordName,
-					}),
+					})
 				);
 		}
 		_ValidationGroup.prototype.init.call(this);
@@ -15401,7 +15444,7 @@ var GridRowComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 				onContextMenu: this.onRowContextMenu,
 				"data-record-key": record.key,
 			},
-			children,
+			children
 		);
 	};
 	_proto2.onMouseDown = function onMouseDown(e) {
@@ -15544,7 +15587,7 @@ var GridCellEditor = /*#__PURE__*/ (function (_Container) {
 				style: data.style,
 				children: this.renderChildren(context, instance),
 			},
-			key,
+			key
 		);
 	};
 	return GridCellEditor;
@@ -15626,7 +15669,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 					},
 				},
 				selection,
-			]),
+			])
 		);
 	};
 	_proto.init = function init() {
@@ -15650,6 +15693,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 			colWidth: {},
 			lockedColWidth: {},
 			dimensionsVersion: 0,
+			disableDefaultSort: false,
 		};
 		instance.v = 0;
 		if (this.infinite)
@@ -15725,18 +15769,18 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 						value: isDefined(c.aggregateValue)
 							? c.aggregateValue
 							: isDefined(c.value)
-								? c.value
-								: c.aggregateField
-									? {
-											bind: _this.recordName + "." + c.aggregateField,
-										}
-									: null,
+							? c.value
+							: c.aggregateField
+							? {
+									bind: _this.recordName + "." + c.aggregateField,
+							  }
+							: null,
 						weight:
 							c.weight != null
 								? c.weight
 								: c.weightField && {
 										bind: _this.recordName + "." + c.weightField,
-									},
+								  },
 						type: c.aggregate,
 					};
 				} else if (c.footer && !showFooter) {
@@ -15761,7 +15805,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 			grouping[0].showFooter = true;
 			if (grouping[0].key && Object.keys(grouping[0].key).length > 0)
 				Console.warn(
-					"First grouping level in grids with a fixed footer must group all data. The key field should be omitted.",
+					"First grouping level in grids with a fixed footer must group all data. The key field should be omitted."
 				);
 		}
 		instance.dataAdapter = DataAdapter.create(
@@ -15775,7 +15819,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 				sortOptions: this.sortOptions,
 				groupings: grouping,
 			},
-			this.dataAdapter,
+			this.dataAdapter
 		);
 		instance.dataAdapter.initInstance(context, instance);
 		return Widget.create(
@@ -15788,8 +15832,8 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 					recordName: this.recordName,
 					hoverId: this.rowHoverId,
 				},
-				row,
-			),
+				row
+			)
 		);
 	};
 	_proto.prepareData = function prepareData(context, instance) {
@@ -15830,7 +15874,8 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 			sortField = data.sortField;
 			data.sorters = [sorter];
 		}
-		if (!isNonEmptyArray(data.sorters) && this.defaultSortField) {
+		var skipDefaultSorting = this.clearableSort && instance.state.disableDefaultSort;
+		if (!skipDefaultSorting && !isNonEmptyArray(data.sorters) && this.defaultSortField) {
 			var _sorter = {
 				field: this.defaultSortField,
 				direction: this.defaultSortDirection || "ASC",
@@ -16034,7 +16079,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 				fixedColumnsFixedFooter: instance.fixedColumnsFixedFooterVDOM,
 				children: this.renderChildren(context, instance),
 			},
-			key,
+			key
 		);
 	};
 	_proto.renderResizer = function renderResizer(instance, hdinst, header, colIndex, forPreviousColumn) {
@@ -16087,7 +16132,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 									width: width,
 									column: hdwidget,
 								},
-								hdinst,
+								hdinst
 							);
 						header.set("width", width);
 						instance.setState({
@@ -16095,7 +16140,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 							colWidth: _extends(
 								{},
 								instance.state.colWidth,
-								((_extends2 = {}), (_extends2[hdwidget.uniqueColumnId] = width), _extends2),
+								((_extends2 = {}), (_extends2[hdwidget.uniqueColumnId] = width), _extends2)
 							),
 						});
 					},
@@ -16131,7 +16176,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 							colWidth: _extends(
 								{},
 								instance.state.colWidth,
-								((_extends3 = {}), (_extends3[hdwidget.uniqueColumnId] = width), _extends3),
+								((_extends3 = {}), (_extends3[hdwidget.uniqueColumnId] = width), _extends3)
 							),
 						});
 					},
@@ -16268,8 +16313,8 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 									"data-unique-col-id": colSpan > 1 ? null : hdwidget.uniqueColumnId,
 									children: [getContent(content), sortIcon, tool, prevColumnResizer, resizer],
 								},
-								colIndex,
-							),
+								colIndex
+							)
 						);
 					},
 					_ret;
@@ -16291,8 +16336,8 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 								rowSpan: result.length,
 								className: CSS.element(baseClass, "col-header"),
 							},
-							"dummy",
-						),
+							"dummy"
+						)
 					);
 				}
 				headerRows.push.apply(
@@ -16303,9 +16348,9 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 							{
 								children: h,
 							},
-							lineIndex + "-" + i,
+							lineIndex + "-" + i
 						);
-					}),
+					})
 				);
 			}
 		});
@@ -16316,7 +16361,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 				className: CSS.element(baseClass, "header"),
 				children: headerRows,
 			},
-			"h" + key,
+			"h" + key
 		);
 	};
 	_proto.onHeaderMouseMove = function onHeaderMouseMove(e, column, columnInstance, gridInstance, headerLine) {
@@ -16358,7 +16403,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 						},
 					},
 				},
-				function () {},
+				function () {}
 			);
 		}
 	};
@@ -16389,7 +16434,10 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 			) {
 				if (data.sorters[0].direction == "ASC" && (!this.clearableSort || direction == "ASC")) direction = "DESC";
 				else if (data.sorters[0].direction == "DESC" && (!this.clearableSort || direction == "DESC")) direction = "ASC";
-				else direction = null;
+				else {
+					direction = null;
+					instance.state.disableDefaultSort = true;
+				}
 			}
 			var sorters = direction
 				? [
@@ -16400,7 +16448,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 							comparer: comparer,
 							sortOptions: sortOptions,
 						},
-					]
+				  ]
 				: null;
 			if (sorters == null) field = null;
 			instance.set("sorters", sorters);
@@ -16431,7 +16479,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 						}),
 					}),
 				},
-				"g-" + level + "-" + group.$key,
+				"g-" + level + "-" + group.$key
 			);
 		} else if (g.showCaption) {
 			var skip = 0;
@@ -16494,7 +16542,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 							style: style,
 							children: v,
 						},
-						i,
+						i
 					);
 				});
 				if (empty) return;
@@ -16504,8 +16552,8 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 						{
 							children: cells,
 						},
-						lineIndex,
-					),
+						lineIndex
+					)
 				);
 			});
 			if (lines.length == 0) return null;
@@ -16517,7 +16565,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 					"data-group-element": "group-caption-" + level,
 					children: lines,
 				},
-				"c" + group.$key,
+				"c" + group.$key
 			);
 		}
 	};
@@ -16530,7 +16578,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 		i,
 		store,
 		fixed,
-		fixedColumns,
+		fixedColumns
 	) {
 		var CSS = this.CSS,
 			baseClass = this.baseClass;
@@ -16595,7 +16643,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 						style: style,
 						children: v,
 					},
-					i,
+					i
 				);
 			});
 			if (empty) return;
@@ -16606,8 +16654,8 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 						{
 							className: CSS.element(baseClass, "fixed-footer-corner"),
 						},
-						"dummy",
-					),
+						"dummy"
+					)
 				);
 			lines.push(
 				/*#__PURE__*/ jsx(
@@ -16615,8 +16663,8 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 					{
 						children: cells,
 					},
-					lineIndex,
-				),
+					lineIndex
+				)
 			);
 		});
 		if (lines.length == 0) return null;
@@ -16629,7 +16677,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 				"data-group-element": "group-footer-" + level,
 				children: lines,
 			},
-			"f" + i,
+			"f" + i
 		);
 	};
 	_proto.renderRows = function renderRows(context, instance) {
@@ -16654,8 +16702,8 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 							record.group,
 							record.key + "-caption",
 							record.store,
-							false,
-						),
+							false
+						)
 					);
 				if (hasFixedColumns)
 					record.fixedVdom.push(
@@ -16667,8 +16715,8 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 							record.group,
 							record.key + "-caption",
 							record.store,
-							true,
-						),
+							true
+						)
 					);
 				if (g.showHeader) {
 					record.vdom.push(this.renderHeader(context, instance, record.key + "-header", false, false));
@@ -16688,7 +16736,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 						record.key + "-footer",
 						record.store,
 						false,
-						false,
+						false
 					);
 					if (hasFixedColumns)
 						record.fixedVdom = this.renderGroupFooter(
@@ -16700,7 +16748,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 							record.key + "-footer",
 							record.store,
 							false,
-							true,
+							true
 						);
 				}
 			}
@@ -16730,7 +16778,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 			record.key + "-footer",
 			record.store,
 			true,
-			false,
+			false
 		);
 		if (hasFixedColumns)
 			instance.fixedColumnsFixedFooterVDOM = this.renderGroupFooter(
@@ -16744,7 +16792,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 				record.key + "-footer",
 				record.store,
 				true,
-				true,
+				true
 			);
 	};
 	_proto.mapRecords = function mapRecords(context, instance) {
@@ -16864,7 +16912,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 								this.rowHeight > 0
 									? {
 											height: this.rowHeight + 1,
-										}
+									  }
 									: null,
 							jsxAttributes: ["className", "style"],
 							children: [
@@ -16888,7 +16936,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					],
 				}),
 			},
-			key,
+			key
 		);
 	};
 	_proto2.createRowRenderer = function createRowRenderer(cellWrap) {
@@ -17012,7 +17060,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 										rowSpan: mergeRowSpan != null ? mergeRowSpan : data.rowSpan,
 										children: content,
 									},
-									key,
+									key
 								);
 							});
 							if (hasMergedCells) return cells;
@@ -17023,11 +17071,11 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 									style: data.style,
 									children: cells,
 								},
-								key,
+								key
 							);
 						}),
 					},
-					key,
+					key
 				);
 			};
 			if (!standalone) return wrap(record.vdom);
@@ -17042,7 +17090,6 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					contentFactory: function contentFactory(x) {
 						return wrap({
 							content: Array.isArray(x.children) ? x.children : x.children != null ? [x.children] : [],
-							data: {},
 						});
 					},
 					params: _extends({}, mod, {
@@ -17053,7 +17100,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 						cellEdit: index == cursor && cursorCellIndex != null && cellEdit,
 					}),
 				},
-				key,
+				key
 			);
 		};
 	};
@@ -17128,7 +17175,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 								],
 							},
 						},
-						start + i,
+						start + i
 					);
 				} else {
 					var record = instance.records
@@ -17152,8 +17199,8 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 									record.group,
 									record.key + "-caption",
 									record.store,
-									false,
-								),
+									false
+								)
 							);
 							if (hasFixedColumns)
 								fixedChildren.push(
@@ -17165,8 +17212,8 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 										record.group,
 										record.key + "-caption",
 										record.store,
-										true,
-									),
+										true
+									)
 								);
 						}
 					} else if (record.type == "group-footer") {
@@ -17182,8 +17229,8 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 									record.key + "-footer",
 									record.store,
 									false,
-									false,
-								),
+									false
+								)
 							);
 							if (hasFixedColumns)
 								fixedChildren.push(
@@ -17196,8 +17243,8 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 										record.key + "-footer",
 										record.store,
 										false,
-										true,
-									),
+										true
+									)
 								);
 						}
 					}
@@ -17276,7 +17323,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 						}),
 					}),
 				},
-				"dropzone",
+				"dropzone"
 			);
 			var dataRecordClass = CSS.element(baseClass, "data");
 			var isDataRecord = widget.buffered
@@ -17290,13 +17337,13 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 								? void 0
 								: _item$props["class"]) == dataRecordClass
 						);
-					}
+				  }
 				: function (item) {
 						var _item$props2;
 						return item == null || (_item$props2 = item.props) == null || (_item$props2 = _item$props2.record) == null
 							? void 0
 							: _item$props2.type;
-					};
+				  };
 			var _index = 0;
 			while (_index < children.length && !isDataRecord(children[_index])) _index++;
 			var count = 0;
@@ -17329,7 +17376,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							}),
 						}),
 					},
-					"empty",
+					"empty"
 				),
 			];
 		} else if (widget.fixedFooter && (widget.buffered || !instance.fixedFooterIsGroupFooter)) {
@@ -17360,8 +17407,8 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							}),
 						}),
 					},
-					"fixedscroller",
-				),
+					"fixedscroller"
+				)
 			);
 		}
 		content.push(
@@ -17386,8 +17433,8 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 						}),
 					}),
 				},
-				"scroller",
-			),
+				"scroller"
+			)
 		);
 		if (this.props.fixedHeader)
 			content.push(
@@ -17405,8 +17452,8 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							children: this.props.fixedHeader,
 						}),
 					},
-					"fh",
-				),
+					"fh"
+				)
 			);
 		if (this.props.fixedColumnsFixedHeader)
 			fixedColumnsContent.push(
@@ -17424,8 +17471,8 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							children: this.props.fixedColumnsFixedHeader,
 						}),
 					},
-					"fcfh",
-				),
+					"fcfh"
+				)
 			);
 		if (shouldRenderFixedFooter) {
 			content.push(
@@ -17440,8 +17487,8 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							children: fixedFooter,
 						}),
 					},
-					"ff",
-				),
+					"ff"
+				)
 			);
 			if (hasFixedColumns)
 				fixedColumnsContent.push(
@@ -17456,8 +17503,8 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 								children: fixedColumnsFixedFooter,
 							}),
 						},
-						"fcff",
-					),
+						"fcff"
+					)
 				);
 		}
 		var columnInsertionMarker = null;
@@ -17540,7 +17587,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 								filterParams: data.filterParams,
 								state: _this8.prevFetchRecordsState,
 							},
-							instance,
+							instance
 						);
 						promises.push(Promise.resolve(result));
 					}
@@ -17558,7 +17605,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 							} else {
 								if (!Array.isArray(page.records))
 									throw new Error(
-										"onFetchRecords should return an array of records or an object with results inside records property.",
+										"onFetchRecords should return an array of records or an object with results inside records property."
 									);
 								totalRecordCount = page.totalRecordCount;
 								lastPage = page.lastPage;
@@ -17643,7 +17690,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					},
 					function () {
 						_this9.pending = false;
-					},
+					}
 				);
 			}
 		}
@@ -17656,7 +17703,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		return props.shouldUpdate !== false || state !== this.state;
 	};
 	_proto2.componentDidMount = function componentDidMount() {
-		var _this10 = this;
+		var _this0 = this;
 		this.componentDidUpdate();
 		var instance = this.props.instance;
 		var widget = instance.widget;
@@ -17664,10 +17711,10 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 			//update fixed header/footer on resize
 			this.offResize = ResizeManager.trackElement(this.dom.scroller, function () {
 				requestAnimationFrame(function () {
-					var _this10$dom$scroller;
+					var _this0$dom$scroller;
 					//ignore changes if the element is not visible on the page
-					if (!((_this10$dom$scroller = _this10.dom.scroller) != null && _this10$dom$scroller.offsetWidth)) return;
-					_this10.componentDidUpdate();
+					if (!((_this0$dom$scroller = _this0.dom.scroller) != null && _this0$dom$scroller.offsetWidth)) return;
+					_this0.componentDidUpdate();
 					instance.setState({
 						dimensionsVersion: instance.state.dimensionsVersion + 1,
 						lockedColWidth: {},
@@ -18164,6 +18211,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					instance.buffer.totalRecordCount = 0;
 					instance.buffer.page = 1;
 					this.prevFetchRecordsState = null;
+					this.loading = false;
 				}
 			}
 			if (widget.scrollSelectionIntoView && !widget.buffered) {
@@ -18181,7 +18229,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		}
 	};
 	_proto2.moveCursor = function moveCursor(index, _temp) {
-		var _this11 = this;
+		var _this1 = this;
 		var _ref6 = _temp === void 0 ? {} : _temp,
 			focused = _ref6.focused;
 		_ref6.hover;
@@ -18220,72 +18268,72 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		}
 		batchUpdates(function () {
 			if (select) {
-				var start = selectRange && _this11.state.selectionStart >= 0 ? _this11.state.selectionStart : index;
+				var start = selectRange && _this1.state.selectionStart >= 0 ? _this1.state.selectionStart : index;
 				if (start < 0) start = index;
-				_this11.selectRange(start, index, selectOptions);
+				_this1.selectRange(start, index, selectOptions);
 				if (!selectRange) newState.selectionStart = index;
 			}
 			if (Object.keys(newState).length > 0) {
-				var prevState = _this11.state;
+				var prevState = _this1.state;
 				var wasCellEditing = prevState.focused && prevState.cellEdit;
-				var futureState = _extends({}, _this11.state, newState);
+				var futureState = _extends({}, _this1.state, newState);
 				if (!futureState.cellEdit && wasCellEditing) {
 					// If cell editing is in progress, moving the cursor may cause that the cell editor to unmount before
 					// the blur event which may cause data loss for components which do not have reactOn=change set, e.g. NumberField.
 					unfocusElement(null, false);
-					var record = _this11.getRecordAt(prevState.cursor);
-					if ((!_this11.cellEditorValid || cancelEdit) && _this11.cellEditUndoData)
-						record.store.set(widget.recordName, _this11.cellEditUndoData);
+					var record = _this1.getRecordAt(prevState.cursor);
+					if ((!_this1.cellEditorValid || cancelEdit) && _this1.cellEditUndoData)
+						record.store.set(widget.recordName, _this1.cellEditUndoData);
 					else {
 						var newData = record.store.get(widget.recordName); //record.data might be stale at this point
-						if (widget.onCellEdited && newData != _this11.cellEditUndoData) {
-							_this11.props.instance.invoke(
+						if (widget.onCellEdited && newData != _this1.cellEditUndoData) {
+							_this1.props.instance.invoke(
 								"onCellEdited",
 								{
 									column: visibleColumns[prevState.cursorCellIndex],
 									newData: newData,
-									oldData: _this11.cellEditUndoData,
+									oldData: _this1.cellEditUndoData,
 									field: visibleColumns[prevState.cursorCellIndex].field,
 								},
-								record,
+								record
 							);
-							_this11.cellEditUndoData = newData;
+							_this1.cellEditUndoData = newData;
 						}
 					}
 				}
 				if (futureState.cellEdit && !wasCellEditing) {
-					var _record = _this11.getRecordAt(futureState.cursor);
+					var _record = _this1.getRecordAt(futureState.cursor);
 					var cellEditUndoData = _record.data;
 					if (
 						widget.onBeforeCellEdit &&
-						_this11.props.instance.invoke(
+						_this1.props.instance.invoke(
 							"onBeforeCellEdit",
 							{
 								column: visibleColumns[futureState.cursorCellIndex],
 								data: cellEditUndoData,
 								field: visibleColumns[futureState.cursorCellIndex].field,
 							},
-							_record,
+							_record
 						) === false
 					)
 						return;
-					_this11.cellEditUndoData = cellEditUndoData;
+					_this1.cellEditUndoData = cellEditUndoData;
 				}
-				_this11.setState(newState, function () {
-					if (_this11.state.focused && !_this11.state.cellEdit && wasCellEditing) FocusManager.focus(_this11.dom.el);
+				_this1.setState(newState, function () {
+					if (_this1.state.focused && !_this1.state.cellEdit && wasCellEditing) FocusManager.focus(_this1.dom.el);
 					if (scrollIntoView) {
-						var _record2 = _this11.getRecordAt(index);
-						var item = _record2 && _this11.dom.table.querySelector('tbody[data-record-key="' + _record2.key + '"]');
+						var _record2 = _this1.getRecordAt(index);
+						var item = _record2 && _this1.dom.table.querySelector('tbody[data-record-key="' + _record2.key + '"]');
 						var hscroll = false;
 						if (item) {
 							if (widget.cellEditable)
-								if (_this11.state.cursorCellIndex >= _this11.props.instance.fixedColumnCount) {
+								if (_this1.state.cursorCellIndex >= _this1.props.instance.fixedColumnCount) {
 									hscroll = true;
 									item =
-										item.firstChild.children[_this11.state.cursorCellIndex - _this11.props.instance.fixedColumnCount];
+										item.firstChild.children[_this1.state.cursorCellIndex - _this1.props.instance.fixedColumnCount];
 								} else {
-									var fixedItem = _this11.dom.fixedTable.querySelector('tbody[data-record-key="' + _record2.key + '"]');
-									var cell = fixedItem && fixedItem.firstChild.children[_this11.state.cursorCellIndex];
+									var fixedItem = _this1.dom.fixedTable.querySelector('tbody[data-record-key="' + _record2.key + '"]');
+									var cell = fixedItem && fixedItem.firstChild.children[_this1.state.cursorCellIndex];
 									if (cell) scrollElementIntoView(cell, false, true, 10);
 								}
 							scrollElementIntoView(item, true, hscroll, widget.cellEditable ? 10 : 0);
@@ -18318,7 +18366,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		});
 	};
 	_proto2.onFocus = function onFocus() {
-		var _this12 = this;
+		var _this10 = this;
 		FocusManager.nudge();
 
 		//focus moved within the grid
@@ -18333,13 +18381,13 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 
 		//the cursor will be set if focus in originating from a mouse event
 		setTimeout(function () {
-			_this12.showCursor(true);
+			_this10.showCursor(true);
 		}, 0);
 		if (!widget.focused) {
 			if (this.dom.el) {
 				//if an inner element is focused first (autoFocus), this.dom.el might be undefined
 				oneFocusOut(this, this.dom.el, function () {
-					_this12.moveCursor(-1, {
+					_this10.moveCursor(-1, {
 						focused: false,
 					});
 				});
@@ -18461,7 +18509,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 				if (widget.cellEditable) {
 					e.stopPropagation();
 					e.preventDefault();
-					var direction = e.shiftKey ? -1 : +1;
+					var direction = e.shiftKey ? -1 : 1;
 					var cursor = this.state.cursor;
 					var cellIndex = (this.state.cursorCellIndex + direction) % instance.row.line1.columns.length;
 					if (cellIndex == -1) {
@@ -18550,7 +18598,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		}
 	};
 	_proto2.beginDragDrop = function beginDragDrop(e, record) {
-		var _this13 = this;
+		var _this11 = this;
 		var _this$props9 = this.props,
 			instance = _this$props9.instance,
 			data = _this$props9.data;
@@ -18568,7 +18616,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 			var row = (mappedRecord.row = instance.getDetachedChild(
 				instance.row,
 				"DD:" + mappedRecord.key,
-				mappedRecord.store,
+				mappedRecord.store
 			));
 			row.selected = true;
 			selected.push(mappedRecord);
@@ -18625,10 +18673,10 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 				},
 			},
 			function () {
-				_this13.setState({
+				_this11.setState({
 					dragged: false,
 				});
-			},
+			}
 		);
 		this.setState({
 			dragged: record,
@@ -18696,7 +18744,7 @@ var GridColumnHeaderLine = /*#__PURE__*/ (function (_PureContainer) {
 				{
 					showHeader: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto3.init = function init() {
@@ -18716,7 +18764,7 @@ var GridColumnHeaderLine = /*#__PURE__*/ (function (_PureContainer) {
 				style: data.style,
 				children: this.renderChildren(context, instance),
 			},
-			key,
+			key
 		);
 	};
 	return GridColumnHeaderLine;
@@ -18742,7 +18790,7 @@ var GridColumnHeader = /*#__PURE__*/ (function (_Widget) {
 					defaultWidth: undefined,
 					fixed: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto4.init = function init() {
@@ -18837,7 +18885,7 @@ var GridColumnHeaderCell = /*#__PURE__*/ (function (_PureContainer2) {
 					fixed: undefined,
 					draggable: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto5.initComponents = function initComponents() {
@@ -18848,7 +18896,7 @@ var GridColumnHeaderCell = /*#__PURE__*/ (function (_PureContainer2) {
 				{
 					tool: this.tool && Widget.create(this.tool),
 				},
-			]),
+			])
 		);
 	};
 	_proto5.render = function render(context, instance, key) {
@@ -19027,7 +19075,7 @@ var TreeNode = /*#__PURE__*/ (function (_Container) {
 					folderIcon: undefined,
 					hideArrow: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.prepareData = function prepareData(context, instance) {
@@ -19088,7 +19136,7 @@ var TreeNode = /*#__PURE__*/ (function (_Container) {
 					}),
 				],
 			},
-			key,
+			key
 		);
 	};
 	_proto.toggle = function toggle(e, instance) {
@@ -19126,7 +19174,7 @@ var Pagination = /*#__PURE__*/ (function (_Widget) {
 					length: undefined,
 					pageCount: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.render = function render(context, instance, key) {
@@ -19171,8 +19219,8 @@ var Pagination = /*#__PURE__*/ (function (_Widget) {
 						},
 						children: p < minPage ? prevPageIcon : p > maxPage ? nextPageIcon : p,
 					},
-					p < minPage ? "-1" : p > maxPage ? "-2" : p,
-				),
+					p < minPage ? "-1" : p > maxPage ? "-2" : p
+				)
 			);
 		};
 		for (var p = minPage - 1; p <= maxPage + 1; p++) {
@@ -19189,7 +19237,7 @@ var Pagination = /*#__PURE__*/ (function (_Widget) {
 				},
 				children: pageBtns,
 			},
-			key,
+			key
 		);
 	};
 	_proto.onKeyDown = function onKeyDown(e, instance) {
@@ -19251,7 +19299,7 @@ var DragSource = /*#__PURE__*/ (function (_Container) {
 						structured: true,
 					},
 				},
-			]),
+			])
 		);
 	};
 	_proto.explore = function explore(context, instance) {
@@ -19269,7 +19317,7 @@ var DragSource = /*#__PURE__*/ (function (_Container) {
 				handled: this.handled || instance.dragHandles.length > 0,
 				children: this.renderChildren(context, instance),
 			},
-			key,
+			key
 		);
 	};
 	return DragSource;
@@ -19339,8 +19387,8 @@ var DragSourceComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 				eventHandlers,
 				{
 					children: children,
-				},
-			),
+				}
+			)
 		);
 	};
 	_proto2.onMouseDown = function onMouseDown(e) {
@@ -19387,7 +19435,7 @@ var DragSourceComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					dragged: false,
 				});
 				if (widget.onDragEnd) instance.invoke("onDragEnd", e, instance);
-			},
+			}
 		);
 		this.setState({
 			dragged: true,
@@ -19421,7 +19469,7 @@ var DragHandle = /*#__PURE__*/ (function (_Container) {
 				onMouseUp: ddHandle,
 				children: this.renderChildren(context, instance),
 			},
-			key,
+			key
 		);
 	};
 	return DragHandle;
@@ -19474,7 +19522,7 @@ var DropZone = /*#__PURE__*/ (function (_Container) {
 						structured: true,
 					},
 				},
-			]),
+			])
 		);
 	};
 	_proto.render = function render(context, instance, key) {
@@ -19484,7 +19532,7 @@ var DropZone = /*#__PURE__*/ (function (_Container) {
 				instance: instance,
 				children: this.renderChildren(context, instance),
 			},
-			key,
+			key
 		);
 	};
 	return DropZone;