@wordpress/data 10.32.0 → 10.32.1-next.b8c8708f3.0

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

@@ -1,51 +1,66 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_dispatch_with_map_exports = {};
+__export(use_dispatch_with_map_exports, {
+  default: () => use_dispatch_with_map_default
 });
-exports.default = void 0;
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-var _useRegistry = _interopRequireDefault(require("../registry-provider/use-registry"));
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * 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.
- */
+module.exports = __toCommonJS(use_dispatch_with_map_exports);
+var import_element = require("@wordpress/element");
+var import_compose = require("@wordpress/compose");
+var import_use_registry = __toESM(require("../registry-provider/use-registry"));
 const useDispatchWithMap = (dispatchMap, deps) => {
-  const registry = (0, _useRegistry.default)();
-  const currentDispatchMapRef = (0, _element.useRef)(dispatchMap);
-  (0, _compose.useIsomorphicLayoutEffect)(() => {
+  const registry = (0, import_use_registry.default)();
+  const currentDispatchMapRef = (0, import_element.useRef)(dispatchMap);
+  (0, import_compose.useIsomorphicLayoutEffect)(() => {
     currentDispatchMapRef.current = dispatchMap;
   });
-  return (0, _element.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)];
-    }));
+  return (0, import_element.useMemo)(() => {
+    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]);
 };
-var _default = exports.default = useDispatchWithMap;
-//# sourceMappingURL=use-dispatch-with-map.js.map
+var use_dispatch_with_map_default = useDispatchWithMap;
+//# sourceMappingURL=use-dispatch-with-map.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_compose","_useRegistry","_interopRequireDefault","useDispatchWithMap","dispatchMap","deps","registry","useRegistry","currentDispatchMapRef","useRef","useIsomorphicLayoutEffect","current","useMemo","currentDispatchProps","dispatch","Object","fromEntries","entries","map","propName","dispatcher","console","warn","args","_default","exports","default"],"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":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAC,sBAAA,CAAAH,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMI,kBAAkB,GAAGA,CAAEC,WAAW,EAAEC,IAAI,KAAM;EACnD,MAAMC,QAAQ,GAAG,IAAAC,oBAAW,EAAC,CAAC;EAC9B,MAAMC,qBAAqB,GAAG,IAAAC,eAAM,EAAEL,WAAY,CAAC;EAEnD,IAAAM,kCAAyB,EAAE,MAAM;IAChCF,qBAAqB,CAACG,OAAO,GAAGP,WAAW;EAC5C,CAAE,CAAC;EAEH,OAAO,IAAAQ,gBAAO,EAAE,MAAM;IACrB,MAAMC,oBAAoB,GAAGL,qBAAqB,CAACG,OAAO,CACzDL,QAAQ,CAACQ,QAAQ,EACjBR,QACD,CAAC;IACD,OAAOS,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,KACRf,qBAAqB,CACnBG,OAAO,CAAEL,QAAQ,CAACQ,QAAQ,EAAER,QAAS,CAAC,CACrCa,QAAQ,CAAE,CAAE,GAAGI,IAAK,CAAC,CACzB;IACF,CACD,CACD,CAAC;EACF,CAAC,EAAE,CAAEjB,QAAQ,EAAE,GAAGD,IAAI,CAAG,CAAC;AAC3B,CAAC;AAAC,IAAAmB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEavB,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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAgC;AAChC,qBAA0C;AAK1C,0BAAwB;AAgBxB,MAAM,qBAAqB,CAAE,aAAa,SAAU;AACnD,QAAM,eAAW,oBAAAA,SAAY;AAC7B,QAAM,4BAAwB,uBAAQ,WAAY;AAElD,gDAA2B,MAAM;AAChC,0BAAsB,UAAU;AAAA,EACjC,CAAE;AAEF,aAAO,wBAAS,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": ["useRegistry"]
+}

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

@@ -1,75 +1,40 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_dispatch_exports = {};
+__export(use_dispatch_exports, {
+  default: () => use_dispatch_default
 });
-exports.default = void 0;
-var _useRegistry = _interopRequireDefault(require("../registry-provider/use-registry"));
-/**
- * Internal dependencies
- */
-
-/**
- * @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
-  } = (0, _useRegistry.default)();
+module.exports = __toCommonJS(use_dispatch_exports);
+var import_use_registry = __toESM(require("../registry-provider/use-registry"));
+const useDispatch = (storeNameOrDescriptor) => {
+  const { dispatch } = (0, import_use_registry.default)();
   return storeNameOrDescriptor === void 0 ? dispatch : dispatch(storeNameOrDescriptor);
 };
-var _default = exports.default = useDispatch;
-//# sourceMappingURL=use-dispatch.js.map
+var use_dispatch_default = useDispatch;
+//# sourceMappingURL=use-dispatch.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_useRegistry","_interopRequireDefault","require","useDispatch","storeNameOrDescriptor","dispatch","useRegistry","_default","exports","default"],"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":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA;AACA;AACA;;AAGA;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,GAAG,IAAAC,oBAAW,EAAC,CAAC;EAClC,OAAOF,qBAAqB,KAAK,KAAK,CAAC,GACpCC,QAAQ,GACRA,QAAQ,CAAED,qBAAsB,CAAC;AACrC,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaN,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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAAwB;AAyDxB,MAAM,cAAc,CAAE,0BAA2B;AAChD,QAAM,EAAE,SAAS,QAAI,oBAAAA,SAAY;AACjC,SAAO,0BAA0B,SAC9B,WACA,SAAU,qBAAsB;AACpC;AAEA,IAAO,uBAAQ;",
+  "names": ["useRegistry"]
+}

package/build/components/use-select/index.js

@@ -1,51 +1,53 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_select_exports = {};
+__export(use_select_exports, {
+  default: () => useSelect,
+  useSuspenseSelect: () => useSuspenseSelect
 });
-exports.default = useSelect;
-exports.useSuspenseSelect = useSuspenseSelect;
-var _priorityQueue = require("@wordpress/priority-queue");
-var _element = require("@wordpress/element");
-var _isShallowEqual = _interopRequireDefault(require("@wordpress/is-shallow-equal"));
-var _useRegistry = _interopRequireDefault(require("../registry-provider/use-registry"));
-var _useAsyncMode = _interopRequireDefault(require("../async-mode-provider/use-async-mode"));
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const renderQueue = (0, _priorityQueue.createQueue)();
+module.exports = __toCommonJS(use_select_exports);
+var import_priority_queue = require("@wordpress/priority-queue");
+var import_element = require("@wordpress/element");
+var import_is_shallow_equal = __toESM(require("@wordpress/is-shallow-equal"));
+var import_use_registry = __toESM(require("../registry-provider/use-registry"));
+var import_use_async_mode = __toESM(require("../async-mode-provider/use-async-mode"));
+const renderQueue = (0, import_priority_queue.createQueue)();
 function warnOnUnstableReference(a, b) {
   if (!a || !b) {
     return;
   }
-  const keys = typeof a === 'object' && typeof b === 'object' ? Object.keys(a).filter(k => a[k] !== b[k]) : [];
-
-  // eslint-disable-next-line no-console
-  console.warn('The `useSelect` hook returns different values when called with the same state and parameters.\n' + 'This can lead to unnecessary re-renders and performance issues if not fixed.\n\n' + 'Non-equal value keys: %s\n\n', keys.join(', '));
+  const keys = typeof a === "object" && typeof b === "object" ? Object.keys(a).filter((k) => a[k] !== b[k]) : [];
+  console.warn(
+    "The `useSelect` hook returns different values when called with the same state and parameters.\nThis can lead to unnecessary re-renders and performance issues if not fixed.\n\nNon-equal value keys: %s\n\n",
+    keys.join(", ")
+  );
 }
-
-/**
- * @typedef {import('../../types').StoreDescriptor<C>} StoreDescriptor
- * @template {import('../../types').AnyConfig} C
- */
-/**
- * @typedef {import('../../types').ReduxStoreConfig<State,Actions,Selectors>} ReduxStoreConfig
- * @template State
- * @template {Record<string,import('../../types').ActionCreator>} Actions
- * @template Selectors
- */
-/** @typedef {import('../../types').MapSelect} MapSelect */
-/**
- * @typedef {import('../../types').UseSelectReturn<T>} UseSelectReturn
- * @template {MapSelect|StoreDescriptor<any>} T
- */
-
 function Store(registry, suspense) {
   const select = suspense ? registry.suspendSelect : registry.select;
   const queueContext = {};
@@ -55,31 +57,14 @@ function Store(registry, suspense) {
   let lastIsAsync;
   let subscriber;
   let didWarnUnstableReference;
-  const storeStatesOnMount = new Map();
+  const storeStatesOnMount = /* @__PURE__ */ new Map();
   function getStoreState(name) {
-    var _registry$stores$name;
-    // If there's no store property (custom generic store), return an empty
-    // object. When comparing the state, the empty objects will cause the
-    // equality check to fail, setting `lastMapResultValid` to false.
-    return (_registry$stores$name = registry.stores[name]?.store?.getState?.()) !== null && _registry$stores$name !== void 0 ? _registry$stores$name : {};
+    return registry.stores[name]?.store?.getState?.() ?? {};
   }
-  const createSubscriber = stores => {
-    // The set of stores the `subscribe` function is supposed to subscribe to. Here it is
-    // initialized, and then the `updateStores` function can add new stores to it.
+  const createSubscriber = (stores) => {
     const activeStores = [...stores];
-
-    // The `subscribe` function, which is passed to the `useSyncExternalStore` hook, could
-    // be called multiple times to establish multiple subscriptions. That's why we need to
-    // keep a set of active subscriptions;
-    const activeSubscriptions = new Set();
+    const activeSubscriptions = /* @__PURE__ */ new Set();
     function subscribe(listener) {
-      // Maybe invalidate the value right after subscription was created.
-      // React will call `getValue` after subscribing, to detect store
-      // updates that happened in the interval between the `getValue` call
-      // during render and creating the subscription, which is slightly
-      // delayed. We need to ensure that this second `getValue` call will
-      // compute a fresh value only if any of the store states have
-      // changed in the meantime.
       if (lastMapResultValid) {
         for (const name of activeStores) {
           if (storeStatesOnMount.get(name) !== getStoreState(name)) {
@@ -89,7 +74,6 @@ function Store(registry, suspense) {
       }
       storeStatesOnMount.clear();
       const onStoreChange = () => {
-        // Invalidate the value on store update, so that a fresh value is computed.
         lastMapResultValid = false;
         listener();
       };
@@ -111,51 +95,38 @@ function Store(registry, suspense) {
       return () => {
         activeSubscriptions.delete(subscribeStore);
         for (const unsub of unsubs.values()) {
-          // The return value of the subscribe function could be undefined if the store is a custom generic store.
           unsub?.();
         }
-        // Cancel existing store updates that were already scheduled.
         renderQueue.cancel(queueContext);
       };
     }
-
-    // Check if `newStores` contains some stores we're not subscribed to yet, and add them.
     function updateStores(newStores) {
       for (const newStore of newStores) {
         if (activeStores.includes(newStore)) {
           continue;
         }
-
-        // New `subscribe` calls will subscribe to `newStore`, too.
         activeStores.push(newStore);
-
-        // Add `newStore` to existing subscriptions.
         for (const subscription of activeSubscriptions) {
           subscription(newStore);
         }
       }
     }
-    return {
-      subscribe,
-      updateStores
-    };
+    return { subscribe, updateStores };
   };
   return (mapSelect, isAsync) => {
     function updateValue() {
-      // If the last value is valid, and the `mapSelect` callback hasn't changed,
-      // then we can safely return the cached value. The value can change only on
-      // store update, and in that case value will be invalidated by the listener.
       if (lastMapResultValid && mapSelect === lastMapSelect) {
         return lastMapResult;
       }
-      const listeningStores = {
-        current: null
-      };
-      const mapResult = registry.__unstableMarkListeningStores(() => mapSelect(select, registry), listeningStores);
+      const listeningStores = { current: null };
+      const mapResult = registry.__unstableMarkListeningStores(
+        () => mapSelect(select, registry),
+        listeningStores
+      );
       if (globalThis.SCRIPT_DEBUG) {
         if (!didWarnUnstableReference) {
           const secondMapResult = mapSelect(select, registry);
-          if (!(0, _isShallowEqual.default)(mapResult, secondMapResult)) {
+          if (!(0, import_is_shallow_equal.default)(mapResult, secondMapResult)) {
             warnOnUnstableReference(mapResult, secondMapResult);
             didWarnUnstableReference = true;
           }
@@ -169,158 +140,58 @@ function Store(registry, suspense) {
       } else {
         subscriber.updateStores(listeningStores.current);
       }
-
-      // If the new value is shallow-equal to the old one, keep the old one so
-      // that we don't trigger unwanted updates that do a `===` check.
-      if (!(0, _isShallowEqual.default)(lastMapResult, mapResult)) {
+      if (!(0, import_is_shallow_equal.default)(lastMapResult, mapResult)) {
         lastMapResult = mapResult;
       }
       lastMapSelect = mapSelect;
       lastMapResultValid = true;
     }
     function getValue() {
-      // Update the value in case it's been invalidated or `mapSelect` has changed.
       updateValue();
       return lastMapResult;
     }
-
-    // When transitioning from async to sync mode, cancel existing store updates
-    // that have been scheduled, and invalidate the value so that it's freshly
-    // computed. It might have been changed by the update we just cancelled.
     if (lastIsAsync && !isAsync) {
       lastMapResultValid = false;
       renderQueue.cancel(queueContext);
     }
     updateValue();
     lastIsAsync = isAsync;
-
-    // Return a pair of functions that can be passed to `useSyncExternalStore`.
-    return {
-      subscribe: subscriber.subscribe,
-      getValue
-    };
+    return { subscribe: subscriber.subscribe, getValue };
   };
 }
 function _useStaticSelect(storeName) {
-  return (0, _useRegistry.default)().select(storeName);
+  return (0, import_use_registry.default)().select(storeName);
 }
 function _useMappingSelect(suspense, mapSelect, deps) {
-  const registry = (0, _useRegistry.default)();
-  const isAsync = (0, _useAsyncMode.default)();
-  const store = (0, _element.useMemo)(() => Store(registry, suspense), [registry, suspense]);
-
-  // These are "pass-through" dependencies from the parent hook,
-  // and the parent should catch any hook rule violations.
-  const selector = (0, _element.useCallback)(mapSelect, deps);
-  const {
-    subscribe,
-    getValue
-  } = store(selector, isAsync);
-  const result = (0, _element.useSyncExternalStore)(subscribe, getValue, getValue);
-  (0, _element.useDebugValue)(result);
+  const registry = (0, import_use_registry.default)();
+  const isAsync = (0, import_use_async_mode.default)();
+  const store = (0, import_element.useMemo)(
+    () => Store(registry, suspense),
+    [registry, suspense]
+  );
+  const selector = (0, import_element.useCallback)(mapSelect, deps);
+  const { subscribe, getValue } = store(selector, isAsync);
+  const result = (0, import_element.useSyncExternalStore)(subscribe, getValue, getValue);
+  (0, import_element.useDebugValue)(result);
   return result;
 }
-
-/**
- * Custom react hook for retrieving props from registered selectors.
- *
- * In general, this custom React hook follows the
- * [rules of hooks](https://react.dev/reference/rules/rules-of-hooks).
- *
- * @template {MapSelect | StoreDescriptor<any>} T
- * @param {T}         mapSelect Function called on every state change. The returned value is
- *                              exposed to the component implementing this hook. The function
- *                              receives the `registry.select` method on the first argument
- *                              and the `registry` on the second argument.
- *                              When a store key is passed, all selectors for the store will be
- *                              returned. This is only meant for usage of these selectors in event
- *                              callbacks, not for data needed to create the element tree.
- * @param {unknown[]} deps      If provided, this memoizes the mapSelect so the same `mapSelect` is
- *                              invoked on every state change unless the dependencies change.
- *
- * @example
- * ```js
- * import { useSelect } from '@wordpress/data';
- * import { store as myCustomStore } from 'my-custom-store';
- *
- * function HammerPriceDisplay( { currency } ) {
- *   const price = useSelect( ( select ) => {
- *     return select( myCustomStore ).getPrice( 'hammer', currency );
- *   }, [ currency ] );
- *   return new Intl.NumberFormat( 'en-US', {
- *     style: 'currency',
- *     currency,
- *   } ).format( price );
- * }
- *
- * // Rendered in the application:
- * // <HammerPriceDisplay currency="USD" />
- * ```
- *
- * In the above example, when `HammerPriceDisplay` is rendered into an
- * application, the price will be retrieved from the store state using the
- * `mapSelect` callback on `useSelect`. If the currency prop changes then
- * any price in the state for that currency is retrieved. If the currency prop
- * doesn't change and other props are passed in that do change, the price will
- * not change because the dependency is just the currency.
- *
- * When data is only used in an event callback, the data should not be retrieved
- * on render, so it may be useful to get the selectors function instead.
- *
- * **Don't use `useSelect` this way when calling the selectors in the render
- * function because your component won't re-render on a data change.**
- *
- * ```js
- * import { useSelect } from '@wordpress/data';
- * import { store as myCustomStore } from 'my-custom-store';
- *
- * function Paste( { children } ) {
- *   const { getSettings } = useSelect( myCustomStore );
- *   function onPaste() {
- *     // Do something with the settings.
- *     const settings = getSettings();
- *   }
- *   return <div onPaste={ onPaste }>{ children }</div>;
- * }
- * ```
- * @return {UseSelectReturn<T>} A custom react hook.
- */
 function useSelect(mapSelect, deps) {
-  // On initial call, on mount, determine the mode of this `useSelect` call
-  // and then never allow it to change on subsequent updates.
-  const staticSelectMode = typeof mapSelect !== 'function';
-  const staticSelectModeRef = (0, _element.useRef)(staticSelectMode);
+  const staticSelectMode = typeof mapSelect !== "function";
+  const staticSelectModeRef = (0, import_element.useRef)(staticSelectMode);
   if (staticSelectMode !== staticSelectModeRef.current) {
-    const prevMode = staticSelectModeRef.current ? 'static' : 'mapping';
-    const nextMode = staticSelectMode ? 'static' : 'mapping';
-    throw new Error(`Switching useSelect from ${prevMode} to ${nextMode} is not allowed`);
+    const prevMode = staticSelectModeRef.current ? "static" : "mapping";
+    const nextMode = staticSelectMode ? "static" : "mapping";
+    throw new Error(
+      `Switching useSelect from ${prevMode} to ${nextMode} is not allowed`
+    );
   }
-
-  // `staticSelectMode` is not allowed to change during the hook instance's,
-  // lifetime, so the rules of hooks are not really violated.
   return staticSelectMode ? _useStaticSelect(mapSelect) : _useMappingSelect(false, mapSelect, deps);
 }
-
-/**
- * A variant of the `useSelect` hook that has the same API, but is a compatible
- * Suspense-enabled data source.
- *
- * @template {MapSelect} T
- * @param {T}     mapSelect Function called on every state change. The
- *                          returned value is exposed to the component
- *                          using this hook. The function receives the
- *                          `registry.suspendSelect` method as the first
- *                          argument and the `registry` as the second one.
- * @param {Array} deps      A dependency array used to memoize the `mapSelect`
- *                          so that the same `mapSelect` is invoked on every
- *                          state change unless the dependencies change.
- *
- * @throws {Promise} A suspense Promise that is thrown if any of the called
- * selectors is in an unresolved state.
- *
- * @return {ReturnType<T>} Data object returned by the `mapSelect` function.
- */
 function useSuspenseSelect(mapSelect, deps) {
   return _useMappingSelect(true, mapSelect, deps);
 }
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSuspenseSelect
+});
+//# sourceMappingURL=index.js.map