@wordpress/components 25.8.6 → 25.9.1

package/build/slot-fill/bubbles-virtually/slot-fill-provider.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SlotFillProvider;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _valtio = require("valtio");
 var _utils = require("valtio/utils");
+var _element = require("@wordpress/element");
 var _isShallowEqual = _interopRequireDefault(require("@wordpress/is-shallow-equal"));
 var _slotFillContext = _interopRequireDefault(require("./slot-fill-context"));
-// @ts-nocheck
 /**
  * External dependencies
  */
@@ -26,22 +26,22 @@ var _slotFillContext = _interopRequireDefault(require("./slot-fill-context"));
 function createSlotRegistry() {
   const slots = (0, _utils.proxyMap)();
   const fills = (0, _utils.proxyMap)();
-  function registerSlot(name, ref, fillProps) {
-    const slot = slots.get(name) || {};
+  const registerSlot = (name, ref, fillProps) => {
+    const slot = slots.get(name);
     slots.set(name, (0, _valtio.ref)({
       ...slot,
-      ref: ref || slot.ref,
-      fillProps: fillProps || slot.fillProps || {}
+      ref: ref || slot?.ref,
+      fillProps: fillProps || slot?.fillProps || {}
     }));
-  }
-  function unregisterSlot(name, ref) {
+  };
+  const unregisterSlot = (name, ref) => {
     // Make sure we're not unregistering a slot registered by another element
     // See https://github.com/WordPress/gutenberg/pull/19242#issuecomment-590295412
     if (slots.get(name)?.ref === ref) {
       slots.delete(name);
     }
-  }
-  function updateSlot(name, fillProps) {
+  };
+  const updateSlot = (name, fillProps) => {
     const slot = slots.get(name);
     if (!slot) {
       return;
@@ -55,17 +55,17 @@ function createSlotRegistry() {
       // Force update fills.
       slotFills.map(fill => fill.current.rerender());
     }
-  }
-  function registerFill(name, ref) {
+  };
+  const registerFill = (name, ref) => {
     fills.set(name, (0, _valtio.ref)([...(fills.get(name) || []), ref]));
-  }
-  function unregisterFill(name, ref) {
+  };
+  const unregisterFill = (name, ref) => {
     const fillsForName = fills.get(name);
     if (!fillsForName) {
       return;
     }
     fills.set(name, (0, _valtio.ref)(fillsForName.filter(fillRef => fillRef !== ref)));
-  }
+  };
   return {
     slots,
     fills,
@@ -79,8 +79,8 @@ function createSlotRegistry() {
 function SlotFillProvider({
   children
 }) {
-  const [registry] = (0, _element.useState)(createSlotRegistry);
-  return (0, _element.createElement)(_slotFillContext.default.Provider, {
+  const registry = (0, _element.useMemo)(createSlotRegistry, []);
+  return (0, _react.createElement)(_slotFillContext.default.Provider, {
     value: registry
   }, children);
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_valtio","_utils","_isShallowEqual","_interopRequireDefault","_slotFillContext","createSlotRegistry","slots","proxyMap","fills","registerSlot","name","ref","fillProps","slot","get","set","valRef","unregisterSlot","delete","updateSlot","isShallowEqual","slotFills","map","fill","current","rerender","registerFill","unregisterFill","fillsForName","filter","fillRef","SlotFillProvider","children","registry","useState","createElement","default","Provider","value"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/slot-fill-provider.js"],"sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport { ref as valRef } from 'valtio';\nimport { proxyMap } from 'valtio/utils';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport isShallowEqual from '@wordpress/is-shallow-equal';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './slot-fill-context';\n\nfunction createSlotRegistry() {\n\tconst slots = proxyMap();\n\tconst fills = proxyMap();\n\n\tfunction registerSlot( name, ref, fillProps ) {\n\t\tconst slot = slots.get( name ) || {};\n\t\tslots.set(\n\t\t\tname,\n\t\t\tvalRef( {\n\t\t\t\t...slot,\n\t\t\t\tref: ref || slot.ref,\n\t\t\t\tfillProps: fillProps || slot.fillProps || {},\n\t\t\t} )\n\t\t);\n\t}\n\n\tfunction unregisterSlot( name, ref ) {\n\t\t// Make sure we're not unregistering a slot registered by another element\n\t\t// See https://github.com/WordPress/gutenberg/pull/19242#issuecomment-590295412\n\t\tif ( slots.get( name )?.ref === ref ) {\n\t\t\tslots.delete( name );\n\t\t}\n\t}\n\n\tfunction updateSlot( name, fillProps ) {\n\t\tconst slot = slots.get( name );\n\t\tif ( ! slot ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isShallowEqual( slot.fillProps, fillProps ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tslot.fillProps = fillProps;\n\t\tconst slotFills = fills.get( name );\n\t\tif ( slotFills ) {\n\t\t\t// Force update fills.\n\t\t\tslotFills.map( ( fill ) => fill.current.rerender() );\n\t\t}\n\t}\n\n\tfunction registerFill( name, ref ) {\n\t\tfills.set( name, valRef( [ ...( fills.get( name ) || [] ), ref ] ) );\n\t}\n\n\tfunction unregisterFill( name, ref ) {\n\t\tconst fillsForName = fills.get( name );\n\t\tif ( ! fillsForName ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfills.set(\n\t\t\tname,\n\t\t\tvalRef( fillsForName.filter( ( fillRef ) => fillRef !== ref ) )\n\t\t);\n\t}\n\n\treturn {\n\t\tslots,\n\t\tfills,\n\t\tregisterSlot,\n\t\tupdateSlot,\n\t\tunregisterSlot,\n\t\tregisterFill,\n\t\tunregisterFill,\n\t};\n}\n\nexport default function SlotFillProvider( { children } ) {\n\tconst [ registry ] = useState( createSlotRegistry );\n\treturn (\n\t\t<SlotFillContext.Provider value={ registry }>\n\t\t\t{ children }\n\t\t</SlotFillContext.Provider>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_valtio","require","_utils","_element","_isShallowEqual","_interopRequireDefault","_slotFillContext","createSlotRegistry","slots","proxyMap","fills","registerSlot","name","ref","fillProps","slot","get","set","valRef","unregisterSlot","delete","updateSlot","isShallowEqual","slotFills","map","fill","current","rerender","registerFill","unregisterFill","fillsForName","filter","fillRef","SlotFillProvider","children","registry","useMemo","_react","createElement","default","Provider","value"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/slot-fill-provider.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { ref as valRef } from 'valtio';\nimport { proxyMap } from 'valtio/utils';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport isShallowEqual from '@wordpress/is-shallow-equal';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './slot-fill-context';\nimport type {\n\tSlotFillProviderProps,\n\tSlotFillBubblesVirtuallyContext,\n} from '../types';\n\nfunction createSlotRegistry(): SlotFillBubblesVirtuallyContext {\n\tconst slots: SlotFillBubblesVirtuallyContext[ 'slots' ] = proxyMap();\n\tconst fills: SlotFillBubblesVirtuallyContext[ 'fills' ] = proxyMap();\n\n\tconst registerSlot: SlotFillBubblesVirtuallyContext[ 'registerSlot' ] = (\n\t\tname,\n\t\tref,\n\t\tfillProps\n\t) => {\n\t\tconst slot = slots.get( name );\n\n\t\tslots.set(\n\t\t\tname,\n\t\t\tvalRef( {\n\t\t\t\t...slot,\n\t\t\t\tref: ref || slot?.ref,\n\t\t\t\tfillProps: fillProps || slot?.fillProps || {},\n\t\t\t} )\n\t\t);\n\t};\n\n\tconst unregisterSlot: SlotFillBubblesVirtuallyContext[ 'unregisterSlot' ] =\n\t\t( name, ref ) => {\n\t\t\t// Make sure we're not unregistering a slot registered by another element\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/19242#issuecomment-590295412\n\t\t\tif ( slots.get( name )?.ref === ref ) {\n\t\t\t\tslots.delete( name );\n\t\t\t}\n\t\t};\n\n\tconst updateSlot: SlotFillBubblesVirtuallyContext[ 'updateSlot' ] = (\n\t\tname,\n\t\tfillProps\n\t) => {\n\t\tconst slot = slots.get( name );\n\t\tif ( ! slot ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isShallowEqual( slot.fillProps, fillProps ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tslot.fillProps = fillProps;\n\t\tconst slotFills = fills.get( name );\n\t\tif ( slotFills ) {\n\t\t\t// Force update fills.\n\t\t\tslotFills.map( ( fill ) => fill.current.rerender() );\n\t\t}\n\t};\n\n\tconst registerFill: SlotFillBubblesVirtuallyContext[ 'registerFill' ] = (\n\t\tname,\n\t\tref\n\t) => {\n\t\tfills.set( name, valRef( [ ...( fills.get( name ) || [] ), ref ] ) );\n\t};\n\n\tconst unregisterFill: SlotFillBubblesVirtuallyContext[ 'registerFill' ] = (\n\t\tname,\n\t\tref\n\t) => {\n\t\tconst fillsForName = fills.get( name );\n\t\tif ( ! fillsForName ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfills.set(\n\t\t\tname,\n\t\t\tvalRef( fillsForName.filter( ( fillRef ) => fillRef !== ref ) )\n\t\t);\n\t};\n\n\treturn {\n\t\tslots,\n\t\tfills,\n\t\tregisterSlot,\n\t\tupdateSlot,\n\t\tunregisterSlot,\n\t\tregisterFill,\n\t\tunregisterFill,\n\t};\n}\n\nexport default function SlotFillProvider( {\n\tchildren,\n}: SlotFillProviderProps ) {\n\tconst registry = useMemo( createSlotRegistry, [] );\n\treturn (\n\t\t<SlotFillContext.Provider value={ registry }>\n\t\t\t{ children }\n\t\t</SlotFillContext.Provider>\n\t);\n}\n"],"mappings":"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"}

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

@@ -5,11 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
 var _view = require("../../view");
 var _slotFillContext = _interopRequireDefault(require("./slot-fill-context"));
-// @ts-nocheck
+/**
+ * External dependencies
+ */
+
 /**
  * WordPress dependencies
  */
@@ -25,6 +29,7 @@ function Slot(props, forwardedRef) {
     as,
     // `children` is not allowed. However, if it is passed,
     // it will be displayed as is, so remove `children`.
+    // @ts-ignore
     children,
     ...restProps
   } = props;
@@ -33,7 +38,7 @@ function Slot(props, forwardedRef) {
     unregisterSlot,
     ...registry
   } = (0, _element.useContext)(_slotFillContext.default);
-  const ref = (0, _element.useRef)();
+  const ref = (0, _element.useRef)(null);
   (0, _element.useLayoutEffect)(() => {
     registerSlot(name, ref, fillProps);
     return () => {
@@ -50,7 +55,7 @@ function Slot(props, forwardedRef) {
   (0, _element.useLayoutEffect)(() => {
     registry.updateSlot(name, fillProps);
   });
-  return (0, _element.createElement)(_view.View, {
+  return (0, _react.createElement)(_view.View, {
     as: as,
     ref: (0, _compose.useMergeRefs)([forwardedRef, ref]),
     ...restProps

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_compose","_view","_slotFillContext","_interopRequireDefault","Slot","props","forwardedRef","name","fillProps","as","children","restProps","registerSlot","unregisterSlot","registry","useContext","SlotFillContext","ref","useRef","useLayoutEffect","updateSlot","createElement","View","useMergeRefs","_default","forwardRef","exports","default"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/slot.js"],"sourcesContent":["// @ts-nocheck\n/**\n * WordPress dependencies\n */\nimport {\n\tuseRef,\n\tuseLayoutEffect,\n\tuseContext,\n\tforwardRef,\n} from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { View } from '../../view';\nimport SlotFillContext from './slot-fill-context';\n\nfunction Slot( props, forwardedRef ) {\n\tconst {\n\t\tname,\n\t\tfillProps = {},\n\t\tas,\n\t\t// `children` is not allowed. However, if it is passed,\n\t\t// it will be displayed as is, so remove `children`.\n\t\tchildren,\n\t\t...restProps\n\t} = props;\n\n\tconst { registerSlot, unregisterSlot, ...registry } =\n\t\tuseContext( SlotFillContext );\n\tconst ref = useRef();\n\n\tuseLayoutEffect( () => {\n\t\tregisterSlot( name, ref, fillProps );\n\t\treturn () => {\n\t\t\tunregisterSlot( name, ref );\n\t\t};\n\t\t// Ignore reason: We don't want to unregister and register the slot whenever\n\t\t// `fillProps` change, which would cause the fill to be re-mounted. Instead,\n\t\t// we can just update the slot (see hook below).\n\t\t// For more context, see https://github.com/WordPress/gutenberg/pull/44403#discussion_r994415973\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ registerSlot, unregisterSlot, name ] );\n\t// fillProps may be an update that interacts with the layout, so we\n\t// useLayoutEffect.\n\tuseLayoutEffect( () => {\n\t\tregistry.updateSlot( name, fillProps );\n\t} );\n\n\treturn (\n\t\t<View\n\t\t\tas={ as }\n\t\t\tref={ useMergeRefs( [ forwardedRef, ref ] ) }\n\t\t\t{ ...restProps }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( Slot );\n"],"mappings":";;;;;;;AAIA,IAAAA,QAAA,GAAAC,OAAA;AAMA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAhBA;AACA;AACA;AACA;;AASA;AACA;AACA;;AAIA,SAASK,IAAIA,CAAEC,KAAK,EAAEC,YAAY,EAAG;EACpC,MAAM;IACLC,IAAI;IACJC,SAAS,GAAG,CAAC,CAAC;IACdC,EAAE;IACF;IACA;IACAC,QAAQ;IACR,GAAGC;EACJ,CAAC,GAAGN,KAAK;EAET,MAAM;IAAEO,YAAY;IAAEC,cAAc;IAAE,GAAGC;EAAS,CAAC,GAClD,IAAAC,mBAAU,EAAEC,wBAAgB,CAAC;EAC9B,MAAMC,GAAG,GAAG,IAAAC,eAAM,EAAC,CAAC;EAEpB,IAAAC,wBAAe,EAAE,MAAM;IACtBP,YAAY,CAAEL,IAAI,EAAEU,GAAG,EAAET,SAAU,CAAC;IACpC,OAAO,MAAM;MACZK,cAAc,CAAEN,IAAI,EAAEU,GAAI,CAAC;IAC5B,CAAC;IACD;IACA;IACA;IACA;IACA;EACD,CAAC,EAAE,CAAEL,YAAY,EAAEC,cAAc,EAAEN,IAAI,CAAG,CAAC;EAC3C;EACA;EACA,IAAAY,wBAAe,EAAE,MAAM;IACtBL,QAAQ,CAACM,UAAU,CAAEb,IAAI,EAAEC,SAAU,CAAC;EACvC,CAAE,CAAC;EAEH,OACC,IAAAV,QAAA,CAAAuB,aAAA,EAACpB,KAAA,CAAAqB,IAAI;IACJb,EAAE,EAAGA,EAAI;IACTQ,GAAG,EAAG,IAAAM,qBAAY,EAAE,CAAEjB,YAAY,EAAEW,GAAG,CAAG,CAAG;IAAA,GACxCN;EAAS,CACd,CAAC;AAEJ;AAAC,IAAAa,QAAA,GAEc,IAAAC,mBAAU,EAAErB,IAAK,CAAC;AAAAsB,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
+{"version":3,"names":["_element","require","_compose","_view","_slotFillContext","_interopRequireDefault","Slot","props","forwardedRef","name","fillProps","as","children","restProps","registerSlot","unregisterSlot","registry","useContext","SlotFillContext","ref","useRef","useLayoutEffect","updateSlot","_react","createElement","View","useMergeRefs","_default","forwardRef","exports","default"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/slot.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseRef,\n\tuseLayoutEffect,\n\tuseContext,\n\tforwardRef,\n} from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { View } from '../../view';\nimport SlotFillContext from './slot-fill-context';\nimport type { WordPressComponentProps } from '../../context';\nimport type { SlotComponentProps } from '../types';\n\nfunction Slot(\n\tprops: WordPressComponentProps<\n\t\tOmit< SlotComponentProps, 'bubblesVirtually' >,\n\t\t'div'\n\t>,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst {\n\t\tname,\n\t\tfillProps = {},\n\t\tas,\n\t\t// `children` is not allowed. However, if it is passed,\n\t\t// it will be displayed as is, so remove `children`.\n\t\t// @ts-ignore\n\t\tchildren,\n\t\t...restProps\n\t} = props;\n\n\tconst { registerSlot, unregisterSlot, ...registry } =\n\t\tuseContext( SlotFillContext );\n\tconst ref = useRef< HTMLElement >( null );\n\n\tuseLayoutEffect( () => {\n\t\tregisterSlot( name, ref, fillProps );\n\t\treturn () => {\n\t\t\tunregisterSlot( name, ref );\n\t\t};\n\t\t// Ignore reason: We don't want to unregister and register the slot whenever\n\t\t// `fillProps` change, which would cause the fill to be re-mounted. Instead,\n\t\t// we can just update the slot (see hook below).\n\t\t// For more context, see https://github.com/WordPress/gutenberg/pull/44403#discussion_r994415973\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ registerSlot, unregisterSlot, name ] );\n\t// fillProps may be an update that interacts with the layout, so we\n\t// useLayoutEffect.\n\tuseLayoutEffect( () => {\n\t\tregistry.updateSlot( name, fillProps );\n\t} );\n\n\treturn (\n\t\t<View\n\t\t\tas={ as }\n\t\t\tref={ useMergeRefs( [ forwardedRef, ref ] ) }\n\t\t\t{ ...restProps }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( Slot );\n"],"mappings":";;;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AAMA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AApBA;AACA;AACA;;AAGA;AACA;AACA;;AASA;AACA;AACA;;AAMA,SAASK,IAAIA,CACZC,KAGC,EACDC,YAAiC,EAChC;EACD,MAAM;IACLC,IAAI;IACJC,SAAS,GAAG,CAAC,CAAC;IACdC,EAAE;IACF;IACA;IACA;IACAC,QAAQ;IACR,GAAGC;EACJ,CAAC,GAAGN,KAAK;EAET,MAAM;IAAEO,YAAY;IAAEC,cAAc;IAAE,GAAGC;EAAS,CAAC,GAClD,IAAAC,mBAAU,EAAEC,wBAAgB,CAAC;EAC9B,MAAMC,GAAG,GAAG,IAAAC,eAAM,EAAiB,IAAK,CAAC;EAEzC,IAAAC,wBAAe,EAAE,MAAM;IACtBP,YAAY,CAAEL,IAAI,EAAEU,GAAG,EAAET,SAAU,CAAC;IACpC,OAAO,MAAM;MACZK,cAAc,CAAEN,IAAI,EAAEU,GAAI,CAAC;IAC5B,CAAC;IACD;IACA;IACA;IACA;IACA;EACD,CAAC,EAAE,CAAEL,YAAY,EAAEC,cAAc,EAAEN,IAAI,CAAG,CAAC;EAC3C;EACA;EACA,IAAAY,wBAAe,EAAE,MAAM;IACtBL,QAAQ,CAACM,UAAU,CAAEb,IAAI,EAAEC,SAAU,CAAC;EACvC,CAAE,CAAC;EAEH,OACC,IAAAa,MAAA,CAAAC,aAAA,EAACrB,KAAA,CAAAsB,IAAI;IACJd,EAAE,EAAGA,EAAI;IACTQ,GAAG,EAAG,IAAAO,qBAAY,EAAE,CAAElB,YAAY,EAAEW,GAAG,CAAG,CAAG;IAAA,GACxCN;EAAS,CACd,CAAC;AAEJ;AAAC,IAAAc,QAAA,GAEc,IAAAC,mBAAU,EAAEtB,IAAK,CAAC;AAAAuB,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build/slot-fill/bubbles-virtually/use-slot-fills.js

@@ -8,7 +8,6 @@ exports.default = useSlotFills;
 var _valtio = require("valtio");
 var _element = require("@wordpress/element");
 var _slotFillContext = _interopRequireDefault(require("./slot-fill-context"));
-// @ts-nocheck
 /**
  * External dependencies
  */

package/build/slot-fill/bubbles-virtually/use-slot-fills.js.map

@@ -1 +1 @@
-{"version":3,"names":["_valtio","require","_element","_slotFillContext","_interopRequireDefault","useSlotFills","name","registry","useContext","SlotFillContext","fills","useSnapshot","sync","get"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/use-slot-fills.js"],"sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport { useSnapshot } from 'valtio';\n\n/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './slot-fill-context';\n\nexport default function useSlotFills( name ) {\n\tconst registry = useContext( SlotFillContext );\n\tconst fills = useSnapshot( registry.fills, { sync: true } );\n\t// The important bit here is that this call ensures that the hook\n\t// only causes a re-render if the \"fills\" of a given slot name\n\t// change change, not any fills.\n\treturn fills.get( name );\n}\n"],"mappings":";;;;;;;AAIA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAdA;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASI,YAAYA,CAAEC,IAAI,EAAG;EAC5C,MAAMC,QAAQ,GAAG,IAAAC,mBAAU,EAAEC,wBAAgB,CAAC;EAC9C,MAAMC,KAAK,GAAG,IAAAC,mBAAW,EAAEJ,QAAQ,CAACG,KAAK,EAAE;IAAEE,IAAI,EAAE;EAAK,CAAE,CAAC;EAC3D;EACA;EACA;EACA,OAAOF,KAAK,CAACG,GAAG,CAAEP,IAAK,CAAC;AACzB"}
+{"version":3,"names":["_valtio","require","_element","_slotFillContext","_interopRequireDefault","useSlotFills","name","registry","useContext","SlotFillContext","fills","useSnapshot","sync","get"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/use-slot-fills.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useSnapshot } from 'valtio';\n\n/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './slot-fill-context';\nimport type { SlotKey } from '../types';\n\nexport default function useSlotFills( name: SlotKey ) {\n\tconst registry = useContext( SlotFillContext );\n\tconst fills = useSnapshot( registry.fills, { sync: true } );\n\t// The important bit here is that this call ensures that the hook\n\t// only causes a re-render if the \"fills\" of a given slot name\n\t// change change, not any fills.\n\treturn fills.get( name );\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIe,SAASI,YAAYA,CAAEC,IAAa,EAAG;EACrD,MAAMC,QAAQ,GAAG,IAAAC,mBAAU,EAAEC,wBAAgB,CAAC;EAC9C,MAAMC,KAAK,GAAG,IAAAC,mBAAW,EAAEJ,QAAQ,CAACG,KAAK,EAAE;IAAEE,IAAI,EAAE;EAAK,CAAE,CAAC;EAC3D;EACA;EACA;EACA,OAAOF,KAAK,CAACG,GAAG,CAAEP,IAAK,CAAC;AACzB"}

package/build/slot-fill/bubbles-virtually/use-slot.js

@@ -8,7 +8,6 @@ exports.default = useSlot;
 var _valtio = require("valtio");
 var _element = require("@wordpress/element");
 var _slotFillContext = _interopRequireDefault(require("./slot-fill-context"));
-// @ts-nocheck
 /**
  * External dependencies
  */

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

@@ -1 +1 @@
-{"version":3,"names":["_valtio","require","_element","_slotFillContext","_interopRequireDefault","useSlot","name","registry","useContext","SlotFillContext","slots","useSnapshot","sync","slot","get","api","useMemo","updateSlot","fillProps","unregisterSlot","ref","registerFill","unregisterFill"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/use-slot.js"],"sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport { useSnapshot } from 'valtio';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './slot-fill-context';\n\nexport default function useSlot( name ) {\n\tconst registry = useContext( SlotFillContext );\n\tconst slots = useSnapshot( registry.slots, { sync: true } );\n\t// The important bit here is that the `useSnapshot` call ensures that the\n\t// hook only causes a re-render if the slot with the given name changes,\n\t// not any other slot.\n\tconst slot = slots.get( name );\n\n\tconst api = useMemo(\n\t\t() => ( {\n\t\t\tupdateSlot: ( fillProps ) => registry.updateSlot( name, fillProps ),\n\t\t\tunregisterSlot: ( ref ) => registry.unregisterSlot( name, ref ),\n\t\t\tregisterFill: ( ref ) => registry.registerFill( name, ref ),\n\t\t\tunregisterFill: ( ref ) => registry.unregisterFill( name, ref ),\n\t\t} ),\n\t\t[ name, registry ]\n\t);\n\n\treturn {\n\t\t...slot,\n\t\t...api,\n\t};\n}\n"],"mappings":";;;;;;;AAIA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAdA;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASI,OAAOA,CAAEC,IAAI,EAAG;EACvC,MAAMC,QAAQ,GAAG,IAAAC,mBAAU,EAAEC,wBAAgB,CAAC;EAC9C,MAAMC,KAAK,GAAG,IAAAC,mBAAW,EAAEJ,QAAQ,CAACG,KAAK,EAAE;IAAEE,IAAI,EAAE;EAAK,CAAE,CAAC;EAC3D;EACA;EACA;EACA,MAAMC,IAAI,GAAGH,KAAK,CAACI,GAAG,CAAER,IAAK,CAAC;EAE9B,MAAMS,GAAG,GAAG,IAAAC,gBAAO,EAClB,OAAQ;IACPC,UAAU,EAAIC,SAAS,IAAMX,QAAQ,CAACU,UAAU,CAAEX,IAAI,EAAEY,SAAU,CAAC;IACnEC,cAAc,EAAIC,GAAG,IAAMb,QAAQ,CAACY,cAAc,CAAEb,IAAI,EAAEc,GAAI,CAAC;IAC/DC,YAAY,EAAID,GAAG,IAAMb,QAAQ,CAACc,YAAY,CAAEf,IAAI,EAAEc,GAAI,CAAC;IAC3DE,cAAc,EAAIF,GAAG,IAAMb,QAAQ,CAACe,cAAc,CAAEhB,IAAI,EAAEc,GAAI;EAC/D,CAAC,CAAE,EACH,CAAEd,IAAI,EAAEC,QAAQ,CACjB,CAAC;EAED,OAAO;IACN,GAAGM,IAAI;IACP,GAAGE;EACJ,CAAC;AACF"}
+{"version":3,"names":["_valtio","require","_element","_slotFillContext","_interopRequireDefault","useSlot","name","registry","useContext","SlotFillContext","slots","useSnapshot","sync","slot","get","api","useMemo","updateSlot","fillProps","unregisterSlot","ref","registerFill","unregisterFill"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/use-slot.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useSnapshot } from 'valtio';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './slot-fill-context';\nimport type {\n\tSlotFillBubblesVirtuallyFillRef,\n\tSlotFillBubblesVirtuallySlotRef,\n\tFillProps,\n\tSlotKey,\n} from '../types';\n\nexport default function useSlot( name: SlotKey ) {\n\tconst registry = useContext( SlotFillContext );\n\tconst slots = useSnapshot( registry.slots, { sync: true } );\n\t// The important bit here is that the `useSnapshot` call ensures that the\n\t// hook only causes a re-render if the slot with the given name changes,\n\t// not any other slot.\n\tconst slot = slots.get( name );\n\n\tconst api = useMemo(\n\t\t() => ( {\n\t\t\tupdateSlot: ( fillProps: FillProps ) =>\n\t\t\t\tregistry.updateSlot( name, fillProps ),\n\t\t\tunregisterSlot: ( ref: SlotFillBubblesVirtuallySlotRef ) =>\n\t\t\t\tregistry.unregisterSlot( name, ref ),\n\t\t\tregisterFill: ( ref: SlotFillBubblesVirtuallyFillRef ) =>\n\t\t\t\tregistry.registerFill( name, ref ),\n\t\t\tunregisterFill: ( ref: SlotFillBubblesVirtuallyFillRef ) =>\n\t\t\t\tregistry.unregisterFill( name, ref ),\n\t\t} ),\n\t\t[ name, registry ]\n\t);\n\n\treturn {\n\t\t...slot,\n\t\t...api,\n\t};\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AASe,SAASI,OAAOA,CAAEC,IAAa,EAAG;EAChD,MAAMC,QAAQ,GAAG,IAAAC,mBAAU,EAAEC,wBAAgB,CAAC;EAC9C,MAAMC,KAAK,GAAG,IAAAC,mBAAW,EAAEJ,QAAQ,CAACG,KAAK,EAAE;IAAEE,IAAI,EAAE;EAAK,CAAE,CAAC;EAC3D;EACA;EACA;EACA,MAAMC,IAAI,GAAGH,KAAK,CAACI,GAAG,CAAER,IAAK,CAAC;EAE9B,MAAMS,GAAG,GAAG,IAAAC,gBAAO,EAClB,OAAQ;IACPC,UAAU,EAAIC,SAAoB,IACjCX,QAAQ,CAACU,UAAU,CAAEX,IAAI,EAAEY,SAAU,CAAC;IACvCC,cAAc,EAAIC,GAAoC,IACrDb,QAAQ,CAACY,cAAc,CAAEb,IAAI,EAAEc,GAAI,CAAC;IACrCC,YAAY,EAAID,GAAoC,IACnDb,QAAQ,CAACc,YAAY,CAAEf,IAAI,EAAEc,GAAI,CAAC;IACnCE,cAAc,EAAIF,GAAoC,IACrDb,QAAQ,CAACe,cAAc,CAAEhB,IAAI,EAAEc,GAAI;EACrC,CAAC,CAAE,EACH,CAAEd,IAAI,EAAEC,QAAQ,CACjB,CAAC;EAED,OAAO;IACN,GAAGM,IAAI;IACP,GAAGE;EACJ,CAAC;AACF"}

package/build/slot-fill/context.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.SlotFillContext = void 0;
 var _element = require("@wordpress/element");
-// @ts-nocheck
 /**
  * WordPress dependencies
  */
 
-const SlotFillContext = (0, _element.createContext)({
+const initialValue = {
   registerSlot: () => {},
   unregisterSlot: () => {},
   registerFill: () => {},
   unregisterFill: () => {},
-  getSlot: () => {},
-  getFills: () => {},
-  subscribe: () => {}
-});
+  getSlot: () => undefined,
+  getFills: () => [],
+  subscribe: () => () => {}
+};
+const SlotFillContext = (0, _element.createContext)(initialValue);
 exports.SlotFillContext = SlotFillContext;
 var _default = SlotFillContext;
 exports.default = _default;

package/build/slot-fill/context.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","SlotFillContext","createContext","registerSlot","unregisterSlot","registerFill","unregisterFill","getSlot","getFills","subscribe","exports","_default","default"],"sources":["@wordpress/components/src/slot-fill/context.js"],"sourcesContent":["// @ts-nocheck\n/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\nexport const SlotFillContext = createContext( {\n\tregisterSlot: () => {},\n\tunregisterSlot: () => {},\n\tregisterFill: () => {},\n\tunregisterFill: () => {},\n\tgetSlot: () => {},\n\tgetFills: () => {},\n\tsubscribe: () => {},\n} );\n\nexport default SlotFillContext;\n"],"mappings":";;;;;;AAIA,IAAAA,QAAA,GAAAC,OAAA;AAJA;AACA;AACA;AACA;;AAGO,MAAMC,eAAe,GAAG,IAAAC,sBAAa,EAAE;EAC7CC,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAC;EACtBC,cAAc,EAAEA,CAAA,KAAM,CAAC,CAAC;EACxBC,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAC;EACtBC,cAAc,EAAEA,CAAA,KAAM,CAAC,CAAC;EACxBC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBC,SAAS,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAE,CAAC;AAACC,OAAA,CAAAT,eAAA,GAAAA,eAAA;AAAA,IAAAU,QAAA,GAEWV,eAAe;AAAAS,OAAA,CAAAE,OAAA,GAAAD,QAAA"}
+{"version":3,"names":["_element","require","initialValue","registerSlot","unregisterSlot","registerFill","unregisterFill","getSlot","undefined","getFills","subscribe","SlotFillContext","createContext","exports","_default","default"],"sources":["@wordpress/components/src/slot-fill/context.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport type { BaseSlotFillContext } from './types';\n\nconst initialValue: BaseSlotFillContext = {\n\tregisterSlot: () => {},\n\tunregisterSlot: () => {},\n\tregisterFill: () => {},\n\tunregisterFill: () => {},\n\tgetSlot: () => undefined,\n\tgetFills: () => [],\n\tsubscribe: () => () => {},\n};\nexport const SlotFillContext = createContext( initialValue );\n\nexport default SlotFillContext;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAOA,MAAMC,YAAiC,GAAG;EACzCC,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAC;EACtBC,cAAc,EAAEA,CAAA,KAAM,CAAC,CAAC;EACxBC,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAC;EACtBC,cAAc,EAAEA,CAAA,KAAM,CAAC,CAAC;EACxBC,OAAO,EAAEA,CAAA,KAAMC,SAAS;EACxBC,QAAQ,EAAEA,CAAA,KAAM,EAAE;EAClBC,SAAS,EAAEA,CAAA,KAAM,MAAM,CAAC;AACzB,CAAC;AACM,MAAMC,eAAe,GAAG,IAAAC,sBAAa,EAAEV,YAAa,CAAC;AAACW,OAAA,CAAAF,eAAA,GAAAA,eAAA;AAAA,IAAAG,QAAA,GAE9CH,eAAe;AAAAE,OAAA,CAAAE,OAAA,GAAAD,QAAA"}

package/build/slot-fill/fill.js

@@ -8,8 +8,6 @@ exports.default = Fill;
 var _element = require("@wordpress/element");
 var _context = _interopRequireDefault(require("./context"));
 var _useSlot = _interopRequireDefault(require("./use-slot"));
-// @ts-nocheck
-
 /**
  * WordPress dependencies
  */

package/build/slot-fill/fill.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_context","_interopRequireDefault","_useSlot","Fill","name","children","registerFill","unregisterFill","useContext","SlotFillContext","slot","useSlot","ref","useRef","useLayoutEffect","refValue","current","forceUpdate"],"sources":["@wordpress/components/src/slot-fill/fill.js"],"sourcesContent":["// @ts-nocheck\n\n/**\n * WordPress dependencies\n */\nimport { useContext, useLayoutEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './context';\nimport useSlot from './use-slot';\n\nexport default function Fill( { name, children } ) {\n\tconst { registerFill, unregisterFill } = useContext( SlotFillContext );\n\tconst slot = useSlot( name );\n\n\tconst ref = useRef( {\n\t\tname,\n\t\tchildren,\n\t} );\n\n\tuseLayoutEffect( () => {\n\t\tconst refValue = ref.current;\n\t\tregisterFill( name, refValue );\n\t\treturn () => unregisterFill( name, refValue );\n\t\t// Ignore reason: the useLayoutEffects here are written to fire at specific times, and introducing new dependencies could cause unexpected changes in behavior.\n\t\t// We'll leave them as-is until a more detailed investigation/refactor can be performed.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tuseLayoutEffect( () => {\n\t\tref.current.children = children;\n\t\tif ( slot ) {\n\t\t\tslot.forceUpdate();\n\t\t}\n\t\t// Ignore reason: the useLayoutEffects here are written to fire at specific times, and introducing new dependencies could cause unexpected changes in behavior.\n\t\t// We'll leave them as-is until a more detailed investigation/refactor can be performed.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ children ] );\n\n\tuseLayoutEffect( () => {\n\t\tif ( name === ref.current.name ) {\n\t\t\t// Ignore initial effect.\n\t\t\treturn;\n\t\t}\n\t\tunregisterFill( ref.current.name, ref.current );\n\t\tref.current.name = name;\n\t\tregisterFill( name, ref.current );\n\t\t// Ignore reason: the useLayoutEffects here are written to fire at specific times, and introducing new dependencies could cause unexpected changes in behavior.\n\t\t// We'll leave them as-is until a more detailed investigation/refactor can be performed.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ name ] );\n\n\treturn null;\n}\n"],"mappings":";;;;;;;AAKA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AAXA;;AAEA;AACA;AACA;;AAGA;AACA;AACA;;AAIe,SAASI,IAAIA,CAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EAClD,MAAM;IAAEC,YAAY;IAAEC;EAAe,CAAC,GAAG,IAAAC,mBAAU,EAAEC,gBAAgB,CAAC;EACtE,MAAMC,IAAI,GAAG,IAAAC,gBAAO,EAAEP,IAAK,CAAC;EAE5B,MAAMQ,GAAG,GAAG,IAAAC,eAAM,EAAE;IACnBT,IAAI;IACJC;EACD,CAAE,CAAC;EAEH,IAAAS,wBAAe,EAAE,MAAM;IACtB,MAAMC,QAAQ,GAAGH,GAAG,CAACI,OAAO;IAC5BV,YAAY,CAAEF,IAAI,EAAEW,QAAS,CAAC;IAC9B,OAAO,MAAMR,cAAc,CAAEH,IAAI,EAAEW,QAAS,CAAC;IAC7C;IACA;IACA;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,IAAAD,wBAAe,EAAE,MAAM;IACtBF,GAAG,CAACI,OAAO,CAACX,QAAQ,GAAGA,QAAQ;IAC/B,IAAKK,IAAI,EAAG;MACXA,IAAI,CAACO,WAAW,CAAC,CAAC;IACnB;IACA;IACA;IACA;EACD,CAAC,EAAE,CAAEZ,QAAQ,CAAG,CAAC;EAEjB,IAAAS,wBAAe,EAAE,MAAM;IACtB,IAAKV,IAAI,KAAKQ,GAAG,CAACI,OAAO,CAACZ,IAAI,EAAG;MAChC;MACA;IACD;IACAG,cAAc,CAAEK,GAAG,CAACI,OAAO,CAACZ,IAAI,EAAEQ,GAAG,CAACI,OAAQ,CAAC;IAC/CJ,GAAG,CAACI,OAAO,CAACZ,IAAI,GAAGA,IAAI;IACvBE,YAAY,CAAEF,IAAI,EAAEQ,GAAG,CAACI,OAAQ,CAAC;IACjC;IACA;IACA;EACD,CAAC,EAAE,CAAEZ,IAAI,CAAG,CAAC;EAEb,OAAO,IAAI;AACZ"}
+{"version":3,"names":["_element","require","_context","_interopRequireDefault","_useSlot","Fill","name","children","registerFill","unregisterFill","useContext","SlotFillContext","slot","useSlot","ref","useRef","useLayoutEffect","refValue","current","forceUpdate"],"sources":["@wordpress/components/src/slot-fill/fill.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext, useLayoutEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './context';\nimport useSlot from './use-slot';\nimport type { FillComponentProps } from './types';\n\nexport default function Fill( { name, children }: FillComponentProps ) {\n\tconst { registerFill, unregisterFill } = useContext( SlotFillContext );\n\tconst slot = useSlot( name );\n\n\tconst ref = useRef( {\n\t\tname,\n\t\tchildren,\n\t} );\n\n\tuseLayoutEffect( () => {\n\t\tconst refValue = ref.current;\n\t\tregisterFill( name, refValue );\n\t\treturn () => unregisterFill( name, refValue );\n\t\t// Ignore reason: the useLayoutEffects here are written to fire at specific times, and introducing new dependencies could cause unexpected changes in behavior.\n\t\t// We'll leave them as-is until a more detailed investigation/refactor can be performed.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tuseLayoutEffect( () => {\n\t\tref.current.children = children;\n\t\tif ( slot ) {\n\t\t\tslot.forceUpdate();\n\t\t}\n\t\t// Ignore reason: the useLayoutEffects here are written to fire at specific times, and introducing new dependencies could cause unexpected changes in behavior.\n\t\t// We'll leave them as-is until a more detailed investigation/refactor can be performed.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ children ] );\n\n\tuseLayoutEffect( () => {\n\t\tif ( name === ref.current.name ) {\n\t\t\t// Ignore initial effect.\n\t\t\treturn;\n\t\t}\n\t\tunregisterFill( ref.current.name, ref.current );\n\t\tref.current.name = name;\n\t\tregisterFill( name, ref.current );\n\t\t// Ignore reason: the useLayoutEffects here are written to fire at specific times, and introducing new dependencies could cause unexpected changes in behavior.\n\t\t// We'll leave them as-is until a more detailed investigation/refactor can be performed.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ name ] );\n\n\treturn null;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAKe,SAASI,IAAIA,CAAE;EAAEC,IAAI;EAAEC;AAA6B,CAAC,EAAG;EACtE,MAAM;IAAEC,YAAY;IAAEC;EAAe,CAAC,GAAG,IAAAC,mBAAU,EAAEC,gBAAgB,CAAC;EACtE,MAAMC,IAAI,GAAG,IAAAC,gBAAO,EAAEP,IAAK,CAAC;EAE5B,MAAMQ,GAAG,GAAG,IAAAC,eAAM,EAAE;IACnBT,IAAI;IACJC;EACD,CAAE,CAAC;EAEH,IAAAS,wBAAe,EAAE,MAAM;IACtB,MAAMC,QAAQ,GAAGH,GAAG,CAACI,OAAO;IAC5BV,YAAY,CAAEF,IAAI,EAAEW,QAAS,CAAC;IAC9B,OAAO,MAAMR,cAAc,CAAEH,IAAI,EAAEW,QAAS,CAAC;IAC7C;IACA;IACA;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,IAAAD,wBAAe,EAAE,MAAM;IACtBF,GAAG,CAACI,OAAO,CAACX,QAAQ,GAAGA,QAAQ;IAC/B,IAAKK,IAAI,EAAG;MACXA,IAAI,CAACO,WAAW,CAAC,CAAC;IACnB;IACA;IACA;IACA;EACD,CAAC,EAAE,CAAEZ,QAAQ,CAAG,CAAC;EAEjB,IAAAS,wBAAe,EAAE,MAAM;IACtB,IAAKV,IAAI,KAAKQ,GAAG,CAACI,OAAO,CAACZ,IAAI,EAAG;MAChC;MACA;IACD;IACAG,cAAc,CAAEK,GAAG,CAACI,OAAO,CAACZ,IAAI,EAAEQ,GAAG,CAACI,OAAQ,CAAC;IAC/CJ,GAAG,CAACI,OAAO,CAACZ,IAAI,GAAGA,IAAI;IACvBE,YAAY,CAAEF,IAAI,EAAEQ,GAAG,CAACI,OAAQ,CAAC;IACjC;IACA;IACA;EACD,CAAC,EAAE,CAAEZ,IAAI,CAAG,CAAC;EAEb,OAAO,IAAI;AACZ"}

package/build/slot-fill/index.js

@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Fill = Fill;
 exports.Provider = Provider;
-exports.createPrivateSlotFill = exports.Slot = void 0;
+exports.Slot = void 0;
+exports.UnforwardedSlot = UnforwardedSlot;
+exports.createPrivateSlotFill = void 0;
 exports.createSlotFill = createSlotFill;
 Object.defineProperty(exports, "useSlot", {
   enumerable: true,
@@ -20,6 +22,7 @@ Object.defineProperty(exports, "useSlotFills", {
     return _useSlotFills.default;
   }
 });
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _fill = _interopRequireDefault(require("./fill"));
 var _slot = _interopRequireDefault(require("./slot"));
@@ -30,7 +33,10 @@ var _provider = _interopRequireDefault(require("./provider"));
 var _slotFillContext = _interopRequireDefault(require("./bubbles-virtually/slot-fill-context"));
 var _useSlot = _interopRequireDefault(require("./bubbles-virtually/use-slot"));
 var _useSlotFills = _interopRequireDefault(require("./bubbles-virtually/use-slot-fills"));
-// @ts-nocheck
+/**
+ * External dependencies
+ */
+
 /**
  * WordPress dependencies
  */
@@ -43,47 +49,46 @@ function Fill(props) {
   // We're adding both Fills here so they can register themselves before
   // their respective slot has been registered. Only the Fill that has a slot
   // will render. The other one will return null.
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_fill.default, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_fill.default, {
     ...props
-  }), (0, _element.createElement)(_fill2.default, {
+  }), (0, _react.createElement)(_fill2.default, {
     ...props
   }));
 }
-const Slot = (0, _element.forwardRef)(({
-  bubblesVirtually,
-  ...props
-}, ref) => {
+function UnforwardedSlot(props, ref) {
+  const {
+    bubblesVirtually,
+    ...restProps
+  } = props;
   if (bubblesVirtually) {
-    return (0, _element.createElement)(_slot2.default, {
-      ...props,
+    return (0, _react.createElement)(_slot2.default, {
+      ...restProps,
       ref: ref
     });
   }
-  return (0, _element.createElement)(_slot.default, {
-    ...props
+  return (0, _react.createElement)(_slot.default, {
+    ...restProps
   });
-});
+}
+const Slot = (0, _element.forwardRef)(UnforwardedSlot);
 exports.Slot = Slot;
 function Provider({
-  children,
-  ...props
+  children
 }) {
   const parent = (0, _element.useContext)(_slotFillContext.default);
   if (!parent.isDefault) {
-    return children;
+    return (0, _react.createElement)(_react.Fragment, null, children);
   }
-  return (0, _element.createElement)(_provider.default, {
-    ...props
-  }, (0, _element.createElement)(_slotFillProvider.default, null, children));
+  return (0, _react.createElement)(_provider.default, null, (0, _react.createElement)(_slotFillProvider.default, null, children));
 }
 function createSlotFill(key) {
   const baseName = typeof key === 'symbol' ? key.description : key;
-  const FillComponent = props => (0, _element.createElement)(Fill, {
+  const FillComponent = props => (0, _react.createElement)(Fill, {
     name: key,
     ...props
   });
   FillComponent.displayName = `${baseName}Fill`;
-  const SlotComponent = props => (0, _element.createElement)(Slot, {
+  const SlotComponent = props => (0, _react.createElement)(Slot, {
     name: key,
     ...props
   });

package/build/slot-fill/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_fill","_interopRequireDefault","_slot","_fill2","_slot2","_slotFillProvider","_provider","_slotFillContext","_useSlot","_useSlotFills","Fill","props","createElement","Fragment","default","Slot","forwardRef","bubblesVirtually","ref","exports","Provider","children","parent","useContext","SlotFillContext","isDefault","createSlotFill","key","baseName","description","FillComponent","name","displayName","SlotComponent","__unstableName","createPrivateSlotFill","privateKey","Symbol","privateSlotFill"],"sources":["@wordpress/components/src/slot-fill/index.js"],"sourcesContent":["// @ts-nocheck\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BaseFill from './fill';\nimport BaseSlot from './slot';\nimport BubblesVirtuallyFill from './bubbles-virtually/fill';\nimport BubblesVirtuallySlot from './bubbles-virtually/slot';\nimport BubblesVirtuallySlotFillProvider from './bubbles-virtually/slot-fill-provider';\nimport SlotFillProvider from './provider';\nimport SlotFillContext from './bubbles-virtually/slot-fill-context';\nexport { default as useSlot } from './bubbles-virtually/use-slot';\nexport { default as useSlotFills } from './bubbles-virtually/use-slot-fills';\n\nexport function Fill( props ) {\n\t// We're adding both Fills here so they can register themselves before\n\t// their respective slot has been registered. Only the Fill that has a slot\n\t// will render. The other one will return null.\n\treturn (\n\t\t<>\n\t\t\t<BaseFill { ...props } />\n\t\t\t<BubblesVirtuallyFill { ...props } />\n\t\t</>\n\t);\n}\nexport const Slot = forwardRef( ( { bubblesVirtually, ...props }, ref ) => {\n\tif ( bubblesVirtually ) {\n\t\treturn <BubblesVirtuallySlot { ...props } ref={ ref } />;\n\t}\n\treturn <BaseSlot { ...props } />;\n} );\n\nexport function Provider( { children, ...props } ) {\n\tconst parent = useContext( SlotFillContext );\n\tif ( ! parent.isDefault ) {\n\t\treturn children;\n\t}\n\treturn (\n\t\t<SlotFillProvider { ...props }>\n\t\t\t<BubblesVirtuallySlotFillProvider>\n\t\t\t\t{ children }\n\t\t\t</BubblesVirtuallySlotFillProvider>\n\t\t</SlotFillProvider>\n\t);\n}\n\nexport function createSlotFill( key ) {\n\tconst baseName = typeof key === 'symbol' ? key.description : key;\n\tconst FillComponent = ( props ) => <Fill name={ key } { ...props } />;\n\tFillComponent.displayName = `${ baseName }Fill`;\n\n\tconst SlotComponent = ( props ) => <Slot name={ key } { ...props } />;\n\tSlotComponent.displayName = `${ baseName }Slot`;\n\tSlotComponent.__unstableName = key;\n\n\treturn {\n\t\tFill: FillComponent,\n\t\tSlot: SlotComponent,\n\t};\n}\n\nexport const createPrivateSlotFill = ( name ) => {\n\tconst privateKey = Symbol( name );\n\tconst privateSlotFill = createSlotFill( privateKey );\n\n\treturn { privateKey, ...privateSlotFill };\n};\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_fill","_interopRequireDefault","_slot","_fill2","_slot2","_slotFillProvider","_provider","_slotFillContext","_useSlot","_useSlotFills","Fill","props","_react","createElement","Fragment","default","UnforwardedSlot","ref","bubblesVirtually","restProps","Slot","forwardRef","exports","Provider","children","parent","useContext","SlotFillContext","isDefault","createSlotFill","key","baseName","description","FillComponent","name","displayName","SlotComponent","__unstableName","createPrivateSlotFill","privateKey","Symbol","privateSlotFill"],"sources":["@wordpress/components/src/slot-fill/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BaseFill from './fill';\nimport BaseSlot from './slot';\nimport BubblesVirtuallyFill from './bubbles-virtually/fill';\nimport BubblesVirtuallySlot from './bubbles-virtually/slot';\nimport BubblesVirtuallySlotFillProvider from './bubbles-virtually/slot-fill-provider';\nimport SlotFillProvider from './provider';\nimport SlotFillContext from './bubbles-virtually/slot-fill-context';\nimport type { WordPressComponentProps } from '../context';\n\nexport { default as useSlot } from './bubbles-virtually/use-slot';\nexport { default as useSlotFills } from './bubbles-virtually/use-slot-fills';\nimport type {\n\tDistributiveOmit,\n\tFillComponentProps,\n\tSlotComponentProps,\n\tSlotFillProviderProps,\n\tSlotKey,\n} from './types';\n\nexport function Fill( props: FillComponentProps ) {\n\t// We're adding both Fills here so they can register themselves before\n\t// their respective slot has been registered. Only the Fill that has a slot\n\t// will render. The other one will return null.\n\treturn (\n\t\t<>\n\t\t\t<BaseFill { ...props } />\n\t\t\t<BubblesVirtuallyFill { ...props } />\n\t\t</>\n\t);\n}\n\nexport function UnforwardedSlot(\n\tprops: SlotComponentProps &\n\t\tOmit< WordPressComponentProps< {}, 'div' >, 'className' >,\n\tref: ForwardedRef< any >\n) {\n\tconst { bubblesVirtually, ...restProps } = props;\n\tif ( bubblesVirtually ) {\n\t\treturn <BubblesVirtuallySlot { ...restProps } ref={ ref } />;\n\t}\n\treturn <BaseSlot { ...restProps } />;\n}\nexport const Slot = forwardRef( UnforwardedSlot );\n\nexport function Provider( { children }: SlotFillProviderProps ) {\n\tconst parent = useContext( SlotFillContext );\n\tif ( ! parent.isDefault ) {\n\t\treturn <>{ children }</>;\n\t}\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<BubblesVirtuallySlotFillProvider>\n\t\t\t\t{ children }\n\t\t\t</BubblesVirtuallySlotFillProvider>\n\t\t</SlotFillProvider>\n\t);\n}\n\nexport function createSlotFill( key: SlotKey ) {\n\tconst baseName = typeof key === 'symbol' ? key.description : key;\n\tconst FillComponent = ( props: Omit< FillComponentProps, 'name' > ) => (\n\t\t<Fill name={ key } { ...props } />\n\t);\n\tFillComponent.displayName = `${ baseName }Fill`;\n\n\tconst SlotComponent = (\n\t\tprops: DistributiveOmit< SlotComponentProps, 'name' >\n\t) => <Slot name={ key } { ...props } />;\n\tSlotComponent.displayName = `${ baseName }Slot`;\n\tSlotComponent.__unstableName = key;\n\n\treturn {\n\t\tFill: FillComponent,\n\t\tSlot: SlotComponent,\n\t};\n}\n\nexport const createPrivateSlotFill = ( name: string ) => {\n\tconst privateKey = Symbol( name );\n\tconst privateSlotFill = createSlotFill( privateKey );\n\n\treturn { privateKey, ...privateSlotFill };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,MAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,iBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,SAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,gBAAA,GAAAN,sBAAA,CAAAF,OAAA;AAGA,IAAAS,QAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,aAAA,GAAAR,sBAAA,CAAAF,OAAA;AAvBA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAoBO,SAASW,IAAIA,CAAEC,KAAyB,EAAG;EACjD;EACA;EACA;EACA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACb,KAAA,CAAAe,OAAQ;IAAA,GAAMJ;EAAK,CAAI,CAAC,EACzB,IAAAC,MAAA,CAAAC,aAAA,EAACV,MAAA,CAAAY,OAAoB;IAAA,GAAMJ;EAAK,CAAI,CACnC,CAAC;AAEL;AAEO,SAASK,eAAeA,CAC9BL,KAC0D,EAC1DM,GAAwB,EACvB;EACD,MAAM;IAAEC,gBAAgB;IAAE,GAAGC;EAAU,CAAC,GAAGR,KAAK;EAChD,IAAKO,gBAAgB,EAAG;IACvB,OAAO,IAAAN,MAAA,CAAAC,aAAA,EAACT,MAAA,CAAAW,OAAoB;MAAA,GAAMI,SAAS;MAAGF,GAAG,EAAGA;IAAK,CAAE,CAAC;EAC7D;EACA,OAAO,IAAAL,MAAA,CAAAC,aAAA,EAACX,KAAA,CAAAa,OAAQ;IAAA,GAAMI;EAAS,CAAI,CAAC;AACrC;AACO,MAAMC,IAAI,GAAG,IAAAC,mBAAU,EAAEL,eAAgB,CAAC;AAACM,OAAA,CAAAF,IAAA,GAAAA,IAAA;AAE3C,SAASG,QAAQA,CAAE;EAAEC;AAAgC,CAAC,EAAG;EAC/D,MAAMC,MAAM,GAAG,IAAAC,mBAAU,EAAEC,wBAAgB,CAAC;EAC5C,IAAK,CAAEF,MAAM,CAACG,SAAS,EAAG;IACzB,OAAO,IAAAhB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QAAIU,QAAY,CAAC;EACzB;EACA,OACC,IAAAZ,MAAA,CAAAC,aAAA,EAACP,SAAA,CAAAS,OAAgB,QAChB,IAAAH,MAAA,CAAAC,aAAA,EAACR,iBAAA,CAAAU,OAAgC,QAC9BS,QAC+B,CACjB,CAAC;AAErB;AAEO,SAASK,cAAcA,CAAEC,GAAY,EAAG;EAC9C,MAAMC,QAAQ,GAAG,OAAOD,GAAG,KAAK,QAAQ,GAAGA,GAAG,CAACE,WAAW,GAAGF,GAAG;EAChE,MAAMG,aAAa,GAAKtB,KAAyC,IAChE,IAAAC,MAAA,CAAAC,aAAA,EAACH,IAAI;IAACwB,IAAI,EAAGJ,GAAK;IAAA,GAAMnB;EAAK,CAAI,CACjC;EACDsB,aAAa,CAACE,WAAW,GAAI,GAAGJ,QAAU,MAAK;EAE/C,MAAMK,aAAa,GAClBzB,KAAqD,IACjD,IAAAC,MAAA,CAAAC,aAAA,EAACO,IAAI;IAACc,IAAI,EAAGJ,GAAK;IAAA,GAAMnB;EAAK,CAAI,CAAC;EACvCyB,aAAa,CAACD,WAAW,GAAI,GAAGJ,QAAU,MAAK;EAC/CK,aAAa,CAACC,cAAc,GAAGP,GAAG;EAElC,OAAO;IACNpB,IAAI,EAAEuB,aAAa;IACnBb,IAAI,EAAEgB;EACP,CAAC;AACF;AAEO,MAAME,qBAAqB,GAAKJ,IAAY,IAAM;EACxD,MAAMK,UAAU,GAAGC,MAAM,CAAEN,IAAK,CAAC;EACjC,MAAMO,eAAe,GAAGZ,cAAc,CAAEU,UAAW,CAAC;EAEpD,OAAO;IAAEA,UAAU;IAAE,GAAGE;EAAgB,CAAC;AAC1C,CAAC;AAACnB,OAAA,CAAAgB,qBAAA,GAAAA,qBAAA"}

package/build/slot-fill/index.native.js

@@ -18,7 +18,7 @@ Object.defineProperty(exports, "Provider", {
 });
 exports.Slot = Slot;
 exports.createSlotFill = createSlotFill;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _slot = _interopRequireDefault(require("./slot"));
 var _fill = _interopRequireDefault(require("./fill"));
 var _provider = _interopRequireDefault(require("./provider"));
@@ -30,17 +30,17 @@ function Slot({
   bubblesVirtually,
   ...restProps
 }) {
-  return (0, _element.createElement)(_slot.default, {
+  return (0, _react.createElement)(_slot.default, {
     ...restProps
   });
 }
 function createSlotFill(name) {
-  const FillComponent = props => (0, _element.createElement)(_fill.default, {
+  const FillComponent = props => (0, _react.createElement)(_fill.default, {
     name: name,
     ...props
   });
   FillComponent.displayName = name + 'Fill';
-  const SlotComponent = props => (0, _element.createElement)(Slot, {
+  const SlotComponent = props => (0, _react.createElement)(Slot, {
     name: name,
     ...props
   });

package/build/slot-fill/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_slot","_interopRequireDefault","require","_fill","_provider","Slot","bubblesVirtually","restProps","_element","createElement","default","createSlotFill","name","FillComponent","props","displayName","SlotComponent","Fill"],"sources":["@wordpress/components/src/slot-fill/index.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport BaseSlot from './slot';\nimport Fill from './fill';\nimport Provider from './provider';\n\nexport { Fill, Provider };\n\nexport function Slot( { bubblesVirtually, ...restProps } ) {\n\treturn <BaseSlot { ...restProps } />;\n}\n\nexport function createSlotFill( name ) {\n\tconst FillComponent = ( props ) => <Fill name={ name } { ...props } />;\n\tFillComponent.displayName = name + 'Fill';\n\n\tconst SlotComponent = ( props ) => <Slot name={ name } { ...props } />;\n\tSlotComponent.displayName = name + 'Slot';\n\n\treturn {\n\t\tFill: FillComponent,\n\t\tSlot: SlotComponent,\n\t};\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AALA;AACA;AACA;;AAOO,SAASG,IAAIA,CAAE;EAAEC,gBAAgB;EAAE,GAAGC;AAAU,CAAC,EAAG;EAC1D,OAAO,IAAAC,QAAA,CAAAC,aAAA,EAACT,KAAA,CAAAU,OAAQ;IAAA,GAAMH;EAAS,CAAI,CAAC;AACrC;AAEO,SAASI,cAAcA,CAAEC,IAAI,EAAG;EACtC,MAAMC,aAAa,GAAKC,KAAK,IAAM,IAAAN,QAAA,CAAAC,aAAA,EAACN,KAAA,CAAAO,OAAI;IAACE,IAAI,EAAGA,IAAM;IAAA,GAAME;EAAK,CAAI,CAAC;EACtED,aAAa,CAACE,WAAW,GAAGH,IAAI,GAAG,MAAM;EAEzC,MAAMI,aAAa,GAAKF,KAAK,IAAM,IAAAN,QAAA,CAAAC,aAAA,EAACJ,IAAI;IAACO,IAAI,EAAGA,IAAM;IAAA,GAAME;EAAK,CAAI,CAAC;EACtEE,aAAa,CAACD,WAAW,GAAGH,IAAI,GAAG,MAAM;EAEzC,OAAO;IACNK,IAAI,EAAEJ,aAAa;IACnBR,IAAI,EAAEW;EACP,CAAC;AACF"}
+{"version":3,"names":["_slot","_interopRequireDefault","require","_fill","_provider","Slot","bubblesVirtually","restProps","_react","createElement","default","createSlotFill","name","FillComponent","props","displayName","SlotComponent","Fill"],"sources":["@wordpress/components/src/slot-fill/index.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport BaseSlot from './slot';\nimport Fill from './fill';\nimport Provider from './provider';\n\nexport { Fill, Provider };\n\nexport function Slot( { bubblesVirtually, ...restProps } ) {\n\treturn <BaseSlot { ...restProps } />;\n}\n\nexport function createSlotFill( name ) {\n\tconst FillComponent = ( props ) => <Fill name={ name } { ...props } />;\n\tFillComponent.displayName = name + 'Fill';\n\n\tconst SlotComponent = ( props ) => <Slot name={ name } { ...props } />;\n\tSlotComponent.displayName = name + 'Slot';\n\n\treturn {\n\t\tFill: FillComponent,\n\t\tSlot: SlotComponent,\n\t};\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AALA;AACA;AACA;;AAOO,SAASG,IAAIA,CAAE;EAAEC,gBAAgB;EAAE,GAAGC;AAAU,CAAC,EAAG;EAC1D,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACT,KAAA,CAAAU,OAAQ;IAAA,GAAMH;EAAS,CAAI,CAAC;AACrC;AAEO,SAASI,cAAcA,CAAEC,IAAI,EAAG;EACtC,MAAMC,aAAa,GAAKC,KAAK,IAAM,IAAAN,MAAA,CAAAC,aAAA,EAACN,KAAA,CAAAO,OAAI;IAACE,IAAI,EAAGA,IAAM;IAAA,GAAME;EAAK,CAAI,CAAC;EACtED,aAAa,CAACE,WAAW,GAAGH,IAAI,GAAG,MAAM;EAEzC,MAAMI,aAAa,GAAKF,KAAK,IAAM,IAAAN,MAAA,CAAAC,aAAA,EAACJ,IAAI;IAACO,IAAI,EAAGA,IAAM;IAAA,GAAME;EAAK,CAAI,CAAC;EACtEE,aAAa,CAACD,WAAW,GAAGH,IAAI,GAAG,MAAM;EAEzC,OAAO;IACNK,IAAI,EAAEJ,aAAa;IACnBR,IAAI,EAAEW;EACP,CAAC;AACF"}

package/build/slot-fill/provider.js

@@ -4,10 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.SlotFillProvider = SlotFillProvider;
 exports.default = void 0;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _context = _interopRequireDefault(require("./context"));
-// @ts-nocheck
 /**
  * WordPress dependencies
  */
@@ -16,37 +17,18 @@ var _context = _interopRequireDefault(require("./context"));
  * Internal dependencies
  */
 
-class SlotFillProvider extends _element.Component {
-  constructor() {
-    super(...arguments);
-    this.registerSlot = this.registerSlot.bind(this);
-    this.registerFill = this.registerFill.bind(this);
-    this.unregisterSlot = this.unregisterSlot.bind(this);
-    this.unregisterFill = this.unregisterFill.bind(this);
-    this.getSlot = this.getSlot.bind(this);
-    this.getFills = this.getFills.bind(this);
-    this.subscribe = this.subscribe.bind(this);
-    this.slots = {};
-    this.fills = {};
-    this.listeners = [];
-    this.contextValue = {
-      registerSlot: this.registerSlot,
-      unregisterSlot: this.unregisterSlot,
-      registerFill: this.registerFill,
-      unregisterFill: this.unregisterFill,
-      getSlot: this.getSlot,
-      getFills: this.getFills,
-      subscribe: this.subscribe
-    };
-  }
-  registerSlot(name, slot) {
-    const previousSlot = this.slots[name];
-    this.slots[name] = slot;
-    this.triggerListeners();
+function createSlotRegistry() {
+  const slots = {};
+  const fills = {};
+  let listeners = [];
+  function registerSlot(name, slot) {
+    const previousSlot = slots[name];
+    slots[name] = slot;
+    triggerListeners();
 
     // Sometimes the fills are registered after the initial render of slot
     // But before the registerSlot call, we need to rerender the slot.
-    this.forceUpdateSlot(name);
+    forceUpdateSlot(name);
 
     // If a new instance of a slot is being mounted while another with the
     // same name exists, force its update _after_ the new slot has been
@@ -56,56 +38,69 @@ class SlotFillProvider extends _element.Component {
       previousSlot.forceUpdate();
     }
   }
-  registerFill(name, instance) {
-    this.fills[name] = [...(this.fills[name] || []), instance];
-    this.forceUpdateSlot(name);
+  function registerFill(name, instance) {
+    fills[name] = [...(fills[name] || []), instance];
+    forceUpdateSlot(name);
   }
-  unregisterSlot(name, instance) {
+  function unregisterSlot(name, instance) {
     // If a previous instance of a Slot by this name unmounts, do nothing,
     // as the slot and its fills should only be removed for the current
     // known instance.
-    if (this.slots[name] !== instance) {
+    if (slots[name] !== instance) {
       return;
     }
-    delete this.slots[name];
-    this.triggerListeners();
+    delete slots[name];
+    triggerListeners();
   }
-  unregisterFill(name, instance) {
-    var _this$fills$name$filt;
-    this.fills[name] = (_this$fills$name$filt = this.fills[name]?.filter(fill => fill !== instance)) !== null && _this$fills$name$filt !== void 0 ? _this$fills$name$filt : [];
-    this.forceUpdateSlot(name);
+  function unregisterFill(name, instance) {
+    var _fills$name$filter;
+    fills[name] = (_fills$name$filter = fills[name]?.filter(fill => fill !== instance)) !== null && _fills$name$filter !== void 0 ? _fills$name$filter : [];
+    forceUpdateSlot(name);
   }
-  getSlot(name) {
-    return this.slots[name];
+  function getSlot(name) {
+    return slots[name];
   }
-  getFills(name, slotInstance) {
+  function getFills(name, slotInstance) {
     // Fills should only be returned for the current instance of the slot
     // in which they occupy.
-    if (this.slots[name] !== slotInstance) {
+    if (slots[name] !== slotInstance) {
       return [];
     }
-    return this.fills[name];
+    return fills[name];
   }
-  forceUpdateSlot(name) {
-    const slot = this.getSlot(name);
+  function forceUpdateSlot(name) {
+    const slot = getSlot(name);
     if (slot) {
       slot.forceUpdate();
     }
   }
-  triggerListeners() {
-    this.listeners.forEach(listener => listener());
+  function triggerListeners() {
+    listeners.forEach(listener => listener());
   }
-  subscribe(listener) {
-    this.listeners.push(listener);
+  function subscribe(listener) {
+    listeners.push(listener);
     return () => {
-      this.listeners = this.listeners.filter(l => l !== listener);
+      listeners = listeners.filter(l => l !== listener);
     };
   }
-  render() {
-    return (0, _element.createElement)(_context.default.Provider, {
-      value: this.contextValue
-    }, this.props.children);
-  }
+  return {
+    registerSlot,
+    unregisterSlot,
+    registerFill,
+    unregisterFill,
+    getSlot,
+    getFills,
+    subscribe
+  };
+}
+function SlotFillProvider({
+  children
+}) {
+  const contextValue = (0, _element.useMemo)(createSlotRegistry, []);
+  return (0, _react.createElement)(_context.default.Provider, {
+    value: contextValue
+  }, children);
 }
-exports.default = SlotFillProvider;
+var _default = SlotFillProvider;
+exports.default = _default;
 //# sourceMappingURL=provider.js.map