@wordpress/components 27.4.0 → 27.5.0

package/build/slot-fill/bubbles-virtually/observable-map.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.observableMap = observableMap;
-exports.useObservableValue = useObservableValue;
-var _element = require("@wordpress/element");
-/**
- * WordPress dependencies
- */
-
-/**
- * A key/value map where the individual entries are observable by subscribing to them
- * with the `subscribe` methods.
- */
-function observableMap() {
-  const map = new Map();
-  const listeners = new Map();
-  function callListeners(name) {
-    const list = listeners.get(name);
-    if (!list) {
-      return;
-    }
-    for (const listener of list) {
-      listener();
-    }
-  }
-  return {
-    get(name) {
-      return map.get(name);
-    },
-    set(name, value) {
-      map.set(name, value);
-      callListeners(name);
-    },
-    delete(name) {
-      map.delete(name);
-      callListeners(name);
-    },
-    subscribe(name, listener) {
-      let list = listeners.get(name);
-      if (!list) {
-        list = new Set();
-        listeners.set(name, list);
-      }
-      list.add(listener);
-      return () => {
-        list.delete(listener);
-        if (list.size === 0) {
-          listeners.delete(name);
-        }
-      };
-    }
-  };
-}
-
-/**
- * React hook that lets you observe an individual entry in an `ObservableMap`.
- *
- * @param map  The `ObservableMap` to observe.
- * @param name The map key to observe.
- */
-function useObservableValue(map, name) {
-  const [subscribe, getValue] = (0, _element.useMemo)(() => [listener => map.subscribe(name, listener), () => map.get(name)], [map, name]);
-  return (0, _element.useSyncExternalStore)(subscribe, getValue);
-}
-//# sourceMappingURL=observable-map.js.map

package/build/slot-fill/bubbles-virtually/observable-map.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_element","require","observableMap","map","Map","listeners","callListeners","name","list","get","listener","set","value","delete","subscribe","Set","add","size","useObservableValue","getValue","useMemo","useSyncExternalStore"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/observable-map.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useSyncExternalStore } from '@wordpress/element';\n\nexport type ObservableMap< K, V > = {\n\tget( name: K ): V | undefined;\n\tset( name: K, value: V ): void;\n\tdelete( name: K ): void;\n\tsubscribe( name: K, listener: () => void ): () => void;\n};\n\n/**\n * A key/value map where the individual entries are observable by subscribing to them\n * with the `subscribe` methods.\n */\nexport function observableMap< K, V >(): ObservableMap< K, V > {\n\tconst map = new Map< K, V >();\n\tconst listeners = new Map< K, Set< () => void > >();\n\n\tfunction callListeners( name: K ) {\n\t\tconst list = listeners.get( name );\n\t\tif ( ! list ) {\n\t\t\treturn;\n\t\t}\n\t\tfor ( const listener of list ) {\n\t\t\tlistener();\n\t\t}\n\t}\n\n\treturn {\n\t\tget( name ) {\n\t\t\treturn map.get( name );\n\t\t},\n\t\tset( name, value ) {\n\t\t\tmap.set( name, value );\n\t\t\tcallListeners( name );\n\t\t},\n\t\tdelete( name ) {\n\t\t\tmap.delete( name );\n\t\t\tcallListeners( name );\n\t\t},\n\t\tsubscribe( name, listener ) {\n\t\t\tlet list = listeners.get( name );\n\t\t\tif ( ! list ) {\n\t\t\t\tlist = new Set();\n\t\t\t\tlisteners.set( name, list );\n\t\t\t}\n\t\t\tlist.add( listener );\n\n\t\t\treturn () => {\n\t\t\t\tlist.delete( listener );\n\t\t\t\tif ( list.size === 0 ) {\n\t\t\t\t\tlisteners.delete( name );\n\t\t\t\t}\n\t\t\t};\n\t\t},\n\t};\n}\n\n/**\n * React hook that lets you observe an individual entry in an `ObservableMap`.\n *\n * @param map  The `ObservableMap` to observe.\n * @param name The map key to observe.\n */\nexport function useObservableValue< K, V >(\n\tmap: ObservableMap< K, V >,\n\tname: K\n): V | undefined {\n\tconst [ subscribe, getValue ] = useMemo(\n\t\t() => [\n\t\t\t( listener: () => void ) => map.subscribe( name, listener ),\n\t\t\t() => map.get( name ),\n\t\t],\n\t\t[ map, name ]\n\t);\n\treturn useSyncExternalStore( subscribe, getValue );\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAUA;AACA;AACA;AACA;AACO,SAASC,aAAaA,CAAA,EAAkC;EAC9D,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAAS,CAAC;EAC7B,MAAMC,SAAS,GAAG,IAAID,GAAG,CAAyB,CAAC;EAEnD,SAASE,aAAaA,CAAEC,IAAO,EAAG;IACjC,MAAMC,IAAI,GAAGH,SAAS,CAACI,GAAG,CAAEF,IAAK,CAAC;IAClC,IAAK,CAAEC,IAAI,EAAG;MACb;IACD;IACA,KAAM,MAAME,QAAQ,IAAIF,IAAI,EAAG;MAC9BE,QAAQ,CAAC,CAAC;IACX;EACD;EAEA,OAAO;IACND,GAAGA,CAAEF,IAAI,EAAG;MACX,OAAOJ,GAAG,CAACM,GAAG,CAAEF,IAAK,CAAC;IACvB,CAAC;IACDI,GAAGA,CAAEJ,IAAI,EAAEK,KAAK,EAAG;MAClBT,GAAG,CAACQ,GAAG,CAAEJ,IAAI,EAAEK,KAAM,CAAC;MACtBN,aAAa,CAAEC,IAAK,CAAC;IACtB,CAAC;IACDM,MAAMA,CAAEN,IAAI,EAAG;MACdJ,GAAG,CAACU,MAAM,CAAEN,IAAK,CAAC;MAClBD,aAAa,CAAEC,IAAK,CAAC;IACtB,CAAC;IACDO,SAASA,CAAEP,IAAI,EAAEG,QAAQ,EAAG;MAC3B,IAAIF,IAAI,GAAGH,SAAS,CAACI,GAAG,CAAEF,IAAK,CAAC;MAChC,IAAK,CAAEC,IAAI,EAAG;QACbA,IAAI,GAAG,IAAIO,GAAG,CAAC,CAAC;QAChBV,SAAS,CAACM,GAAG,CAAEJ,IAAI,EAAEC,IAAK,CAAC;MAC5B;MACAA,IAAI,CAACQ,GAAG,CAAEN,QAAS,CAAC;MAEpB,OAAO,MAAM;QACZF,IAAI,CAACK,MAAM,CAAEH,QAAS,CAAC;QACvB,IAAKF,IAAI,CAACS,IAAI,KAAK,CAAC,EAAG;UACtBZ,SAAS,CAACQ,MAAM,CAAEN,IAAK,CAAC;QACzB;MACD,CAAC;IACF;EACD,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASW,kBAAkBA,CACjCf,GAA0B,EAC1BI,IAAO,EACS;EAChB,MAAM,CAAEO,SAAS,EAAEK,QAAQ,CAAE,GAAG,IAAAC,gBAAO,EACtC,MAAM,CACHV,QAAoB,IAAMP,GAAG,CAACW,SAAS,CAAEP,IAAI,EAAEG,QAAS,CAAC,EAC3D,MAAMP,GAAG,CAACM,GAAG,CAAEF,IAAK,CAAC,CACrB,EACD,CAAEJ,GAAG,EAAEI,IAAI,CACZ,CAAC;EACD,OAAO,IAAAc,6BAAoB,EAAEP,SAAS,EAAEK,QAAS,CAAC;AACnD","ignoreList":[]}

package/build/view/types.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=types.js.map

package/build/view/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/view/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\nexport type ViewProps = { children?: ReactNode };\n"],"mappings":"","ignoreList":[]}

package/build-module/slot-fill/bubbles-virtually/observable-map.js

@@ -1,60 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useMemo, useSyncExternalStore } from '@wordpress/element';
-/**
- * A key/value map where the individual entries are observable by subscribing to them
- * with the `subscribe` methods.
- */
-export function observableMap() {
-  const map = new Map();
-  const listeners = new Map();
-  function callListeners(name) {
-    const list = listeners.get(name);
-    if (!list) {
-      return;
-    }
-    for (const listener of list) {
-      listener();
-    }
-  }
-  return {
-    get(name) {
-      return map.get(name);
-    },
-    set(name, value) {
-      map.set(name, value);
-      callListeners(name);
-    },
-    delete(name) {
-      map.delete(name);
-      callListeners(name);
-    },
-    subscribe(name, listener) {
-      let list = listeners.get(name);
-      if (!list) {
-        list = new Set();
-        listeners.set(name, list);
-      }
-      list.add(listener);
-      return () => {
-        list.delete(listener);
-        if (list.size === 0) {
-          listeners.delete(name);
-        }
-      };
-    }
-  };
-}
-
-/**
- * React hook that lets you observe an individual entry in an `ObservableMap`.
- *
- * @param map  The `ObservableMap` to observe.
- * @param name The map key to observe.
- */
-export function useObservableValue(map, name) {
-  const [subscribe, getValue] = useMemo(() => [listener => map.subscribe(name, listener), () => map.get(name)], [map, name]);
-  return useSyncExternalStore(subscribe, getValue);
-}
-//# sourceMappingURL=observable-map.js.map

package/build-module/slot-fill/bubbles-virtually/observable-map.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useMemo","useSyncExternalStore","observableMap","map","Map","listeners","callListeners","name","list","get","listener","set","value","delete","subscribe","Set","add","size","useObservableValue","getValue"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/observable-map.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useSyncExternalStore } from '@wordpress/element';\n\nexport type ObservableMap< K, V > = {\n\tget( name: K ): V | undefined;\n\tset( name: K, value: V ): void;\n\tdelete( name: K ): void;\n\tsubscribe( name: K, listener: () => void ): () => void;\n};\n\n/**\n * A key/value map where the individual entries are observable by subscribing to them\n * with the `subscribe` methods.\n */\nexport function observableMap< K, V >(): ObservableMap< K, V > {\n\tconst map = new Map< K, V >();\n\tconst listeners = new Map< K, Set< () => void > >();\n\n\tfunction callListeners( name: K ) {\n\t\tconst list = listeners.get( name );\n\t\tif ( ! list ) {\n\t\t\treturn;\n\t\t}\n\t\tfor ( const listener of list ) {\n\t\t\tlistener();\n\t\t}\n\t}\n\n\treturn {\n\t\tget( name ) {\n\t\t\treturn map.get( name );\n\t\t},\n\t\tset( name, value ) {\n\t\t\tmap.set( name, value );\n\t\t\tcallListeners( name );\n\t\t},\n\t\tdelete( name ) {\n\t\t\tmap.delete( name );\n\t\t\tcallListeners( name );\n\t\t},\n\t\tsubscribe( name, listener ) {\n\t\t\tlet list = listeners.get( name );\n\t\t\tif ( ! list ) {\n\t\t\t\tlist = new Set();\n\t\t\t\tlisteners.set( name, list );\n\t\t\t}\n\t\t\tlist.add( listener );\n\n\t\t\treturn () => {\n\t\t\t\tlist.delete( listener );\n\t\t\t\tif ( list.size === 0 ) {\n\t\t\t\t\tlisteners.delete( name );\n\t\t\t\t}\n\t\t\t};\n\t\t},\n\t};\n}\n\n/**\n * React hook that lets you observe an individual entry in an `ObservableMap`.\n *\n * @param map  The `ObservableMap` to observe.\n * @param name The map key to observe.\n */\nexport function useObservableValue< K, V >(\n\tmap: ObservableMap< K, V >,\n\tname: K\n): V | undefined {\n\tconst [ subscribe, getValue ] = useMemo(\n\t\t() => [\n\t\t\t( listener: () => void ) => map.subscribe( name, listener ),\n\t\t\t() => map.get( name ),\n\t\t],\n\t\t[ map, name ]\n\t);\n\treturn useSyncExternalStore( subscribe, getValue );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,EAAEC,oBAAoB,QAAQ,oBAAoB;AASlE;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAA,EAAkC;EAC9D,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAAS,CAAC;EAC7B,MAAMC,SAAS,GAAG,IAAID,GAAG,CAAyB,CAAC;EAEnD,SAASE,aAAaA,CAAEC,IAAO,EAAG;IACjC,MAAMC,IAAI,GAAGH,SAAS,CAACI,GAAG,CAAEF,IAAK,CAAC;IAClC,IAAK,CAAEC,IAAI,EAAG;MACb;IACD;IACA,KAAM,MAAME,QAAQ,IAAIF,IAAI,EAAG;MAC9BE,QAAQ,CAAC,CAAC;IACX;EACD;EAEA,OAAO;IACND,GAAGA,CAAEF,IAAI,EAAG;MACX,OAAOJ,GAAG,CAACM,GAAG,CAAEF,IAAK,CAAC;IACvB,CAAC;IACDI,GAAGA,CAAEJ,IAAI,EAAEK,KAAK,EAAG;MAClBT,GAAG,CAACQ,GAAG,CAAEJ,IAAI,EAAEK,KAAM,CAAC;MACtBN,aAAa,CAAEC,IAAK,CAAC;IACtB,CAAC;IACDM,MAAMA,CAAEN,IAAI,EAAG;MACdJ,GAAG,CAACU,MAAM,CAAEN,IAAK,CAAC;MAClBD,aAAa,CAAEC,IAAK,CAAC;IACtB,CAAC;IACDO,SAASA,CAAEP,IAAI,EAAEG,QAAQ,EAAG;MAC3B,IAAIF,IAAI,GAAGH,SAAS,CAACI,GAAG,CAAEF,IAAK,CAAC;MAChC,IAAK,CAAEC,IAAI,EAAG;QACbA,IAAI,GAAG,IAAIO,GAAG,CAAC,CAAC;QAChBV,SAAS,CAACM,GAAG,CAAEJ,IAAI,EAAEC,IAAK,CAAC;MAC5B;MACAA,IAAI,CAACQ,GAAG,CAAEN,QAAS,CAAC;MAEpB,OAAO,MAAM;QACZF,IAAI,CAACK,MAAM,CAAEH,QAAS,CAAC;QACvB,IAAKF,IAAI,CAACS,IAAI,KAAK,CAAC,EAAG;UACtBZ,SAAS,CAACQ,MAAM,CAAEN,IAAK,CAAC;QACzB;MACD,CAAC;IACF;EACD,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASW,kBAAkBA,CACjCf,GAA0B,EAC1BI,IAAO,EACS;EAChB,MAAM,CAAEO,SAAS,EAAEK,QAAQ,CAAE,GAAGnB,OAAO,CACtC,MAAM,CACHU,QAAoB,IAAMP,GAAG,CAACW,SAAS,CAAEP,IAAI,EAAEG,QAAS,CAAC,EAC3D,MAAMP,GAAG,CAACM,GAAG,CAAEF,IAAK,CAAC,CACrB,EACD,CAAEJ,GAAG,EAAEI,IAAI,CACZ,CAAC;EACD,OAAON,oBAAoB,CAAEa,SAAS,EAAEK,QAAS,CAAC;AACnD","ignoreList":[]}

package/build-module/view/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/build-module/view/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/view/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\nexport type ViewProps = { children?: ReactNode };\n"],"mappings":"","ignoreList":[]}

package/build-types/slot-fill/bubbles-virtually/observable-map.d.ts

@@ -1,19 +0,0 @@
-export type ObservableMap<K, V> = {
-    get(name: K): V | undefined;
-    set(name: K, value: V): void;
-    delete(name: K): void;
-    subscribe(name: K, listener: () => void): () => void;
-};
-/**
- * A key/value map where the individual entries are observable by subscribing to them
- * with the `subscribe` methods.
- */
-export declare function observableMap<K, V>(): ObservableMap<K, V>;
-/**
- * React hook that lets you observe an individual entry in an `ObservableMap`.
- *
- * @param map  The `ObservableMap` to observe.
- * @param name The map key to observe.
- */
-export declare function useObservableValue<K, V>(map: ObservableMap<K, V>, name: K): V | undefined;
-//# sourceMappingURL=observable-map.d.ts.map

package/build-types/slot-fill/bubbles-virtually/observable-map.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"observable-map.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/observable-map.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,aAAa,CAAE,CAAC,EAAE,CAAC,IAAK;IACnC,GAAG,CAAE,IAAI,EAAE,CAAC,GAAI,CAAC,GAAG,SAAS,CAAC;IAC9B,GAAG,CAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,GAAI,IAAI,CAAC;IAC/B,MAAM,CAAE,IAAI,EAAE,CAAC,GAAI,IAAI,CAAC;IACxB,SAAS,CAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAI,MAAM,IAAI,CAAC;CACvD,CAAC;AAEF;;;GAGG;AACH,wBAAgB,aAAa,CAAE,CAAC,EAAE,CAAC,KAAM,aAAa,CAAE,CAAC,EAAE,CAAC,CAAE,CA0C7D;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAE,CAAC,EAAE,CAAC,EACvC,GAAG,EAAE,aAAa,CAAE,CAAC,EAAE,CAAC,CAAE,EAC1B,IAAI,EAAE,CAAC,GACL,CAAC,GAAG,SAAS,CASf"}

package/build-types/view/types.d.ts

@@ -1,8 +0,0 @@
-/**
- * External dependencies
- */
-import type { ReactNode } from 'react';
-export type ViewProps = {
-    children?: ReactNode;
-};
-//# sourceMappingURL=types.d.ts.map

package/build-types/view/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/view/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,SAAS,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC"}

package/src/slot-fill/bubbles-virtually/observable-map.ts

@@ -1,79 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useMemo, useSyncExternalStore } from '@wordpress/element';
-
-export type ObservableMap< K, V > = {
-	get( name: K ): V | undefined;
-	set( name: K, value: V ): void;
-	delete( name: K ): void;
-	subscribe( name: K, listener: () => void ): () => void;
-};
-
-/**
- * A key/value map where the individual entries are observable by subscribing to them
- * with the `subscribe` methods.
- */
-export function observableMap< K, V >(): ObservableMap< K, V > {
-	const map = new Map< K, V >();
-	const listeners = new Map< K, Set< () => void > >();
-
-	function callListeners( name: K ) {
-		const list = listeners.get( name );
-		if ( ! list ) {
-			return;
-		}
-		for ( const listener of list ) {
-			listener();
-		}
-	}
-
-	return {
-		get( name ) {
-			return map.get( name );
-		},
-		set( name, value ) {
-			map.set( name, value );
-			callListeners( name );
-		},
-		delete( name ) {
-			map.delete( name );
-			callListeners( name );
-		},
-		subscribe( name, listener ) {
-			let list = listeners.get( name );
-			if ( ! list ) {
-				list = new Set();
-				listeners.set( name, list );
-			}
-			list.add( listener );
-
-			return () => {
-				list.delete( listener );
-				if ( list.size === 0 ) {
-					listeners.delete( name );
-				}
-			};
-		},
-	};
-}
-
-/**
- * React hook that lets you observe an individual entry in an `ObservableMap`.
- *
- * @param map  The `ObservableMap` to observe.
- * @param name The map key to observe.
- */
-export function useObservableValue< K, V >(
-	map: ObservableMap< K, V >,
-	name: K
-): V | undefined {
-	const [ subscribe, getValue ] = useMemo(
-		() => [
-			( listener: () => void ) => map.subscribe( name, listener ),
-			() => map.get( name ),
-		],
-		[ map, name ]
-	);
-	return useSyncExternalStore( subscribe, getValue );
-}

package/src/slot-fill/test/observable-map.js

@@ -1,83 +0,0 @@
-/**
- * External dependencies
- */
-import { render, screen, act } from '@testing-library/react';
-
-/**
- * Internal dependencies
- */
-import {
-	observableMap,
-	useObservableValue,
-} from '../bubbles-virtually/observable-map';
-
-describe( 'ObservableMap', () => {
-	test( 'should observe individual values', () => {
-		const map = observableMap();
-
-		const listenerA = jest.fn();
-		const listenerB = jest.fn();
-
-		const unsubA = map.subscribe( 'a', listenerA );
-		const unsubB = map.subscribe( 'b', listenerB );
-
-		// check that setting `a` doesn't notify the `b` listener
-		map.set( 'a', 1 );
-		expect( listenerA ).toHaveBeenCalledTimes( 1 );
-		expect( listenerB ).toHaveBeenCalledTimes( 0 );
-
-		// check that setting `b` doesn't notify the `a` listener
-		map.set( 'b', 2 );
-		expect( listenerA ).toHaveBeenCalledTimes( 1 );
-		expect( listenerB ).toHaveBeenCalledTimes( 1 );
-
-		// check that `delete` triggers notifications, too
-		map.delete( 'a' );
-		expect( listenerA ).toHaveBeenCalledTimes( 2 );
-		expect( listenerB ).toHaveBeenCalledTimes( 1 );
-
-		// check that the subscription survived the `delete`
-		map.set( 'a', 2 );
-		expect( listenerA ).toHaveBeenCalledTimes( 3 );
-		expect( listenerB ).toHaveBeenCalledTimes( 1 );
-
-		// check that unsubscription really works
-		unsubA();
-		unsubB();
-		map.set( 'a', 3 );
-		expect( listenerA ).toHaveBeenCalledTimes( 3 );
-		expect( listenerB ).toHaveBeenCalledTimes( 1 );
-	} );
-} );
-
-describe( 'useObservableValue', () => {
-	test( 'reacts only to the specified key', () => {
-		const map = observableMap();
-		map.set( 'a', 1 );
-
-		const MapUI = jest.fn( () => {
-			const value = useObservableValue( map, 'a' );
-			return <div>value is { value }</div>;
-		} );
-
-		render( <MapUI /> );
-		expect( screen.getByText( /^value is/ ) ).toHaveTextContent(
-			'value is 1'
-		);
-		expect( MapUI ).toHaveBeenCalledTimes( 1 );
-
-		act( () => {
-			map.set( 'a', 2 );
-		} );
-		expect( screen.getByText( /^value is/ ) ).toHaveTextContent(
-			'value is 2'
-		);
-		expect( MapUI ).toHaveBeenCalledTimes( 2 );
-
-		// check that setting unobserved map key doesn't trigger a render at all
-		act( () => {
-			map.set( 'b', 1 );
-		} );
-		expect( MapUI ).toHaveBeenCalledTimes( 2 );
-	} );
-} );

package/src/utils/hooks/stories/use-cx.js

@@ -1,157 +0,0 @@
-/**
- * External dependencies
- */
-import { css } from '@emotion/react';
-
-/**
- * WordPress dependencies
- */
-import { __unstableIframe as Iframe } from '@wordpress/block-editor';
-import { useMemo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { useCx } from '..';
-import StyleProvider from '../../../style-provider';
-import {
-	createSlotFill,
-	Provider as SlotFillProvider,
-} from '../../../slot-fill';
-
-export default {
-	title: 'Components (Experimental)/useCx',
-};
-
-const Example = ( { serializedStyles, children } ) => {
-	const cx = useCx();
-	const classes = cx( serializedStyles );
-	return <span className={ classes }>{ children }</span>;
-};
-
-const ExampleWithUseMemoWrong = ( { serializedStyles, children } ) => {
-	const cx = useCx();
-	// Wrong: using 'useMemo' without adding 'cx' to the dependency list.
-	const classes = useMemo(
-		() => cx( serializedStyles ),
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		[ serializedStyles ]
-	);
-	return <span className={ classes }>{ children }</span>;
-};
-
-const ExampleWithUseMemoRight = ( { serializedStyles, children } ) => {
-	const cx = useCx();
-	// Right: using 'useMemo' with 'cx' listed as a dependency.
-	const classes = useMemo(
-		() => cx( serializedStyles ),
-		[ cx, serializedStyles ]
-	);
-	return <span className={ classes }>{ children }</span>;
-};
-
-export const _slotFill = () => {
-	const { Fill, Slot } = createSlotFill( 'UseCxExampleSlot' );
-
-	const redText = css`
-		color: red;
-	`;
-	const blueText = css`
-		color: blue;
-	`;
-	const greenText = css`
-		color: green;
-	`;
-
-	return (
-		<SlotFillProvider>
-			<StyleProvider document={ document }>
-				<Iframe>
-					<Iframe>
-						<Example serializedStyles={ redText }>
-							This text is inside an iframe and should be red
-						</Example>
-						<Fill name="test-slot">
-							<Example serializedStyles={ blueText }>
-								This text is also inside the iframe, but is
-								relocated by a slot/fill and should be blue
-							</Example>
-						</Fill>
-						<Fill name="outside-frame">
-							<Example serializedStyles={ greenText }>
-								This text is also inside the iframe, but is
-								relocated by a slot/fill and should be green
-							</Example>
-						</Fill>
-					</Iframe>
-					<StyleProvider document={ document }>
-						<Slot bubblesVirtually name="test-slot" />
-					</StyleProvider>
-				</Iframe>
-				<Slot bubblesVirtually name="outside-frame" />
-			</StyleProvider>
-		</SlotFillProvider>
-	);
-};
-
-export const _slotFillSimple = () => {
-	const { Fill, Slot } = createSlotFill( 'UseCxExampleSlotTwo' );
-
-	const redText = css`
-		color: red;
-	`;
-
-	return (
-		<SlotFillProvider>
-			<Iframe>
-				<Fill name="test-slot">
-					<Example serializedStyles={ redText }>
-						This text should be red
-					</Example>
-				</Fill>
-			</Iframe>
-			<Slot bubblesVirtually name="test-slot" />
-		</SlotFillProvider>
-	);
-};
-
-export const _useMemoBadPractices = () => {
-	const redText = css`
-		color: red;
-	`;
-	const blueText = css`
-		color: blue;
-	`;
-
-	return (
-		<>
-			<Example serializedStyles={ redText }>
-				This text should be red
-			</Example>
-			<ExampleWithUseMemoRight serializedStyles={ blueText }>
-				This text should be blue
-			</ExampleWithUseMemoRight>
-			<Iframe>
-				<Example serializedStyles={ redText }>
-					This text should be red
-				</Example>
-				<ExampleWithUseMemoWrong serializedStyles={ blueText }>
-					This text should be blue but it&apos;s not!
-				</ExampleWithUseMemoWrong>
-			</Iframe>
-		</>
-	);
-};
-
-export const _default = () => {
-	const redText = css`
-		color: red;
-	`;
-	return (
-		<Iframe>
-			<Example serializedStyles={ redText }>
-				This text is inside an iframe and is red!
-			</Example>
-		</Iframe>
-	);
-};

package/src/view/types.ts

@@ -1,6 +0,0 @@
-/**
- * External dependencies
- */
-import type { ReactNode } from 'react';
-
-export type ViewProps = { children?: ReactNode };