cx 26.0.14 → 26.1.1

package/dist/widgets.js

@@ -542,171 +542,203 @@ function restoreDefaultIcons() {
 
 registerIcon(
 	"calendar",
-	(props) => {
-		return jsxs("svg", {
-			...props,
-			viewBox: "0 0 32 32",
-			children: [
-				jsx("path", {
-					d: "M4 3h6m10 0h6",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "2",
-				}),
-				jsx("path", {
-					d: "M19 21h4v4h-4z",
-					fill: "currentColor",
-				}),
-				jsx("path", {
-					d: "M3 25h24M3 21h24M3 17h24M7 28V13m-4 0h24M11 28V13.2M15 28V13.27M19 28V13.03M23 28V13.5",
-					fill: "none",
-					stroke: "currentColor",
-				}),
-				jsx("path", {
-					fill: "currentColor",
-					d: "M10 8h10v2H10z",
-				}),
-				jsx("path", {
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "2",
-					d: "M3 5h24v24H3z",
-				}),
-			],
-		});
+	({ key, ...props }) => {
+		return jsxs(
+			"svg",
+			{
+				...props,
+				viewBox: "0 0 32 32",
+				children: [
+					jsx("path", {
+						d: "M4 3h6m10 0h6",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+					}),
+					jsx("path", {
+						d: "M19 21h4v4h-4z",
+						fill: "currentColor",
+					}),
+					jsx("path", {
+						d: "M3 25h24M3 21h24M3 17h24M7 28V13m-4 0h24M11 28V13.2M15 28V13.27M19 28V13.03M23 28V13.5",
+						fill: "none",
+						stroke: "currentColor",
+					}),
+					jsx("path", {
+						fill: "currentColor",
+						d: "M10 8h10v2H10z",
+					}),
+					jsx("path", {
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						d: "M3 5h24v24H3z",
+					}),
+				],
+			},
+			key,
+		);
 	},
 	true,
 );
 
 var CheckIcon = registerIcon(
 	"check",
-	(props) => {
-		return jsx("svg", {
-			...props,
-			viewBox: "0 0 64 64",
-			children: jsx("path", {
-				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",
-			}),
-		});
+	({ key, ...props }) => {
+		return jsx(
+			"svg",
+			{
+				...props,
+				viewBox: "0 0 64 64",
+				children: jsx("path", {
+					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",
+				}),
+			},
+			key,
+		);
 	},
 	true,
 );
 
 var ClearIcon = registerIcon(
 	"clear",
-	(props) => {
-		return jsx("svg", {
-			...props,
-			viewBox: "0 0 32 32",
-			children: jsx("path", {
-				fill: "currentColor",
-				strokeWidth: "1",
-				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",
-			}),
-		});
+	({ key, ...props }) => {
+		return jsx(
+			"svg",
+			{
+				...props,
+				viewBox: "0 0 32 32",
+				children: jsx("path", {
+					fill: "currentColor",
+					strokeWidth: "1",
+					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",
+				}),
+			},
+			key,
+		);
 	},
 	true,
 );
 
 registerIcon(
 	"close",
-	(props) => {
-		return jsx("svg", {
-			...props,
-			viewBox: "0 0 32 32",
-			children: jsx("path", {
-				fill: "currentColor",
-				strokeWidth: "1",
-				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",
-			}),
-		});
+	({ key, ...props }) => {
+		return jsx(
+			"svg",
+			{
+				...props,
+				viewBox: "0 0 32 32",
+				children: jsx("path", {
+					fill: "currentColor",
+					strokeWidth: "1",
+					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",
+				}),
+			},
+			key,
+		);
 	},
 	true,
 );
 
 var DropdownIcon = registerIcon(
 	"drop-down",
-	(props) => {
-		return jsx("svg", {
-			...props,
-			viewBox: "0 0 20 20",
-			children: jsx("path", {
-				fill: "currentColor",
-				strokeWidth: "0",
-				stroke: "currentColor",
-				d: "M4.516 8.147L10.01 12.5l5.474-4.33-.473-.65-5 3.98-5-4z",
-			}),
-		});
+	({ key, ...props }) => {
+		return jsx(
+			"svg",
+			{
+				...props,
+				viewBox: "0 0 20 20",
+				children: jsx("path", {
+					fill: "currentColor",
+					strokeWidth: "0",
+					stroke: "currentColor",
+					d: "M4.516 8.147L10.01 12.5l5.474-4.33-.473-.65-5 3.98-5-4z",
+				}),
+			},
+			key,
+		);
 	},
 	true,
 );
 
 registerIcon(
 	"folder",
-	(props) => {
-		return jsx("svg", {
-			...props,
-			viewBox: "0 0 16 16",
-			children: jsx("path", {
-				d: "M1 5h13v9H1zm1 0h6L7 3H3z",
-				fill: "currentColor",
-				stroke: "none",
-			}),
-		});
+	({ key, ...props }) => {
+		return jsx(
+			"svg",
+			{
+				...props,
+				viewBox: "0 0 16 16",
+				children: jsx("path", {
+					d: "M1 5h13v9H1zm1 0h6L7 3H3z",
+					fill: "currentColor",
+					stroke: "none",
+				}),
+			},
+			key,
+		);
 	},
 	true,
 );
 
 registerIcon(
 	"folder-open",
-	(props) => {
-		return jsxs("svg", {
-			...props,
-			viewBox: "0 0 16 16",
-			children: [
-				jsx("path", {
-					d: "M0 5v7l2.5-6H13V5zm1 0h6L6 3H2z",
-					fill: "currentColor",
-					stroke: "none",
-				}),
-				jsx("path", {
-					d: "M3 7h13l-3 7H0z",
-					fill: "currentColor",
-					stroke: "none",
-				}),
-			],
-		});
+	({ key, ...props }) => {
+		return jsxs(
+			"svg",
+			{
+				...props,
+				viewBox: "0 0 16 16",
+				children: [
+					jsx("path", {
+						d: "M0 5v7l2.5-6H13V5zm1 0h6L6 3H2z",
+						fill: "currentColor",
+						stroke: "none",
+					}),
+					jsx("path", {
+						d: "M3 7h13l-3 7H0z",
+						fill: "currentColor",
+						stroke: "none",
+					}),
+				],
+			},
+			key,
+		);
 	},
 	true,
 );
 
 registerIcon(
 	"menu",
-	(props) => {
-		return jsxs("svg", {
-			...props,
-			viewBox: "0 0 24 24",
-			children: [
-				jsx("path", {
-					d: "M0 0h24v24H0z",
-					fill: "none",
-				}),
-				jsx("path", {
-					d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
-					fill: "currentColor",
-				}),
-			],
-		});
+	({ key, ...props }) => {
+		return jsxs(
+			"svg",
+			{
+				...props,
+				viewBox: "0 0 24 24",
+				children: [
+					jsx("path", {
+						d: "M0 0h24v24H0z",
+						fill: "none",
+					}),
+					jsx("path", {
+						d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
+						fill: "currentColor",
+					}),
+				],
+			},
+			key,
+		);
 	},
 	true,
 );
 
 registerIcon(
 	"loading",
-	(props) => {
+	({ key, ...props }) => {
 		let style = {
 			animation: "linear infinite 0.5s cx-rotate",
 		};
@@ -715,173 +747,189 @@ registerIcon(
 			...props,
 			style,
 		};
-		return jsx("svg", {
-			...props,
-			viewBox: "0 0 50 50",
-			children: jsx("path", {
-				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",
-			}),
-		});
+		return jsx(
+			"svg",
+			{
+				...props,
+				viewBox: "0 0 50 50",
+				children: jsx("path", {
+					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",
+				}),
+			},
+			key,
+		);
 	},
 	true,
 );
 
 registerIcon(
 	"search",
-	(props) => {
-		return jsx("svg", {
-			...props,
-			viewBox: "0 0 32 32",
-			children: jsx("path", {
-				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",
-			}),
-		});
+	({ key, ...props }) => {
+		return jsx(
+			"svg",
+			{
+				...props,
+				viewBox: "0 0 32 32",
+				children: jsx("path", {
+					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",
+				}),
+			},
+			key,
+		);
 	},
 	true,
 );
 
 registerIcon(
 	"cx",
-	(props) => {
-		return jsx("svg", {
-			...props,
-			viewBox: "-347 249.7 48 48",
-			children: jsxs("g", {
+	({ key, ...props }) => {
+		return jsx(
+			"svg",
+			{
+				...props,
+				viewBox: "-347 249.7 48 48",
+				children: jsxs("g", {
+					children: [
+						jsx("path", {
+							fill: "currentColor",
+							opacity: "0.7",
+							d: "M-337.1 273.16l-4.23-7.33h8.46z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							d: "M-318.32 273.16l-4.23-7.33h8.46z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							opacity: "0.7",
+							d: "M-337.53 273.43h-8.45l4.22-7.33z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							d: "M-309.38 273.43h-8.46l4.23-7.33z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							opacity: "0.7",
+							d: "M-332.4 265.03l-4.22-7.33h8.46z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							d: "M-304.24 265.03l-4.23-7.33h8.45z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							d: "M-322.97 265.03l-4.28-7.33h8.5z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							opacity: "0.7",
+							d: "M-332.87 265.3h-8.46l4.23-7.33z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							opacity: "0.7",
+							d: "M-323.45 265.3h-8.46l4.2-7.33z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							d: "M-314.1 265.3h-8.45l4.23-7.33z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							d: "M-308.9 273.16l-4.23-7.33h8.46z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							d: "M-304.67 265.3h-8.46l4.23-7.33z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							d: "M-314.1 281.57h-8.45l4.23-7.33z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							d: "M-313.6 281.3l-4.24-7.33h8.46z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							d: "M-318.32 289.43l-4.23-7.33h8.46z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							d: "M-304.67 281.57h-8.46l4.23-7.33z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							d: "M-308.9 289.43l-4.23-7.33h8.46z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							opacity: "0.7",
+							d: "M-341.76 281.3l-4.22-7.33h8.45z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							opacity: "0.7",
+							d: "M-332.87 281.57h-8.46l4.23-7.33z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							opacity: "0.7",
+							d: "M-337.1 289.43l-4.23-7.33h8.46z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							opacity: "0.7",
+							d: "M-327.68 289.43l-4.23-7.33h8.43z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							opacity: "0.7",
+							d: "M-328.16 289.7h-8.46l4.23-7.33z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							d: "M-318.75 289.7h-8.5l4.28-7.33z",
+						}),
+						jsx("path", {
+							fill: "currentColor",
+							d: "M-300.02 289.7h-8.45l4.23-7.33z",
+						}),
+					],
+				}),
+			},
+			key,
+		);
+	},
+	true,
+);
+
+registerIcon(
+	"file",
+	({ key, ...props }) => {
+		return jsxs(
+			"svg",
+			{
+				...props,
+				viewBox: "0 0 16 16",
 				children: [
 					jsx("path", {
+						d: "M2 2h5v5h5v7H2z",
 						fill: "currentColor",
-						opacity: "0.7",
-						d: "M-337.1 273.16l-4.23-7.33h8.46z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						d: "M-318.32 273.16l-4.23-7.33h8.46z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						opacity: "0.7",
-						d: "M-337.53 273.43h-8.45l4.22-7.33z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						d: "M-309.38 273.43h-8.46l4.23-7.33z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						opacity: "0.7",
-						d: "M-332.4 265.03l-4.22-7.33h8.46z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						d: "M-304.24 265.03l-4.23-7.33h8.45z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						d: "M-322.97 265.03l-4.28-7.33h8.5z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						opacity: "0.7",
-						d: "M-332.87 265.3h-8.46l4.23-7.33z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						opacity: "0.7",
-						d: "M-323.45 265.3h-8.46l4.2-7.33z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						d: "M-314.1 265.3h-8.45l4.23-7.33z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						d: "M-308.9 273.16l-4.23-7.33h8.46z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						d: "M-304.67 265.3h-8.46l4.23-7.33z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						d: "M-314.1 281.57h-8.45l4.23-7.33z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						d: "M-313.6 281.3l-4.24-7.33h8.46z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						d: "M-318.32 289.43l-4.23-7.33h8.46z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						d: "M-304.67 281.57h-8.46l4.23-7.33z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						d: "M-308.9 289.43l-4.23-7.33h8.46z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						opacity: "0.7",
-						d: "M-341.76 281.3l-4.22-7.33h8.45z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						opacity: "0.7",
-						d: "M-332.87 281.57h-8.46l4.23-7.33z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						opacity: "0.7",
-						d: "M-337.1 289.43l-4.23-7.33h8.46z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						opacity: "0.7",
-						d: "M-327.68 289.43l-4.23-7.33h8.43z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						opacity: "0.7",
-						d: "M-328.16 289.7h-8.46l4.23-7.33z",
-					}),
-					jsx("path", {
-						fill: "currentColor",
-						d: "M-318.75 289.7h-8.5l4.28-7.33z",
+						stroke: "none",
 					}),
 					jsx("path", {
+						d: "M8 2v4h4z",
 						fill: "currentColor",
-						d: "M-300.02 289.7h-8.45l4.23-7.33z",
+						stroke: "none",
 					}),
 				],
-			}),
-		});
-	},
-	true,
-);
-
-registerIcon(
-	"file",
-	(props) => {
-		return jsxs("svg", {
-			...props,
-			viewBox: "0 0 16 16",
-			children: [
-				jsx("path", {
-					d: "M2 2h5v5h5v7H2z",
-					fill: "currentColor",
-					stroke: "none",
-				}),
-				jsx("path", {
-					d: "M8 2v4h4z",
-					fill: "currentColor",
-					stroke: "none",
-				}),
-			],
-		});
+			},
+			key,
+		);
 	},
 	true,
 );
@@ -3180,6 +3228,7 @@ class OverlayComponent extends VDOM.Component {
 		widget.overlayWillUnmount(this.props.instance, this);
 		if (this.ownedEl) {
 			setTimeout(() => {
+				this.root?.unmount();
 				if (this.ownedEl?.parentNode) this.ownedEl.parentNode.removeChild(this.ownedEl);
 				this.ownedEl = null;
 			}, widget.destroyDelay);
@@ -3243,7 +3292,8 @@ class OverlayComponent extends VDOM.Component {
 	}
 	componentDidUpdate() {
 		if (this.containerEl && !VDOM.DOM.createPortal) {
-			VDOM.DOM.render(this.renderOverlay(), this.containerEl);
+			this.root = VDOM.DOM.createRoot(this.containerEl);
+			this.root.render(this.renderOverlay());
 		}
 		this.overlayDidUpdate();
 	}
@@ -6601,18 +6651,22 @@ Widget.alias("textfield", TextField);
 
 var SquareIcon = registerIcon(
 	"square",
-	(props) => {
-		return jsx("svg", {
-			...props,
-			viewBox: "0 0 64 64",
-			children: jsx("rect", {
-				x: "12",
-				y: "12",
-				width: "40",
-				height: "40",
-				fill: "currentColor",
-			}),
-		});
+	({ key, ...props }) => {
+		return jsx(
+			"svg",
+			{
+				...props,
+				viewBox: "0 0 64 64",
+				children: jsx("rect", {
+					x: "12",
+					y: "12",
+					width: "40",
+					height: "40",
+					fill: "currentColor",
+				}),
+			},
+			key,
+		);
 	},
 	true,
 );
@@ -7264,25 +7318,29 @@ Widget.alias("option", Option);
 
 var ForwardIcon = registerIcon(
 	"forward",
-	(props) => {
-		return jsxs("svg", {
-			...props,
-			viewBox: "0 0 20 20",
-			children: [
-				jsx("path", {
-					fill: "currentColor",
-					strokeWidth: "0",
-					stroke: "currentColor",
-					d: "M10.15 15.5L14.5 10l-4.33-5.47-.65.47 3.98 5-4 5z",
-				}),
-				jsx("path", {
-					fill: "currentColor",
-					strokeWidth: "0",
-					stroke: "currentColor",
-					d: "M6.15 15.5L10.5 10 6.17 4.53 5.52 5l3.98 5-4 5z",
-				}),
-			],
-		});
+	({ key, ...props }) => {
+		return jsxs(
+			"svg",
+			{
+				...props,
+				viewBox: "0 0 20 20",
+				children: [
+					jsx("path", {
+						fill: "currentColor",
+						strokeWidth: "0",
+						stroke: "currentColor",
+						d: "M10.15 15.5L14.5 10l-4.33-5.47-.65.47 3.98 5-4 5z",
+					}),
+					jsx("path", {
+						fill: "currentColor",
+						strokeWidth: "0",
+						stroke: "currentColor",
+						d: "M6.15 15.5L10.5 10 6.17 4.53 5.52 5l3.98 5-4 5z",
+					}),
+				],
+			},
+			key,
+		);
 	},
 	true,
 );
@@ -10319,15 +10377,19 @@ function floor5(x) {
 
 var PixelPickerIcon = registerIcon(
 	"pixel-picker",
-	(props) => {
-		return jsx("svg", {
-			...props,
-			viewBox: "0 0 30 30",
-			children: jsx("path", {
-				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",
-			}),
-		});
+	({ key, ...props }) => {
+		return jsx(
+			"svg",
+			{
+				...props,
+				viewBox: "0 0 30 30",
+				children: jsx("path", {
+					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",
+				}),
+			},
+			key,
+		);
 	},
 	true,
 );
@@ -11947,7 +12009,9 @@ class SliderComponent extends VDOM.Component {
 			style: data.style,
 			id: data.id,
 			onClick: (e) => this.onClick(e),
-			ref: (el) => (this.dom.el = el || undefined),
+			ref: (el) => {
+				this.dom.el = el || undefined;
+			},
 			onMouseMove: (e) => tooltipMouseMove$1(e, ...getFieldTooltip(instance)),
 			onMouseLeave: (e) => tooltipMouseLeave$1(e, ...getFieldTooltip(instance)),
 			children: [
@@ -11969,7 +12033,9 @@ class SliderComponent extends VDOM.Component {
 							"div",
 							{
 								className: CSS.element(baseClass, "space"),
-								ref: (c) => (this.dom.range = c || undefined),
+								ref: (c) => {
+									this.dom.range = c || undefined;
+								},
 								children: [
 									widget.showFrom &&
 										jsx(
@@ -11985,7 +12051,9 @@ class SliderComponent extends VDOM.Component {
 													}),
 												onMouseLeave: (e) => this.onHandleMouseLeave(e, "from"),
 												onTouchStart: (e) => this.onHandleMouseDown(e, "from"),
-												ref: (c) => (this.dom.from = c || undefined),
+												ref: (c) => {
+													this.dom.from = c || undefined;
+												},
 											},
 											"from",
 										),
@@ -12003,7 +12071,9 @@ class SliderComponent extends VDOM.Component {
 													}),
 												onMouseLeave: (e) => this.onHandleMouseLeave(e, "to"),
 												onTouchStart: (e) => this.onHandleMouseDown(e, "to"),
-												ref: (c) => (this.dom.to = c || undefined),
+												ref: (c) => {
+													this.dom.to = c || undefined;
+												},
 											},
 											"to",
 										),
@@ -13642,15 +13712,19 @@ class Validator extends Field {
 
 var DropDownIcon = registerIcon(
 	"sort-asc",
-	(props) => {
-		return jsx("svg", {
-			...props,
-			viewBox: "0 0 16 16",
-			children: jsx("path", {
-				fill: "currentColor",
-				d: "M10.5 5.8l-3-3-3 3 .707.708L7 4.688v8.312h1V4.69l1.793 1.817z",
-			}),
-		});
+	({ key, ...props }) => {
+		return jsx(
+			"svg",
+			{
+				...props,
+				viewBox: "0 0 16 16",
+				children: jsx("path", {
+					fill: "currentColor",
+					d: "M10.5 5.8l-3-3-3 3 .707.708L7 4.688v8.312h1V4.69l1.793 1.817z",
+				}),
+			},
+			key,
+		);
 	},
 	true,
 );
@@ -13678,7 +13752,9 @@ class GridCellEditorCmp extends VDOM.Component {
 	render() {
 		let { className, style, children } = this.props;
 		return jsx("div", {
-			ref: (el) => (this.el = el),
+			ref: (el) => {
+				this.el = el;
+			},
 			className: className,
 			style: style,
 			children: children,