@wordpress/data 10.32.0 → 10.32.1-next.47f435fc9.0

package/build-module/components/async-mode-provider/index.js

@@ -1,3 +1,8 @@
-export { default as useAsyncMode } from './use-async-mode';
-export { default as AsyncModeProvider, AsyncModeConsumer } from './context';
-//# sourceMappingURL=index.js.map
+import { default as default2 } from "./use-async-mode";
+import { default as default3, AsyncModeConsumer } from "./context";
+export {
+  AsyncModeConsumer,
+  default3 as AsyncModeProvider,
+  default2 as useAsyncMode
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/async-mode-provider/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["default","useAsyncMode","AsyncModeProvider","AsyncModeConsumer"],"sources":["@wordpress/data/src/components/async-mode-provider/index.js"],"sourcesContent":["export { default as useAsyncMode } from './use-async-mode';\nexport { default as AsyncModeProvider, AsyncModeConsumer } from './context';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,YAAY,QAAQ,kBAAkB;AAC1D,SAASD,OAAO,IAAIE,iBAAiB,EAAEC,iBAAiB,QAAQ,WAAW","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/async-mode-provider/index.js"],
+  "sourcesContent": ["export { default as useAsyncMode } from './use-async-mode';\nexport { default as AsyncModeProvider, AsyncModeConsumer } from './context';\n"],
+  "mappings": "AAAA,SAAoB,WAAXA,gBAA+B;AACxC,SAAoB,WAAXA,UAA8B,yBAAyB;",
+  "names": ["default"]
+}

package/build-module/components/async-mode-provider/use-async-mode.js

@@ -1,13 +1,9 @@
-/**
- * WordPress dependencies
- */
-import { useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { Context } from './context';
-export default function useAsyncMode() {
+import { useContext } from "@wordpress/element";
+import { Context } from "./context";
+function useAsyncMode() {
   return useContext(Context);
 }
-//# sourceMappingURL=use-async-mode.js.map
+export {
+  useAsyncMode as default
+};
+//# sourceMappingURL=use-async-mode.js.map

package/build-module/components/async-mode-provider/use-async-mode.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useContext","Context","useAsyncMode"],"sources":["@wordpress/data/src/components/async-mode-provider/use-async-mode.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { Context } from './context';\n\nexport default function useAsyncMode() {\n\treturn useContext( Context );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,OAAO,QAAQ,WAAW;AAEnC,eAAe,SAASC,YAAYA,CAAA,EAAG;EACtC,OAAOF,UAAU,CAAEC,OAAQ,CAAC;AAC7B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/async-mode-provider/use-async-mode.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { Context } from './context';\n\nexport default function useAsyncMode() {\n\treturn useContext( Context );\n}\n"],
+  "mappings": "AAGA,SAAS,kBAAkB;AAK3B,SAAS,eAAe;AAET,SAAR,eAAgC;AACtC,SAAO,WAAY,OAAQ;AAC5B;",
+  "names": []
+}

package/build-module/components/registry-provider/context.js

@@ -1,58 +1,13 @@
-/**
- * WordPress dependencies
- */
-import { createContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import defaultRegistry from '../../default-registry';
-export const Context = createContext(defaultRegistry);
-Context.displayName = 'RegistryProviderContext';
-const {
-  Consumer,
-  Provider
-} = Context;
-
-/**
- * A custom react Context consumer exposing the provided `registry` to
- * children components. Used along with the RegistryProvider.
- *
- * You can read more about the react context api here:
- * https://react.dev/learn/passing-data-deeply-with-context#step-3-provide-the-context
- *
- * @example
- * ```js
- * import {
- *   RegistryProvider,
- *   RegistryConsumer,
- *   createRegistry
- * } from '@wordpress/data';
- *
- * const registry = createRegistry( {} );
- *
- * const App = ( { props } ) => {
- *   return <RegistryProvider value={ registry }>
- *     <div>Hello There</div>
- *     <RegistryConsumer>
- *       { ( registry ) => (
- *         <ComponentUsingRegistry
- *         		{ ...props }
- *         	  registry={ registry }
- *       ) }
- *     </RegistryConsumer>
- *   </RegistryProvider>
- * }
- * ```
- */
-export const RegistryConsumer = Consumer;
-
-/**
- * A custom Context provider for exposing the provided `registry` to children
- * components via a consumer.
- *
- * See <a name="#RegistryConsumer">RegistryConsumer</a> documentation for
- * example.
- */
-export default Provider;
-//# sourceMappingURL=context.js.map
+import { createContext } from "@wordpress/element";
+import defaultRegistry from "../../default-registry";
+const Context = createContext(defaultRegistry);
+Context.displayName = "RegistryProviderContext";
+const { Consumer, Provider } = Context;
+const RegistryConsumer = Consumer;
+var context_default = Provider;
+export {
+  Context,
+  RegistryConsumer,
+  context_default as default
+};
+//# sourceMappingURL=context.js.map

package/build-module/components/registry-provider/context.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["createContext","defaultRegistry","Context","displayName","Consumer","Provider","RegistryConsumer"],"sources":["@wordpress/data/src/components/registry-provider/context.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport defaultRegistry from '../../default-registry';\n\nexport const Context = createContext( defaultRegistry );\nContext.displayName = 'RegistryProviderContext';\n\nconst { Consumer, Provider } = Context;\n\n/**\n * A custom react Context consumer exposing the provided `registry` to\n * children components. Used along with the RegistryProvider.\n *\n * You can read more about the react context api here:\n * https://react.dev/learn/passing-data-deeply-with-context#step-3-provide-the-context\n *\n * @example\n * ```js\n * import {\n *   RegistryProvider,\n *   RegistryConsumer,\n *   createRegistry\n * } from '@wordpress/data';\n *\n * const registry = createRegistry( {} );\n *\n * const App = ( { props } ) => {\n *   return <RegistryProvider value={ registry }>\n *     <div>Hello There</div>\n *     <RegistryConsumer>\n *       { ( registry ) => (\n *         <ComponentUsingRegistry\n *         \t\t{ ...props }\n *         \t  registry={ registry }\n *       ) }\n *     </RegistryConsumer>\n *   </RegistryProvider>\n * }\n * ```\n */\nexport const RegistryConsumer = Consumer;\n\n/**\n * A custom Context provider for exposing the provided `registry` to children\n * components via a consumer.\n *\n * See <a name=\"#RegistryConsumer\">RegistryConsumer</a> documentation for\n * example.\n */\nexport default Provider;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,oBAAoB;;AAElD;AACA;AACA;AACA,OAAOC,eAAe,MAAM,wBAAwB;AAEpD,OAAO,MAAMC,OAAO,GAAGF,aAAa,CAAEC,eAAgB,CAAC;AACvDC,OAAO,CAACC,WAAW,GAAG,yBAAyB;AAE/C,MAAM;EAAEC,QAAQ;EAAEC;AAAS,CAAC,GAAGH,OAAO;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,gBAAgB,GAAGF,QAAQ;;AAExC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeC,QAAQ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/registry-provider/context.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport defaultRegistry from '../../default-registry';\n\nexport const Context = createContext( defaultRegistry );\nContext.displayName = 'RegistryProviderContext';\n\nconst { Consumer, Provider } = Context;\n\n/**\n * A custom react Context consumer exposing the provided `registry` to\n * children components. Used along with the RegistryProvider.\n *\n * You can read more about the react context api here:\n * https://react.dev/learn/passing-data-deeply-with-context#step-3-provide-the-context\n *\n * @example\n * ```js\n * import {\n *   RegistryProvider,\n *   RegistryConsumer,\n *   createRegistry\n * } from '@wordpress/data';\n *\n * const registry = createRegistry( {} );\n *\n * const App = ( { props } ) => {\n *   return <RegistryProvider value={ registry }>\n *     <div>Hello There</div>\n *     <RegistryConsumer>\n *       { ( registry ) => (\n *         <ComponentUsingRegistry\n *         \t\t{ ...props }\n *         \t  registry={ registry }\n *       ) }\n *     </RegistryConsumer>\n *   </RegistryProvider>\n * }\n * ```\n */\nexport const RegistryConsumer = Consumer;\n\n/**\n * A custom Context provider for exposing the provided `registry` to children\n * components via a consumer.\n *\n * See <a name=\"#RegistryConsumer\">RegistryConsumer</a> documentation for\n * example.\n */\nexport default Provider;\n"],
+  "mappings": "AAGA,SAAS,qBAAqB;AAK9B,OAAO,qBAAqB;AAErB,MAAM,UAAU,cAAe,eAAgB;AACtD,QAAQ,cAAc;AAEtB,MAAM,EAAE,UAAU,SAAS,IAAI;AAiCxB,MAAM,mBAAmB;AAShC,IAAO,kBAAQ;",
+  "names": []
+}

package/build-module/components/registry-provider/index.js

@@ -1,3 +1,8 @@
-export { default as RegistryProvider, RegistryConsumer } from './context';
-export { default as useRegistry } from './use-registry';
-//# sourceMappingURL=index.js.map
+import { default as default2, RegistryConsumer } from "./context";
+import { default as default3 } from "./use-registry";
+export {
+  RegistryConsumer,
+  default2 as RegistryProvider,
+  default3 as useRegistry
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/registry-provider/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["default","RegistryProvider","RegistryConsumer","useRegistry"],"sources":["@wordpress/data/src/components/registry-provider/index.js"],"sourcesContent":["export { default as RegistryProvider, RegistryConsumer } from './context';\nexport { default as useRegistry } from './use-registry';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAAgB,EAAEC,gBAAgB,QAAQ,WAAW;AACzE,SAASF,OAAO,IAAIG,WAAW,QAAQ,gBAAgB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/registry-provider/index.js"],
+  "sourcesContent": ["export { default as RegistryProvider, RegistryConsumer } from './context';\nexport { default as useRegistry } from './use-registry';\n"],
+  "mappings": "AAAA,SAAoB,WAAXA,UAA6B,wBAAwB;AAC9D,SAAoB,WAAXA,gBAA8B;",
+  "names": ["default"]
+}

package/build-module/components/registry-provider/use-registry.js

@@ -1,53 +1,9 @@
-/**
- * WordPress dependencies
- */
-import { useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { Context } from './context';
-
-/**
- * A custom react hook exposing the registry context for use.
- *
- * This exposes the `registry` value provided via the
- * <a href="#RegistryProvider">Registry Provider</a> to a component implementing
- * this hook.
- *
- * It acts similarly to the `useContext` react hook.
- *
- * Note: Generally speaking, `useRegistry` is a low level hook that in most cases
- * won't be needed for implementation. Most interactions with the `@wordpress/data`
- * API can be performed via the `useSelect` hook,  or the `withSelect` and
- * `withDispatch` higher order components.
- *
- * @example
- * ```js
- * import {
- *   RegistryProvider,
- *   createRegistry,
- *   useRegistry,
- * } from '@wordpress/data';
- *
- * const registry = createRegistry( {} );
- *
- * const SomeChildUsingRegistry = ( props ) => {
- *   const registry = useRegistry();
- *   // ...logic implementing the registry in other react hooks.
- * };
- *
- *
- * const ParentProvidingRegistry = ( props ) => {
- *   return <RegistryProvider value={ registry }>
- *     <SomeChildUsingRegistry { ...props } />
- *   </RegistryProvider>
- * };
- * ```
- *
- * @return {Function}  A custom react hook exposing the registry context value.
- */
-export default function useRegistry() {
+import { useContext } from "@wordpress/element";
+import { Context } from "./context";
+function useRegistry() {
   return useContext(Context);
 }
-//# sourceMappingURL=use-registry.js.map
+export {
+  useRegistry as default
+};
+//# sourceMappingURL=use-registry.js.map

package/build-module/components/registry-provider/use-registry.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useContext","Context","useRegistry"],"sources":["@wordpress/data/src/components/registry-provider/use-registry.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { Context } from './context';\n\n/**\n * A custom react hook exposing the registry context for use.\n *\n * This exposes the `registry` value provided via the\n * <a href=\"#RegistryProvider\">Registry Provider</a> to a component implementing\n * this hook.\n *\n * It acts similarly to the `useContext` react hook.\n *\n * Note: Generally speaking, `useRegistry` is a low level hook that in most cases\n * won't be needed for implementation. Most interactions with the `@wordpress/data`\n * API can be performed via the `useSelect` hook,  or the `withSelect` and\n * `withDispatch` higher order components.\n *\n * @example\n * ```js\n * import {\n *   RegistryProvider,\n *   createRegistry,\n *   useRegistry,\n * } from '@wordpress/data';\n *\n * const registry = createRegistry( {} );\n *\n * const SomeChildUsingRegistry = ( props ) => {\n *   const registry = useRegistry();\n *   // ...logic implementing the registry in other react hooks.\n * };\n *\n *\n * const ParentProvidingRegistry = ( props ) => {\n *   return <RegistryProvider value={ registry }>\n *     <SomeChildUsingRegistry { ...props } />\n *   </RegistryProvider>\n * };\n * ```\n *\n * @return {Function}  A custom react hook exposing the registry context value.\n */\nexport default function useRegistry() {\n\treturn useContext( Context );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,OAAO,QAAQ,WAAW;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,WAAWA,CAAA,EAAG;EACrC,OAAOF,UAAU,CAAEC,OAAQ,CAAC;AAC7B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/registry-provider/use-registry.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { Context } from './context';\n\n/**\n * A custom react hook exposing the registry context for use.\n *\n * This exposes the `registry` value provided via the\n * <a href=\"#RegistryProvider\">Registry Provider</a> to a component implementing\n * this hook.\n *\n * It acts similarly to the `useContext` react hook.\n *\n * Note: Generally speaking, `useRegistry` is a low level hook that in most cases\n * won't be needed for implementation. Most interactions with the `@wordpress/data`\n * API can be performed via the `useSelect` hook,  or the `withSelect` and\n * `withDispatch` higher order components.\n *\n * @example\n * ```js\n * import {\n *   RegistryProvider,\n *   createRegistry,\n *   useRegistry,\n * } from '@wordpress/data';\n *\n * const registry = createRegistry( {} );\n *\n * const SomeChildUsingRegistry = ( props ) => {\n *   const registry = useRegistry();\n *   // ...logic implementing the registry in other react hooks.\n * };\n *\n *\n * const ParentProvidingRegistry = ( props ) => {\n *   return <RegistryProvider value={ registry }>\n *     <SomeChildUsingRegistry { ...props } />\n *   </RegistryProvider>\n * };\n * ```\n *\n * @return {Function}  A custom react hook exposing the registry context value.\n */\nexport default function useRegistry() {\n\treturn useContext( Context );\n}\n"],
+  "mappings": "AAGA,SAAS,kBAAkB;AAK3B,SAAS,eAAe;AAyCT,SAAR,cAA+B;AACrC,SAAO,WAAY,OAAQ;AAC5B;",
+  "names": []
+}

package/build-module/components/use-dispatch/index.js

@@ -1,3 +1,7 @@
-export { default as useDispatch } from './use-dispatch';
-export { default as useDispatchWithMap } from './use-dispatch-with-map';
-//# sourceMappingURL=index.js.map
+import { default as default2 } from "./use-dispatch";
+import { default as default3 } from "./use-dispatch-with-map";
+export {
+  default2 as useDispatch,
+  default3 as useDispatchWithMap
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/use-dispatch/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["default","useDispatch","useDispatchWithMap"],"sources":["@wordpress/data/src/components/use-dispatch/index.js"],"sourcesContent":["export { default as useDispatch } from './use-dispatch';\nexport { default as useDispatchWithMap } from './use-dispatch-with-map';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,gBAAgB;AACvD,SAASD,OAAO,IAAIE,kBAAkB,QAAQ,yBAAyB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/use-dispatch/index.js"],
+  "sourcesContent": ["export { default as useDispatch } from './use-dispatch';\nexport { default as useDispatchWithMap } from './use-dispatch-with-map';\n"],
+  "mappings": "AAAA,SAAoB,WAAXA,gBAA8B;AACvC,SAAoB,WAAXA,gBAAqC;",
+  "names": ["default"]
+}

package/build-module/components/use-dispatch/use-dispatch-with-map.js

@@ -1,28 +1,6 @@
-/**
- * WordPress dependencies
- */
-import { useMemo, useRef } from '@wordpress/element';
-import { useIsomorphicLayoutEffect } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import useRegistry from '../registry-provider/use-registry';
-
-/**
- * Custom react hook for returning aggregate dispatch actions using the provided
- * dispatchMap.
- *
- * Currently this is an internal api only and is implemented by `withDispatch`
- *
- * @param {Function} dispatchMap Receives the `registry.dispatch` function as
- *                               the first argument and the `registry` object
- *                               as the second argument.  Should return an
- *                               object mapping props to functions.
- * @param {Array}    deps        An array of dependencies for the hook.
- * @return {Object}  An object mapping props to functions created by the passed
- *                   in dispatchMap.
- */
+import { useMemo, useRef } from "@wordpress/element";
+import { useIsomorphicLayoutEffect } from "@wordpress/compose";
+import useRegistry from "../registry-provider/use-registry";
 const useDispatchWithMap = (dispatchMap, deps) => {
   const registry = useRegistry();
   const currentDispatchMapRef = useRef(dispatchMap);
@@ -30,15 +8,29 @@ const useDispatchWithMap = (dispatchMap, deps) => {
     currentDispatchMapRef.current = dispatchMap;
   });
   return useMemo(() => {
-    const currentDispatchProps = currentDispatchMapRef.current(registry.dispatch, registry);
-    return Object.fromEntries(Object.entries(currentDispatchProps).map(([propName, dispatcher]) => {
-      if (typeof dispatcher !== 'function') {
-        // eslint-disable-next-line no-console
-        console.warn(`Property ${propName} returned from dispatchMap in useDispatchWithMap must be a function.`);
-      }
-      return [propName, (...args) => currentDispatchMapRef.current(registry.dispatch, registry)[propName](...args)];
-    }));
+    const currentDispatchProps = currentDispatchMapRef.current(
+      registry.dispatch,
+      registry
+    );
+    return Object.fromEntries(
+      Object.entries(currentDispatchProps).map(
+        ([propName, dispatcher]) => {
+          if (typeof dispatcher !== "function") {
+            console.warn(
+              `Property ${propName} returned from dispatchMap in useDispatchWithMap must be a function.`
+            );
+          }
+          return [
+            propName,
+            (...args) => currentDispatchMapRef.current(registry.dispatch, registry)[propName](...args)
+          ];
+        }
+      )
+    );
   }, [registry, ...deps]);
 };
-export default useDispatchWithMap;
-//# sourceMappingURL=use-dispatch-with-map.js.map
+var use_dispatch_with_map_default = useDispatchWithMap;
+export {
+  use_dispatch_with_map_default as default
+};
+//# sourceMappingURL=use-dispatch-with-map.js.map

package/build-module/components/use-dispatch/use-dispatch-with-map.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useMemo","useRef","useIsomorphicLayoutEffect","useRegistry","useDispatchWithMap","dispatchMap","deps","registry","currentDispatchMapRef","current","currentDispatchProps","dispatch","Object","fromEntries","entries","map","propName","dispatcher","console","warn","args"],"sources":["@wordpress/data/src/components/use-dispatch/use-dispatch-with-map.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useRef } from '@wordpress/element';\nimport { useIsomorphicLayoutEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport useRegistry from '../registry-provider/use-registry';\n\n/**\n * Custom react hook for returning aggregate dispatch actions using the provided\n * dispatchMap.\n *\n * Currently this is an internal api only and is implemented by `withDispatch`\n *\n * @param {Function} dispatchMap Receives the `registry.dispatch` function as\n *                               the first argument and the `registry` object\n *                               as the second argument.  Should return an\n *                               object mapping props to functions.\n * @param {Array}    deps        An array of dependencies for the hook.\n * @return {Object}  An object mapping props to functions created by the passed\n *                   in dispatchMap.\n */\nconst useDispatchWithMap = ( dispatchMap, deps ) => {\n\tconst registry = useRegistry();\n\tconst currentDispatchMapRef = useRef( dispatchMap );\n\n\tuseIsomorphicLayoutEffect( () => {\n\t\tcurrentDispatchMapRef.current = dispatchMap;\n\t} );\n\n\treturn useMemo( () => {\n\t\tconst currentDispatchProps = currentDispatchMapRef.current(\n\t\t\tregistry.dispatch,\n\t\t\tregistry\n\t\t);\n\t\treturn Object.fromEntries(\n\t\t\tObject.entries( currentDispatchProps ).map(\n\t\t\t\t( [ propName, dispatcher ] ) => {\n\t\t\t\t\tif ( typeof dispatcher !== 'function' ) {\n\t\t\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t\t`Property ${ propName } returned from dispatchMap in useDispatchWithMap must be a function.`\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\treturn [\n\t\t\t\t\t\tpropName,\n\t\t\t\t\t\t( ...args ) =>\n\t\t\t\t\t\t\tcurrentDispatchMapRef\n\t\t\t\t\t\t\t\t.current( registry.dispatch, registry )\n\t\t\t\t\t\t\t\t[ propName ]( ...args ),\n\t\t\t\t\t];\n\t\t\t\t}\n\t\t\t)\n\t\t);\n\t}, [ registry, ...deps ] );\n};\n\nexport default useDispatchWithMap;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,EAAEC,MAAM,QAAQ,oBAAoB;AACpD,SAASC,yBAAyB,QAAQ,oBAAoB;;AAE9D;AACA;AACA;AACA,OAAOC,WAAW,MAAM,mCAAmC;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAGA,CAAEC,WAAW,EAAEC,IAAI,KAAM;EACnD,MAAMC,QAAQ,GAAGJ,WAAW,CAAC,CAAC;EAC9B,MAAMK,qBAAqB,GAAGP,MAAM,CAAEI,WAAY,CAAC;EAEnDH,yBAAyB,CAAE,MAAM;IAChCM,qBAAqB,CAACC,OAAO,GAAGJ,WAAW;EAC5C,CAAE,CAAC;EAEH,OAAOL,OAAO,CAAE,MAAM;IACrB,MAAMU,oBAAoB,GAAGF,qBAAqB,CAACC,OAAO,CACzDF,QAAQ,CAACI,QAAQ,EACjBJ,QACD,CAAC;IACD,OAAOK,MAAM,CAACC,WAAW,CACxBD,MAAM,CAACE,OAAO,CAAEJ,oBAAqB,CAAC,CAACK,GAAG,CACzC,CAAE,CAAEC,QAAQ,EAAEC,UAAU,CAAE,KAAM;MAC/B,IAAK,OAAOA,UAAU,KAAK,UAAU,EAAG;QACvC;QACAC,OAAO,CAACC,IAAI,CACX,YAAaH,QAAQ,sEACtB,CAAC;MACF;MACA,OAAO,CACNA,QAAQ,EACR,CAAE,GAAGI,IAAI,KACRZ,qBAAqB,CACnBC,OAAO,CAAEF,QAAQ,CAACI,QAAQ,EAAEJ,QAAS,CAAC,CACrCS,QAAQ,CAAE,CAAE,GAAGI,IAAK,CAAC,CACzB;IACF,CACD,CACD,CAAC;EACF,CAAC,EAAE,CAAEb,QAAQ,EAAE,GAAGD,IAAI,CAAG,CAAC;AAC3B,CAAC;AAED,eAAeF,kBAAkB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/use-dispatch/use-dispatch-with-map.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo, useRef } from '@wordpress/element';\nimport { useIsomorphicLayoutEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport useRegistry from '../registry-provider/use-registry';\n\n/**\n * Custom react hook for returning aggregate dispatch actions using the provided\n * dispatchMap.\n *\n * Currently this is an internal api only and is implemented by `withDispatch`\n *\n * @param {Function} dispatchMap Receives the `registry.dispatch` function as\n *                               the first argument and the `registry` object\n *                               as the second argument.  Should return an\n *                               object mapping props to functions.\n * @param {Array}    deps        An array of dependencies for the hook.\n * @return {Object}  An object mapping props to functions created by the passed\n *                   in dispatchMap.\n */\nconst useDispatchWithMap = ( dispatchMap, deps ) => {\n\tconst registry = useRegistry();\n\tconst currentDispatchMapRef = useRef( dispatchMap );\n\n\tuseIsomorphicLayoutEffect( () => {\n\t\tcurrentDispatchMapRef.current = dispatchMap;\n\t} );\n\n\treturn useMemo( () => {\n\t\tconst currentDispatchProps = currentDispatchMapRef.current(\n\t\t\tregistry.dispatch,\n\t\t\tregistry\n\t\t);\n\t\treturn Object.fromEntries(\n\t\t\tObject.entries( currentDispatchProps ).map(\n\t\t\t\t( [ propName, dispatcher ] ) => {\n\t\t\t\t\tif ( typeof dispatcher !== 'function' ) {\n\t\t\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t\t`Property ${ propName } returned from dispatchMap in useDispatchWithMap must be a function.`\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\treturn [\n\t\t\t\t\t\tpropName,\n\t\t\t\t\t\t( ...args ) =>\n\t\t\t\t\t\t\tcurrentDispatchMapRef\n\t\t\t\t\t\t\t\t.current( registry.dispatch, registry )\n\t\t\t\t\t\t\t\t[ propName ]( ...args ),\n\t\t\t\t\t];\n\t\t\t\t}\n\t\t\t)\n\t\t);\n\t}, [ registry, ...deps ] );\n};\n\nexport default useDispatchWithMap;\n"],
+  "mappings": "AAGA,SAAS,SAAS,cAAc;AAChC,SAAS,iCAAiC;AAK1C,OAAO,iBAAiB;AAgBxB,MAAM,qBAAqB,CAAE,aAAa,SAAU;AACnD,QAAM,WAAW,YAAY;AAC7B,QAAM,wBAAwB,OAAQ,WAAY;AAElD,4BAA2B,MAAM;AAChC,0BAAsB,UAAU;AAAA,EACjC,CAAE;AAEF,SAAO,QAAS,MAAM;AACrB,UAAM,uBAAuB,sBAAsB;AAAA,MAClD,SAAS;AAAA,MACT;AAAA,IACD;AACA,WAAO,OAAO;AAAA,MACb,OAAO,QAAS,oBAAqB,EAAE;AAAA,QACtC,CAAE,CAAE,UAAU,UAAW,MAAO;AAC/B,cAAK,OAAO,eAAe,YAAa;AAEvC,oBAAQ;AAAA,cACP,YAAa,QAAS;AAAA,YACvB;AAAA,UACD;AACA,iBAAO;AAAA,YACN;AAAA,YACA,IAAK,SACJ,sBACE,QAAS,SAAS,UAAU,QAAS,EACpC,QAAS,EAAG,GAAG,IAAK;AAAA,UACzB;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD,GAAG,CAAE,UAAU,GAAG,IAAK,CAAE;AAC1B;AAEA,IAAO,gCAAQ;",
+  "names": []
+}

package/build-module/components/use-dispatch/use-dispatch.js

@@ -1,68 +1,10 @@
-/**
- * Internal dependencies
- */
-import useRegistry from '../registry-provider/use-registry';
-
-/**
- * @typedef {import('../../types').StoreDescriptor<StoreConfig>} StoreDescriptor
- * @template {import('../../types').AnyConfig} StoreConfig
- */
-/**
- * @typedef {import('../../types').UseDispatchReturn<StoreNameOrDescriptor>} UseDispatchReturn
- * @template StoreNameOrDescriptor
- */
-
-/**
- * A custom react hook returning the current registry dispatch actions creators.
- *
- * Note: The component using this hook must be within the context of a
- * RegistryProvider.
- *
- * @template {undefined | string | StoreDescriptor<any>} StoreNameOrDescriptor
- * @param {StoreNameOrDescriptor} [storeNameOrDescriptor] Optionally provide the name of the
- *                                                        store or its descriptor from which to
- *                                                        retrieve action creators. If not
- *                                                        provided, the registry.dispatch
- *                                                        function is returned instead.
- *
- * @example
- * This illustrates a pattern where you may need to retrieve dynamic data from
- * the server via the `useSelect` hook to use in combination with the dispatch
- * action.
- *
- * ```jsx
- * import { useCallback } from 'react';
- * import { useDispatch, useSelect } from '@wordpress/data';
- * import { store as myCustomStore } from 'my-custom-store';
- *
- * function Button( { onClick, children } ) {
- *   return <button type="button" onClick={ onClick }>{ children }</button>
- * }
- *
- * const SaleButton = ( { children } ) => {
- *   const { stockNumber } = useSelect(
- *     ( select ) => select( myCustomStore ).getStockNumber(),
- *     []
- *   );
- *   const { startSale } = useDispatch( myCustomStore );
- *   const onClick = useCallback( () => {
- *     const discountPercent = stockNumber > 50 ? 10: 20;
- *     startSale( discountPercent );
- *   }, [ stockNumber ] );
- *   return <Button onClick={ onClick }>{ children }</Button>
- * }
- *
- * // Rendered somewhere in the application:
- * //
- * // <SaleButton>Start Sale!</SaleButton>
- * ```
- * @return {UseDispatchReturn<StoreNameOrDescriptor>} A custom react hook.
- */
-const useDispatch = storeNameOrDescriptor => {
-  const {
-    dispatch
-  } = useRegistry();
+import useRegistry from "../registry-provider/use-registry";
+const useDispatch = (storeNameOrDescriptor) => {
+  const { dispatch } = useRegistry();
   return storeNameOrDescriptor === void 0 ? dispatch : dispatch(storeNameOrDescriptor);
 };
-export default useDispatch;
-//# sourceMappingURL=use-dispatch.js.map
+var use_dispatch_default = useDispatch;
+export {
+  use_dispatch_default as default
+};
+//# sourceMappingURL=use-dispatch.js.map

package/build-module/components/use-dispatch/use-dispatch.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useRegistry","useDispatch","storeNameOrDescriptor","dispatch"],"sources":["@wordpress/data/src/components/use-dispatch/use-dispatch.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport useRegistry from '../registry-provider/use-registry';\n\n/**\n * @typedef {import('../../types').StoreDescriptor<StoreConfig>} StoreDescriptor\n * @template {import('../../types').AnyConfig} StoreConfig\n */\n/**\n * @typedef {import('../../types').UseDispatchReturn<StoreNameOrDescriptor>} UseDispatchReturn\n * @template StoreNameOrDescriptor\n */\n\n/**\n * A custom react hook returning the current registry dispatch actions creators.\n *\n * Note: The component using this hook must be within the context of a\n * RegistryProvider.\n *\n * @template {undefined | string | StoreDescriptor<any>} StoreNameOrDescriptor\n * @param {StoreNameOrDescriptor} [storeNameOrDescriptor] Optionally provide the name of the\n *                                                        store or its descriptor from which to\n *                                                        retrieve action creators. If not\n *                                                        provided, the registry.dispatch\n *                                                        function is returned instead.\n *\n * @example\n * This illustrates a pattern where you may need to retrieve dynamic data from\n * the server via the `useSelect` hook to use in combination with the dispatch\n * action.\n *\n * ```jsx\n * import { useCallback } from 'react';\n * import { useDispatch, useSelect } from '@wordpress/data';\n * import { store as myCustomStore } from 'my-custom-store';\n *\n * function Button( { onClick, children } ) {\n *   return <button type=\"button\" onClick={ onClick }>{ children }</button>\n * }\n *\n * const SaleButton = ( { children } ) => {\n *   const { stockNumber } = useSelect(\n *     ( select ) => select( myCustomStore ).getStockNumber(),\n *     []\n *   );\n *   const { startSale } = useDispatch( myCustomStore );\n *   const onClick = useCallback( () => {\n *     const discountPercent = stockNumber > 50 ? 10: 20;\n *     startSale( discountPercent );\n *   }, [ stockNumber ] );\n *   return <Button onClick={ onClick }>{ children }</Button>\n * }\n *\n * // Rendered somewhere in the application:\n * //\n * // <SaleButton>Start Sale!</SaleButton>\n * ```\n * @return {UseDispatchReturn<StoreNameOrDescriptor>} A custom react hook.\n */\nconst useDispatch = ( storeNameOrDescriptor ) => {\n\tconst { dispatch } = useRegistry();\n\treturn storeNameOrDescriptor === void 0\n\t\t? dispatch\n\t\t: dispatch( storeNameOrDescriptor );\n};\n\nexport default useDispatch;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,WAAW,MAAM,mCAAmC;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAAKC,qBAAqB,IAAM;EAChD,MAAM;IAAEC;EAAS,CAAC,GAAGH,WAAW,CAAC,CAAC;EAClC,OAAOE,qBAAqB,KAAK,KAAK,CAAC,GACpCC,QAAQ,GACRA,QAAQ,CAAED,qBAAsB,CAAC;AACrC,CAAC;AAED,eAAeD,WAAW","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/use-dispatch/use-dispatch.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport useRegistry from '../registry-provider/use-registry';\n\n/**\n * @typedef {import('../../types').StoreDescriptor<StoreConfig>} StoreDescriptor\n * @template {import('../../types').AnyConfig} StoreConfig\n */\n/**\n * @typedef {import('../../types').UseDispatchReturn<StoreNameOrDescriptor>} UseDispatchReturn\n * @template StoreNameOrDescriptor\n */\n\n/**\n * A custom react hook returning the current registry dispatch actions creators.\n *\n * Note: The component using this hook must be within the context of a\n * RegistryProvider.\n *\n * @template {undefined | string | StoreDescriptor<any>} StoreNameOrDescriptor\n * @param {StoreNameOrDescriptor} [storeNameOrDescriptor] Optionally provide the name of the\n *                                                        store or its descriptor from which to\n *                                                        retrieve action creators. If not\n *                                                        provided, the registry.dispatch\n *                                                        function is returned instead.\n *\n * @example\n * This illustrates a pattern where you may need to retrieve dynamic data from\n * the server via the `useSelect` hook to use in combination with the dispatch\n * action.\n *\n * ```jsx\n * import { useCallback } from 'react';\n * import { useDispatch, useSelect } from '@wordpress/data';\n * import { store as myCustomStore } from 'my-custom-store';\n *\n * function Button( { onClick, children } ) {\n *   return <button type=\"button\" onClick={ onClick }>{ children }</button>\n * }\n *\n * const SaleButton = ( { children } ) => {\n *   const { stockNumber } = useSelect(\n *     ( select ) => select( myCustomStore ).getStockNumber(),\n *     []\n *   );\n *   const { startSale } = useDispatch( myCustomStore );\n *   const onClick = useCallback( () => {\n *     const discountPercent = stockNumber > 50 ? 10: 20;\n *     startSale( discountPercent );\n *   }, [ stockNumber ] );\n *   return <Button onClick={ onClick }>{ children }</Button>\n * }\n *\n * // Rendered somewhere in the application:\n * //\n * // <SaleButton>Start Sale!</SaleButton>\n * ```\n * @return {UseDispatchReturn<StoreNameOrDescriptor>} A custom react hook.\n */\nconst useDispatch = ( storeNameOrDescriptor ) => {\n\tconst { dispatch } = useRegistry();\n\treturn storeNameOrDescriptor === void 0\n\t\t? dispatch\n\t\t: dispatch( storeNameOrDescriptor );\n};\n\nexport default useDispatch;\n"],
+  "mappings": "AAGA,OAAO,iBAAiB;AAyDxB,MAAM,cAAc,CAAE,0BAA2B;AAChD,QAAM,EAAE,SAAS,IAAI,YAAY;AACjC,SAAO,0BAA0B,SAC9B,WACA,SAAU,qBAAsB;AACpC;AAEA,IAAO,uBAAQ;",
+  "names": []
+}