@bpmn-io/properties-panel 3.42.0 → 3.43.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/properties-panel",
-  "version": "3.42.0",
+  "version": "3.43.0",
   "description": "Library for creating bpmn-io properties panels.",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -52,26 +52,25 @@
     "feelers": "^1.5.1",
     "focus-trap": "^8.0.0",
     "min-dash": "^5.0.0",
-    "min-dom": "^5.2.0"
+    "min-dom": "^5.3.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.5",
-    "@babel/plugin-transform-react-jsx": "^7.27.1",
+    "@babel/core": "^7.29.0",
+    "@babel/plugin-transform-react-jsx": "^7.28.6",
     "@rollup/plugin-babel": "^7.0.0",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@testing-library/preact": "^3.2.4",
-    "axe-core": "^4.11.0",
-    "babel-loader": "^10.0.0",
+    "axe-core": "^4.11.4",
+    "babel-loader": "^10.1.1",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-istanbul": "^8.0.0",
-    "babel-plugin-module-resolver": "^5.0.2",
+    "babel-plugin-module-resolver": "^5.0.3",
     "chai": "^6.2.2",
-    "copy-webpack-plugin": "^14.0.0",
     "cross-env": "^10.1.0",
     "del-cli": "^7.0.0",
     "diagram-js": "^15.9.1",
-    "eslint": "^9.39.1",
+    "eslint": "^9.39.4",
     "eslint-plugin-bpmn-io": "^2.2.0",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-react-hooks": "^6.1.1",
@@ -82,17 +81,17 @@
     "karma-env-preprocessor": "^0.1.1",
     "karma-mocha": "^2.0.1",
     "karma-webpack": "^5.0.1",
-    "mocha": "^11.7.5",
+    "mocha": "^11.7.6",
     "mocha-test-container-support": "^0.2.0",
-    "npm-run-all2": "^8.0.4",
+    "npm-run-all2": "^9.0.0",
     "preact": "^10.19.3",
-    "puppeteer": "^24.36.1",
+    "puppeteer": "^25.0.4",
     "raw-loader": "^4.0.2",
-    "replace-in-file": "^7.2.0",
-    "rollup": "^4.53.3",
+    "replace-in-file": "^8.4.0",
+    "rollup": "^4.60.4",
     "rollup-plugin-copy": "^3.5.0",
     "sinon": "^22.0.0",
     "sinon-chai": "^4.0.1",
-    "webpack": "^5.105.0"
+    "webpack": "^5.107.1"
   }
 }

package/preact/compat/client.d.ts

@@ -0,0 +1,13 @@
+// Intentionally not using a relative path to take advantage of
+// the TS version resolution mechanism
+import * as preact from 'preact';
+
+export function createRoot(container: preact.ContainerNode): {
+	render(children: preact.ComponentChild): void;
+	unmount(): void;
+};
+
+export function hydrateRoot(
+	container: preact.ContainerNode,
+	children: preact.ComponentChild
+): ReturnType<typeof createRoot>;

package/preact/compat/src/hooks.js

@@ -0,0 +1,67 @@
+import { useState, useLayoutEffect, useEffect } from '../../hooks';
+import { is } from './util';
+
+/**
+ * This is taken from https://github.com/facebook/react/blob/main/packages/use-sync-external-store/src/useSyncExternalStoreShimClient.js#L84
+ * on a high level this cuts out the warnings, ... and attempts a smaller implementation
+ * @typedef {{ _value: any; _getSnapshot: () => any }} Store
+ */
+export function useSyncExternalStore(subscribe, getSnapshot) {
+	const value = getSnapshot();
+
+	/**
+	 * @typedef {{ _instance: Store }} StoreRef
+	 * @type {[StoreRef, (store: StoreRef) => void]}
+	 */
+	const [{ _instance }, forceUpdate] = useState({
+		_instance: { _value: value, _getSnapshot: getSnapshot }
+	});
+
+	useLayoutEffect(() => {
+		_instance._value = value;
+		_instance._getSnapshot = getSnapshot;
+
+		if (didSnapshotChange(_instance)) {
+			forceUpdate({ _instance });
+		}
+	}, [subscribe, value, getSnapshot]);
+
+	useEffect(() => {
+		if (didSnapshotChange(_instance)) {
+			forceUpdate({ _instance });
+		}
+
+		return subscribe(() => {
+			if (didSnapshotChange(_instance)) {
+				forceUpdate({ _instance });
+			}
+		});
+	}, [subscribe]);
+
+	return value;
+}
+
+/** @type {(inst: Store) => boolean} */
+function didSnapshotChange(inst) {
+	try {
+		return !is(inst._value, inst._getSnapshot());
+	} catch (error) {
+		return true;
+	}
+}
+
+export function startTransition(cb) {
+	cb();
+}
+
+export function useDeferredValue(val) {
+	return val;
+}
+
+export function useTransition() {
+	return [false, startTransition];
+}
+
+// TODO: in theory this should be done after a VNode is diffed as we want to insert
+// styles/... before it attaches
+export const useInsertionEffect = useLayoutEffect;

package/preact/compat/test-utils.mjs

@@ -0,0 +1 @@
+export * from '../test-utils';