@wordpress/components 32.0.1-next.v.0 → 32.1.0

package/build-module/slot-fill/bubbles-virtually/slot-fill-provider.mjs

@@ -1,74 +0,0 @@
-// packages/components/src/slot-fill/bubbles-virtually/slot-fill-provider.tsx
-import { useState } from "@wordpress/element";
-import { isShallowEqual } from "@wordpress/is-shallow-equal";
-import { observableMap } from "@wordpress/compose";
-import SlotFillContext from "./slot-fill-context.mjs";
-import { jsx as _jsx } from "react/jsx-runtime";
-function createSlotRegistry() {
-  const slots = observableMap();
-  const fills = observableMap();
-  const registerSlot = (name, ref, fillProps) => {
-    slots.set(name, {
-      ref,
-      fillProps
-    });
-  };
-  const unregisterSlot = (name, ref) => {
-    const slot = slots.get(name);
-    if (!slot) {
-      return;
-    }
-    if (slot.ref !== ref) {
-      return;
-    }
-    slots.delete(name);
-  };
-  const updateSlot = (name, ref, fillProps) => {
-    const slot = slots.get(name);
-    if (!slot) {
-      return;
-    }
-    if (slot.ref !== ref) {
-      return;
-    }
-    if (isShallowEqual(slot.fillProps, fillProps)) {
-      return;
-    }
-    slots.set(name, {
-      ref,
-      fillProps
-    });
-  };
-  const registerFill = (name, ref) => {
-    fills.set(name, [...fills.get(name) || [], ref]);
-  };
-  const unregisterFill = (name, ref) => {
-    const fillsForName = fills.get(name);
-    if (!fillsForName) {
-      return;
-    }
-    fills.set(name, fillsForName.filter((fillRef) => fillRef !== ref));
-  };
-  return {
-    slots,
-    fills,
-    registerSlot,
-    updateSlot,
-    unregisterSlot,
-    registerFill,
-    unregisterFill
-  };
-}
-function SlotFillProvider({
-  children
-}) {
-  const [registry] = useState(createSlotRegistry);
-  return /* @__PURE__ */ _jsx(SlotFillContext.Provider, {
-    value: registry,
-    children
-  });
-}
-export {
-  SlotFillProvider as default
-};
-//# sourceMappingURL=slot-fill-provider.mjs.map

package/build-module/slot-fill/bubbles-virtually/slot-fill-provider.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/slot-fill/bubbles-virtually/slot-fill-provider.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { isShallowEqual } from '@wordpress/is-shallow-equal';\nimport { observableMap } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './slot-fill-context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction createSlotRegistry() {\n  const slots = observableMap();\n  const fills = observableMap();\n  const registerSlot = (name, ref, fillProps) => {\n    slots.set(name, {\n      ref,\n      fillProps\n    });\n  };\n  const unregisterSlot = (name, ref) => {\n    const slot = slots.get(name);\n    if (!slot) {\n      return;\n    }\n\n    // Make sure we're not unregistering a slot registered by another element\n    // See https://github.com/WordPress/gutenberg/pull/19242#issuecomment-590295412\n    if (slot.ref !== ref) {\n      return;\n    }\n    slots.delete(name);\n  };\n  const updateSlot = (name, ref, fillProps) => {\n    const slot = slots.get(name);\n    if (!slot) {\n      return;\n    }\n    if (slot.ref !== ref) {\n      return;\n    }\n    if (isShallowEqual(slot.fillProps, fillProps)) {\n      return;\n    }\n    slots.set(name, {\n      ref,\n      fillProps\n    });\n  };\n  const registerFill = (name, ref) => {\n    fills.set(name, [...(fills.get(name) || []), ref]);\n  };\n  const unregisterFill = (name, ref) => {\n    const fillsForName = fills.get(name);\n    if (!fillsForName) {\n      return;\n    }\n    fills.set(name, fillsForName.filter(fillRef => fillRef !== ref));\n  };\n  return {\n    slots,\n    fills,\n    registerSlot,\n    updateSlot,\n    unregisterSlot,\n    registerFill,\n    unregisterFill\n  };\n}\nexport default function SlotFillProvider({\n  children\n}) {\n  const [registry] = useState(createSlotRegistry);\n  return /*#__PURE__*/_jsx(SlotFillContext.Provider, {\n    value: registry,\n    children: children\n  });\n}"],
-  "mappings": ";AAGA,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAK9B,OAAO,qBAAqB;AAC5B,SAAS,OAAO,YAAY;AAC5B,SAAS,qBAAqB;AAC5B,QAAM,QAAQ,cAAc;AAC5B,QAAM,QAAQ,cAAc;AAC5B,QAAM,eAAe,CAAC,MAAM,KAAK,cAAc;AAC7C,UAAM,IAAI,MAAM;AAAA,MACd;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,iBAAiB,CAAC,MAAM,QAAQ;AACpC,UAAM,OAAO,MAAM,IAAI,IAAI;AAC3B,QAAI,CAAC,MAAM;AACT;AAAA,IACF;AAIA,QAAI,KAAK,QAAQ,KAAK;AACpB;AAAA,IACF;AACA,UAAM,OAAO,IAAI;AAAA,EACnB;AACA,QAAM,aAAa,CAAC,MAAM,KAAK,cAAc;AAC3C,UAAM,OAAO,MAAM,IAAI,IAAI;AAC3B,QAAI,CAAC,MAAM;AACT;AAAA,IACF;AACA,QAAI,KAAK,QAAQ,KAAK;AACpB;AAAA,IACF;AACA,QAAI,eAAe,KAAK,WAAW,SAAS,GAAG;AAC7C;AAAA,IACF;AACA,UAAM,IAAI,MAAM;AAAA,MACd;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,eAAe,CAAC,MAAM,QAAQ;AAClC,UAAM,IAAI,MAAM,CAAC,GAAI,MAAM,IAAI,IAAI,KAAK,CAAC,GAAI,GAAG,CAAC;AAAA,EACnD;AACA,QAAM,iBAAiB,CAAC,MAAM,QAAQ;AACpC,UAAM,eAAe,MAAM,IAAI,IAAI;AACnC,QAAI,CAAC,cAAc;AACjB;AAAA,IACF;AACA,UAAM,IAAI,MAAM,aAAa,OAAO,aAAW,YAAY,GAAG,CAAC;AAAA,EACjE;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACe,SAAR,iBAAkC;AAAA,EACvC;AACF,GAAG;AACD,QAAM,CAAC,QAAQ,IAAI,SAAS,kBAAkB;AAC9C,SAAoB,qBAAK,gBAAgB,UAAU;AAAA,IACjD,OAAO;AAAA,IACP;AAAA,EACF,CAAC;AACH;",
-  "names": []
-}

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

@@ -1,3 +0,0 @@
-import type { FillComponentProps } from '../types';
-export default function Fill({ name, children }: FillComponentProps): import("react").ReactPortal | null;
-//# sourceMappingURL=fill.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fill.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/fill.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,kBAAkB,sCA+BnE"}

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

@@ -1,7 +0,0 @@
-/**
- * Internal dependencies
- */
-import type { SlotFillBubblesVirtuallyContext } from '../types';
-declare const SlotFillContext: import("react").Context<SlotFillBubblesVirtuallyContext>;
-export default SlotFillContext;
-//# sourceMappingURL=slot-fill-context.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slot-fill-context.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/slot-fill-context.ts"],"names":[],"mappings":"AAOA;;GAEG;AACH,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAC;AAoBhE,QAAA,MAAM,eAAe,0DAAuC,CAAC;AAG7D,eAAe,eAAe,CAAC"}

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

@@ -1,3 +0,0 @@
-import type { SlotFillProviderProps } from '../types';
-export default function SlotFillProvider({ children, }: SlotFillProviderProps): import("react").JSX.Element;
-//# sourceMappingURL=slot-fill-provider.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slot-fill-provider.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/slot-fill-provider.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACX,qBAAqB,EAErB,MAAM,UAAU,CAAC;AAkFlB,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAE,EACzC,QAAQ,GACR,EAAE,qBAAqB,+BAOvB"}

package/src/slot-fill/bubbles-virtually/fill.tsx

@@ -1,50 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useObservableValue } from '@wordpress/compose';
-import {
-	useContext,
-	useRef,
-	useEffect,
-	createPortal,
-} from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import SlotFillContext from './slot-fill-context';
-import StyleProvider from '../../style-provider';
-import type { FillComponentProps } from '../types';
-
-export default function Fill( { name, children }: FillComponentProps ) {
-	const registry = useContext( SlotFillContext );
-	const slot = useObservableValue( registry.slots, name );
-	const instanceRef = useRef( {} );
-
-	// We register fills so we can keep track of their existence.
-	// Slots can use the `useSlotFills` hook to know if there're already fills
-	// registered so they can choose to render themselves or not.
-	useEffect( () => {
-		const instance = instanceRef.current;
-		registry.registerFill( name, instance );
-		return () => registry.unregisterFill( name, instance );
-	}, [ registry, name ] );
-
-	if ( ! slot || ! slot.ref.current ) {
-		return null;
-	}
-
-	// When using a `Fill`, the `children` will be rendered in the document of the
-	// `Slot`. This means that we need to wrap the `children` in a `StyleProvider`
-	// to make sure we're referencing the right document/iframe (instead of the
-	// context of the `Fill`'s parent).
-	const wrappedChildren = (
-		<StyleProvider document={ slot.ref.current.ownerDocument }>
-			{ typeof children === 'function'
-				? children( slot.fillProps ?? {} )
-				: children }
-		</StyleProvider>
-	);
-
-	return createPortal( wrappedChildren, slot.ref.current );
-}

package/src/slot-fill/bubbles-virtually/slot-fill-context.ts

@@ -1,34 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { createContext } from '@wordpress/element';
-import warning from '@wordpress/warning';
-import { observableMap } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import type { SlotFillBubblesVirtuallyContext } from '../types';
-
-const initialContextValue: SlotFillBubblesVirtuallyContext = {
-	slots: observableMap(),
-	fills: observableMap(),
-	registerSlot: () => {
-		warning(
-			'Components must be wrapped within `SlotFillProvider`. ' +
-				'See https://developer.wordpress.org/block-editor/components/slot-fill/'
-		);
-	},
-	updateSlot: () => {},
-	unregisterSlot: () => {},
-	registerFill: () => {},
-	unregisterFill: () => {},
-
-	// This helps the provider know if it's using the default context value or not.
-	isDefault: true,
-};
-
-const SlotFillContext = createContext( initialContextValue );
-SlotFillContext.displayName = 'SlotFillContext';
-
-export default SlotFillContext;

package/src/slot-fill/bubbles-virtually/slot-fill-provider.tsx

@@ -1,106 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useState } from '@wordpress/element';
-import { isShallowEqual } from '@wordpress/is-shallow-equal';
-import { observableMap } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import SlotFillContext from './slot-fill-context';
-import type {
-	SlotFillProviderProps,
-	SlotFillBubblesVirtuallyContext,
-} from '../types';
-
-function createSlotRegistry(): SlotFillBubblesVirtuallyContext {
-	const slots: SlotFillBubblesVirtuallyContext[ 'slots' ] = observableMap();
-	const fills: SlotFillBubblesVirtuallyContext[ 'fills' ] = observableMap();
-
-	const registerSlot: SlotFillBubblesVirtuallyContext[ 'registerSlot' ] = (
-		name,
-		ref,
-		fillProps
-	) => {
-		slots.set( name, { ref, fillProps } );
-	};
-
-	const unregisterSlot: SlotFillBubblesVirtuallyContext[ 'unregisterSlot' ] =
-		( name, ref ) => {
-			const slot = slots.get( name );
-			if ( ! slot ) {
-				return;
-			}
-
-			// Make sure we're not unregistering a slot registered by another element
-			// See https://github.com/WordPress/gutenberg/pull/19242#issuecomment-590295412
-			if ( slot.ref !== ref ) {
-				return;
-			}
-
-			slots.delete( name );
-		};
-
-	const updateSlot: SlotFillBubblesVirtuallyContext[ 'updateSlot' ] = (
-		name,
-		ref,
-		fillProps
-	) => {
-		const slot = slots.get( name );
-		if ( ! slot ) {
-			return;
-		}
-
-		if ( slot.ref !== ref ) {
-			return;
-		}
-
-		if ( isShallowEqual( slot.fillProps, fillProps ) ) {
-			return;
-		}
-
-		slots.set( name, { ref, fillProps } );
-	};
-
-	const registerFill: SlotFillBubblesVirtuallyContext[ 'registerFill' ] = (
-		name,
-		ref
-	) => {
-		fills.set( name, [ ...( fills.get( name ) || [] ), ref ] );
-	};
-
-	const unregisterFill: SlotFillBubblesVirtuallyContext[ 'unregisterFill' ] =
-		( name, ref ) => {
-			const fillsForName = fills.get( name );
-			if ( ! fillsForName ) {
-				return;
-			}
-
-			fills.set(
-				name,
-				fillsForName.filter( ( fillRef ) => fillRef !== ref )
-			);
-		};
-
-	return {
-		slots,
-		fills,
-		registerSlot,
-		updateSlot,
-		unregisterSlot,
-		registerFill,
-		unregisterFill,
-	};
-}
-
-export default function SlotFillProvider( {
-	children,
-}: SlotFillProviderProps ) {
-	const [ registry ] = useState( createSlotRegistry );
-	return (
-		<SlotFillContext.Provider value={ registry }>
-			{ children }
-		</SlotFillContext.Provider>
-	);
-}

package/src/slot-fill/fill.ts

@@ -1,32 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useContext, useLayoutEffect, useRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import SlotFillContext from './context';
-import type { FillComponentProps } from './types';
-
-export default function Fill( { name, children }: FillComponentProps ) {
-	const registry = useContext( SlotFillContext );
-	const instanceRef = useRef( {} );
-	const childrenRef = useRef( children );
-
-	useLayoutEffect( () => {
-		childrenRef.current = children;
-	}, [ children ] );
-
-	useLayoutEffect( () => {
-		const instance = instanceRef.current;
-		registry.registerFill( name, instance, childrenRef.current );
-		return () => registry.unregisterFill( name, instance );
-	}, [ registry, name ] );
-
-	useLayoutEffect( () => {
-		registry.updateFill( name, instanceRef.current, childrenRef.current );
-	} );
-
-	return null;
-}