@wordpress/compose 7.36.1-next.738bb1424.0 → 7.37.0

package/build/{index.cjs → index.js}

@@ -71,48 +71,48 @@ __export(index_exports, {
   withState: () => import_with_state.default
 });
 module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./utils/create-higher-order-component/index.cjs"), module.exports);
-__reExport(index_exports, require("./utils/debounce/index.cjs"), module.exports);
-__reExport(index_exports, require("./utils/throttle/index.cjs"), module.exports);
-__reExport(index_exports, require("./utils/observable-map/index.cjs"), module.exports);
-var import_compose = __toESM(require("./higher-order/compose.cjs"), 1);
-var import_pipe = __toESM(require("./higher-order/pipe.cjs"), 1);
-var import_if_condition = __toESM(require("./higher-order/if-condition/index.cjs"), 1);
-var import_pure = __toESM(require("./higher-order/pure/index.cjs"), 1);
-var import_with_global_events = __toESM(require("./higher-order/with-global-events/index.cjs"), 1);
-var import_with_instance_id = __toESM(require("./higher-order/with-instance-id/index.cjs"), 1);
-var import_with_safe_timeout = __toESM(require("./higher-order/with-safe-timeout/index.cjs"), 1);
-var import_with_state = __toESM(require("./higher-order/with-state/index.cjs"), 1);
-var import_use_constrained_tabbing = __toESM(require("./hooks/use-constrained-tabbing/index.cjs"), 1);
-var import_use_copy_on_click = __toESM(require("./hooks/use-copy-on-click/index.cjs"), 1);
-var import_use_copy_to_clipboard = __toESM(require("./hooks/use-copy-to-clipboard/index.cjs"), 1);
-var import_use_dialog = __toESM(require("./hooks/use-dialog/index.cjs"), 1);
-var import_use_disabled = __toESM(require("./hooks/use-disabled/index.cjs"), 1);
-var import_use_event = __toESM(require("./hooks/use-event/index.cjs"), 1);
-var import_use_dragging = __toESM(require("./hooks/use-dragging/index.cjs"), 1);
-var import_use_focus_on_mount = __toESM(require("./hooks/use-focus-on-mount/index.cjs"), 1);
-var import_use_focus_outside = __toESM(require("./hooks/use-focus-outside/index.cjs"), 1);
-var import_use_focus_return = __toESM(require("./hooks/use-focus-return/index.cjs"), 1);
-var import_use_instance_id = __toESM(require("./hooks/use-instance-id/index.cjs"), 1);
-var import_use_isomorphic_layout_effect = __toESM(require("./hooks/use-isomorphic-layout-effect/index.cjs"), 1);
-var import_use_keyboard_shortcut = __toESM(require("./hooks/use-keyboard-shortcut/index.cjs"), 1);
-var import_use_media_query = __toESM(require("./hooks/use-media-query/index.cjs"), 1);
-var import_use_previous = __toESM(require("./hooks/use-previous/index.cjs"), 1);
-var import_use_reduced_motion = __toESM(require("./hooks/use-reduced-motion/index.cjs"), 1);
-var import_use_state_with_history = __toESM(require("./hooks/use-state-with-history/index.cjs"), 1);
-var import_use_viewport_match = __toESM(require("./hooks/use-viewport-match/index.cjs"), 1);
-var import_use_resize_observer = __toESM(require("./hooks/use-resize-observer/index.cjs"), 1);
-var import_use_async_list = __toESM(require("./hooks/use-async-list/index.cjs"), 1);
-var import_use_warn_on_change = __toESM(require("./hooks/use-warn-on-change/index.cjs"), 1);
-var import_use_debounce = __toESM(require("./hooks/use-debounce/index.cjs"), 1);
-var import_use_debounced_input = __toESM(require("./hooks/use-debounced-input/index.cjs"), 1);
-var import_use_throttle = __toESM(require("./hooks/use-throttle/index.cjs"), 1);
-var import_use_merge_refs = __toESM(require("./hooks/use-merge-refs/index.cjs"), 1);
-var import_use_ref_effect = __toESM(require("./hooks/use-ref-effect/index.cjs"), 1);
-var import_use_drop_zone = __toESM(require("./hooks/use-drop-zone/index.cjs"), 1);
-var import_use_focusable_iframe = __toESM(require("./hooks/use-focusable-iframe/index.cjs"), 1);
-var import_use_fixed_window_list = __toESM(require("./hooks/use-fixed-window-list/index.cjs"), 1);
-var import_use_observable_value = __toESM(require("./hooks/use-observable-value/index.cjs"), 1);
+__reExport(index_exports, require("./utils/create-higher-order-component"), module.exports);
+__reExport(index_exports, require("./utils/debounce"), module.exports);
+__reExport(index_exports, require("./utils/throttle"), module.exports);
+__reExport(index_exports, require("./utils/observable-map"), module.exports);
+var import_compose = __toESM(require("./higher-order/compose"));
+var import_pipe = __toESM(require("./higher-order/pipe"));
+var import_if_condition = __toESM(require("./higher-order/if-condition"));
+var import_pure = __toESM(require("./higher-order/pure"));
+var import_with_global_events = __toESM(require("./higher-order/with-global-events"));
+var import_with_instance_id = __toESM(require("./higher-order/with-instance-id"));
+var import_with_safe_timeout = __toESM(require("./higher-order/with-safe-timeout"));
+var import_with_state = __toESM(require("./higher-order/with-state"));
+var import_use_constrained_tabbing = __toESM(require("./hooks/use-constrained-tabbing"));
+var import_use_copy_on_click = __toESM(require("./hooks/use-copy-on-click"));
+var import_use_copy_to_clipboard = __toESM(require("./hooks/use-copy-to-clipboard"));
+var import_use_dialog = __toESM(require("./hooks/use-dialog"));
+var import_use_disabled = __toESM(require("./hooks/use-disabled"));
+var import_use_event = __toESM(require("./hooks/use-event"));
+var import_use_dragging = __toESM(require("./hooks/use-dragging"));
+var import_use_focus_on_mount = __toESM(require("./hooks/use-focus-on-mount"));
+var import_use_focus_outside = __toESM(require("./hooks/use-focus-outside"));
+var import_use_focus_return = __toESM(require("./hooks/use-focus-return"));
+var import_use_instance_id = __toESM(require("./hooks/use-instance-id"));
+var import_use_isomorphic_layout_effect = __toESM(require("./hooks/use-isomorphic-layout-effect"));
+var import_use_keyboard_shortcut = __toESM(require("./hooks/use-keyboard-shortcut"));
+var import_use_media_query = __toESM(require("./hooks/use-media-query"));
+var import_use_previous = __toESM(require("./hooks/use-previous"));
+var import_use_reduced_motion = __toESM(require("./hooks/use-reduced-motion"));
+var import_use_state_with_history = __toESM(require("./hooks/use-state-with-history"));
+var import_use_viewport_match = __toESM(require("./hooks/use-viewport-match"));
+var import_use_resize_observer = __toESM(require("./hooks/use-resize-observer"));
+var import_use_async_list = __toESM(require("./hooks/use-async-list"));
+var import_use_warn_on_change = __toESM(require("./hooks/use-warn-on-change"));
+var import_use_debounce = __toESM(require("./hooks/use-debounce"));
+var import_use_debounced_input = __toESM(require("./hooks/use-debounced-input"));
+var import_use_throttle = __toESM(require("./hooks/use-throttle"));
+var import_use_merge_refs = __toESM(require("./hooks/use-merge-refs"));
+var import_use_ref_effect = __toESM(require("./hooks/use-ref-effect"));
+var import_use_drop_zone = __toESM(require("./hooks/use-drop-zone"));
+var import_use_focusable_iframe = __toESM(require("./hooks/use-focusable-iframe"));
+var import_use_fixed_window_list = __toESM(require("./hooks/use-fixed-window-list"));
+var import_use_observable_value = __toESM(require("./hooks/use-observable-value"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   __experimentalUseDialog,
@@ -153,9 +153,9 @@ var import_use_observable_value = __toESM(require("./hooks/use-observable-value/
   withInstanceId,
   withSafeTimeout,
   withState,
-  ...require("./utils/create-higher-order-component/index.cjs"),
-  ...require("./utils/debounce/index.cjs"),
-  ...require("./utils/throttle/index.cjs"),
-  ...require("./utils/observable-map/index.cjs")
+  ...require("./utils/create-higher-order-component"),
+  ...require("./utils/debounce"),
+  ...require("./utils/throttle"),
+  ...require("./utils/observable-map")
 });
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

package/build/{index.cjs.map → index.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/index.js"],
   "sourcesContent": ["// The `createHigherOrderComponent` helper and helper types.\nexport * from './utils/create-higher-order-component';\n// The `debounce` helper and its types.\nexport * from './utils/debounce';\n// The `throttle` helper and its types.\nexport * from './utils/throttle';\n// The `ObservableMap` data structure\nexport * from './utils/observable-map';\n\n// The `compose` and `pipe` helpers (inspired by `flowRight` and `flow` from Lodash).\nexport { default as compose } from './higher-order/compose';\nexport { default as pipe } from './higher-order/pipe';\n\n// Higher-order components.\nexport { default as ifCondition } from './higher-order/if-condition';\nexport { default as pure } from './higher-order/pure';\nexport { default as withGlobalEvents } from './higher-order/with-global-events';\nexport { default as withInstanceId } from './higher-order/with-instance-id';\nexport { default as withSafeTimeout } from './higher-order/with-safe-timeout';\nexport { default as withState } from './higher-order/with-state';\n\n// Hooks.\nexport { default as useConstrainedTabbing } from './hooks/use-constrained-tabbing';\nexport { default as useCopyOnClick } from './hooks/use-copy-on-click';\nexport { default as useCopyToClipboard } from './hooks/use-copy-to-clipboard';\nexport { default as __experimentalUseDialog } from './hooks/use-dialog';\nexport { default as useDisabled } from './hooks/use-disabled';\nexport { default as useEvent } from './hooks/use-event';\nexport { default as __experimentalUseDragging } from './hooks/use-dragging';\nexport { default as useFocusOnMount } from './hooks/use-focus-on-mount';\nexport { default as __experimentalUseFocusOutside } from './hooks/use-focus-outside';\nexport { default as useFocusReturn } from './hooks/use-focus-return';\nexport { default as useInstanceId } from './hooks/use-instance-id';\nexport { default as useIsomorphicLayoutEffect } from './hooks/use-isomorphic-layout-effect';\nexport { default as useKeyboardShortcut } from './hooks/use-keyboard-shortcut';\nexport { default as useMediaQuery } from './hooks/use-media-query';\nexport { default as usePrevious } from './hooks/use-previous';\nexport { default as useReducedMotion } from './hooks/use-reduced-motion';\nexport { default as useStateWithHistory } from './hooks/use-state-with-history';\nexport { default as useViewportMatch } from './hooks/use-viewport-match';\nexport { default as useResizeObserver } from './hooks/use-resize-observer';\nexport { default as useAsyncList } from './hooks/use-async-list';\nexport { default as useWarnOnChange } from './hooks/use-warn-on-change';\nexport { default as useDebounce } from './hooks/use-debounce';\nexport { default as useDebouncedInput } from './hooks/use-debounced-input';\nexport { default as useThrottle } from './hooks/use-throttle';\nexport { default as useMergeRefs } from './hooks/use-merge-refs';\nexport { default as useRefEffect } from './hooks/use-ref-effect';\nexport { default as __experimentalUseDropZone } from './hooks/use-drop-zone';\nexport { default as useFocusableIframe } from './hooks/use-focusable-iframe';\nexport { default as __experimentalUseFixedWindowList } from './hooks/use-fixed-window-list';\nexport { default as useObservableValue } from './hooks/use-observable-value';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,0BAAc,4DADd;AAGA,0BAAc,uCAHd;AAKA,0BAAc,uCALd;AAOA,0BAAc,6CAPd;AAUA,qBAAmC;AACnC,kBAAgC;AAGhC,0BAAuC;AACvC,kBAAgC;AAChC,gCAA4C;AAC5C,8BAA0C;AAC1C,+BAA2C;AAC3C,wBAAqC;AAGrC,qCAAiD;AACjD,+BAA0C;AAC1C,mCAA8C;AAC9C,wBAAmD;AACnD,0BAAuC;AACvC,uBAAoC;AACpC,0BAAqD;AACrD,gCAA2C;AAC3C,+BAAyD;AACzD,8BAA0C;AAC1C,6BAAyC;AACzC,0CAAqD;AACrD,mCAA+C;AAC/C,6BAAyC;AACzC,0BAAuC;AACvC,gCAA4C;AAC5C,oCAA+C;AAC/C,gCAA4C;AAC5C,iCAA6C;AAC7C,4BAAwC;AACxC,gCAA2C;AAC3C,0BAAuC;AACvC,iCAA6C;AAC7C,0BAAuC;AACvC,4BAAwC;AACxC,4BAAwC;AACxC,2BAAqD;AACrD,kCAA8C;AAC9C,mCAA4D;AAC5D,kCAA8C;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,0BAAc,kDADd;AAGA,0BAAc,6BAHd;AAKA,0BAAc,6BALd;AAOA,0BAAc,mCAPd;AAUA,qBAAmC;AACnC,kBAAgC;AAGhC,0BAAuC;AACvC,kBAAgC;AAChC,gCAA4C;AAC5C,8BAA0C;AAC1C,+BAA2C;AAC3C,wBAAqC;AAGrC,qCAAiD;AACjD,+BAA0C;AAC1C,mCAA8C;AAC9C,wBAAmD;AACnD,0BAAuC;AACvC,uBAAoC;AACpC,0BAAqD;AACrD,gCAA2C;AAC3C,+BAAyD;AACzD,8BAA0C;AAC1C,6BAAyC;AACzC,0CAAqD;AACrD,mCAA+C;AAC/C,6BAAyC;AACzC,0BAAuC;AACvC,gCAA4C;AAC5C,oCAA+C;AAC/C,gCAA4C;AAC5C,iCAA6C;AAC7C,4BAAwC;AACxC,gCAA2C;AAC3C,0BAAuC;AACvC,iCAA6C;AAC7C,0BAAuC;AACvC,4BAAwC;AACxC,4BAAwC;AACxC,2BAAqD;AACrD,kCAA8C;AAC9C,mCAA4D;AAC5D,kCAA8C;",
   "names": []
 }

package/build/utils/create-higher-order-component/{index.cjs → index.js}

@@ -40,4 +40,4 @@ var hocName = (name, Inner) => {
 0 && (module.exports = {
   createHigherOrderComponent
 });
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

package/build/utils/debounce/{index.cjs → index.js}

@@ -138,4 +138,4 @@ var debounce = (func, wait, options) => {
 0 && (module.exports = {
   debounce
 });
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

package/build/utils/observable-map/{index.cjs → index.js}

@@ -67,4 +67,4 @@ function observableMap() {
 0 && (module.exports = {
   observableMap
 });
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

package/build/utils/throttle/{index.cjs → index.js}

@@ -23,7 +23,7 @@ __export(throttle_exports, {
   throttle: () => throttle
 });
 module.exports = __toCommonJS(throttle_exports);
-var import_debounce = require("../debounce/index.cjs");
+var import_debounce = require("../debounce");
 var throttle = (func, wait, options) => {
   let leading = true;
   let trailing = true;
@@ -41,4 +41,4 @@ var throttle = (func, wait, options) => {
 0 && (module.exports = {
   throttle
 });
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

package/build-module/higher-order/compose.js

@@ -1,5 +1,5 @@
 // packages/compose/src/higher-order/compose.ts
-import { basePipe } from "./pipe.js";
+import { basePipe } from "./pipe";
 var compose = basePipe(true);
 var compose_default = compose;
 export {

package/build-module/higher-order/if-condition/index.js

@@ -1,5 +1,5 @@
 // packages/compose/src/higher-order/if-condition/index.tsx
-import { createHigherOrderComponent } from "../../utils/create-higher-order-component/index.js";
+import { createHigherOrderComponent } from "../../utils/create-higher-order-component";
 import { jsx } from "react/jsx-runtime";
 function ifCondition(predicate) {
   return createHigherOrderComponent(

package/build-module/higher-order/pure/index.js

@@ -1,7 +1,7 @@
 // packages/compose/src/higher-order/pure/index.tsx
-import { isShallowEqual } from "@wordpress/is-shallow-equal";
+import isShallowEqual from "@wordpress/is-shallow-equal";
 import { Component } from "@wordpress/element";
-import { createHigherOrderComponent } from "../../utils/create-higher-order-component/index.js";
+import { createHigherOrderComponent } from "../../utils/create-higher-order-component";
 import { jsx } from "react/jsx-runtime";
 var pure = createHigherOrderComponent(function(WrappedComponent) {
   if (WrappedComponent.prototype instanceof Component) {

package/build-module/higher-order/pure/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/higher-order/pure/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport type { ComponentType, ComponentClass } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { isShallowEqual } from '@wordpress/is-shallow-equal';\nimport { Component } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { createHigherOrderComponent } from '../../utils/create-higher-order-component';\n\n/**\n * Given a component returns the enhanced component augmented with a component\n * only re-rendering when its props/state change\n *\n * @deprecated Use `memo` or `PureComponent` instead.\n */\nconst pure = createHigherOrderComponent( function < Props extends {} >(\n\tWrappedComponent: ComponentType< Props >\n): ComponentType< Props > {\n\tif ( WrappedComponent.prototype instanceof Component ) {\n\t\treturn class extends ( WrappedComponent as ComponentClass< Props > ) {\n\t\t\tshouldComponentUpdate( nextProps: Props, nextState: any ) {\n\t\t\t\treturn (\n\t\t\t\t\t! isShallowEqual( nextProps, this.props ) ||\n\t\t\t\t\t! isShallowEqual( nextState, this.state )\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\t}\n\n\treturn class extends Component< Props > {\n\t\tshouldComponentUpdate( nextProps: Props ) {\n\t\t\treturn ! isShallowEqual( nextProps, this.props );\n\t\t}\n\n\t\trender() {\n\t\t\treturn <WrappedComponent { ...this.props } />;\n\t\t}\n\t};\n}, 'pure' );\n\nexport default pure;\n"],
-  "mappings": ";AAQA,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAK1B,SAAS,kCAAkC;AA4BjC;AApBV,IAAM,OAAO,2BAA4B,SACxC,kBACyB;AACzB,MAAK,iBAAiB,qBAAqB,WAAY;AACtD,WAAO,cAAgB,iBAA8C;AAAA,MACpE,sBAAuB,WAAkB,WAAiB;AACzD,eACC,CAAE,eAAgB,WAAW,KAAK,KAAM,KACxC,CAAE,eAAgB,WAAW,KAAK,KAAM;AAAA,MAE1C;AAAA,IACD;AAAA,EACD;AAEA,SAAO,cAAc,UAAmB;AAAA,IACvC,sBAAuB,WAAmB;AACzC,aAAO,CAAE,eAAgB,WAAW,KAAK,KAAM;AAAA,IAChD;AAAA,IAEA,SAAS;AACR,aAAO,oBAAC,oBAAmB,GAAG,KAAK,OAAQ;AAAA,IAC5C;AAAA,EACD;AACD,GAAG,MAAO;AAEV,IAAO,eAAQ;",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport type { ComponentType, ComponentClass } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport isShallowEqual from '@wordpress/is-shallow-equal';\nimport { Component } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { createHigherOrderComponent } from '../../utils/create-higher-order-component';\n\n/**\n * Given a component returns the enhanced component augmented with a component\n * only re-rendering when its props/state change\n *\n * @deprecated Use `memo` or `PureComponent` instead.\n */\nconst pure = createHigherOrderComponent( function < Props extends {} >(\n\tWrappedComponent: ComponentType< Props >\n): ComponentType< Props > {\n\tif ( WrappedComponent.prototype instanceof Component ) {\n\t\treturn class extends ( WrappedComponent as ComponentClass< Props > ) {\n\t\t\tshouldComponentUpdate( nextProps: Props, nextState: any ) {\n\t\t\t\treturn (\n\t\t\t\t\t! isShallowEqual( nextProps, this.props ) ||\n\t\t\t\t\t! isShallowEqual( nextState, this.state )\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\t}\n\n\treturn class extends Component< Props > {\n\t\tshouldComponentUpdate( nextProps: Props ) {\n\t\t\treturn ! isShallowEqual( nextProps, this.props );\n\t\t}\n\n\t\trender() {\n\t\t\treturn <WrappedComponent { ...this.props } />;\n\t\t}\n\t};\n}, 'pure' );\n\nexport default pure;\n"],
+  "mappings": ";AAQA,OAAO,oBAAoB;AAC3B,SAAS,iBAAiB;AAK1B,SAAS,kCAAkC;AA4BjC;AApBV,IAAM,OAAO,2BAA4B,SACxC,kBACyB;AACzB,MAAK,iBAAiB,qBAAqB,WAAY;AACtD,WAAO,cAAgB,iBAA8C;AAAA,MACpE,sBAAuB,WAAkB,WAAiB;AACzD,eACC,CAAE,eAAgB,WAAW,KAAK,KAAM,KACxC,CAAE,eAAgB,WAAW,KAAK,KAAM;AAAA,MAE1C;AAAA,IACD;AAAA,EACD;AAEA,SAAO,cAAc,UAAmB;AAAA,IACvC,sBAAuB,WAAmB;AACzC,aAAO,CAAE,eAAgB,WAAW,KAAK,KAAM;AAAA,IAChD;AAAA,IAEA,SAAS;AACR,aAAO,oBAAC,oBAAmB,GAAG,KAAK,OAAQ;AAAA,IAC5C;AAAA,EACD;AACD,GAAG,MAAO;AAEV,IAAO,eAAQ;",
   "names": []
 }

package/build-module/higher-order/with-global-events/index.js

@@ -1,8 +1,8 @@
 // packages/compose/src/higher-order/with-global-events/index.js
 import { Component, forwardRef } from "@wordpress/element";
 import deprecated from "@wordpress/deprecated";
-import { createHigherOrderComponent } from "../../utils/create-higher-order-component/index.js";
-import Listener from "./listener.js";
+import { createHigherOrderComponent } from "../../utils/create-higher-order-component";
+import Listener from "./listener";
 import { jsx } from "react/jsx-runtime";
 var listener = new Listener();
 function withGlobalEvents(eventTypesToHandlers) {

package/build-module/higher-order/with-instance-id/index.js

@@ -1,6 +1,6 @@
 // packages/compose/src/higher-order/with-instance-id/index.tsx
-import { createHigherOrderComponent } from "../../utils/create-higher-order-component/index.js";
-import useInstanceId from "../../hooks/use-instance-id/index.js";
+import { createHigherOrderComponent } from "../../utils/create-higher-order-component";
+import useInstanceId from "../../hooks/use-instance-id";
 import { jsx } from "react/jsx-runtime";
 var withInstanceId = createHigherOrderComponent(
   (WrappedComponent) => {

package/build-module/higher-order/with-safe-timeout/index.js

@@ -1,6 +1,6 @@
 // packages/compose/src/higher-order/with-safe-timeout/index.tsx
 import { Component } from "@wordpress/element";
-import { createHigherOrderComponent } from "../../utils/create-higher-order-component/index.js";
+import { createHigherOrderComponent } from "../../utils/create-higher-order-component";
 import { jsx } from "react/jsx-runtime";
 var withSafeTimeout = createHigherOrderComponent(
   (OriginalComponent) => {

package/build-module/higher-order/with-state/index.js

@@ -1,7 +1,7 @@
 // packages/compose/src/higher-order/with-state/index.js
 import { Component } from "@wordpress/element";
 import deprecated from "@wordpress/deprecated";
-import { createHigherOrderComponent } from "../../utils/create-higher-order-component/index.js";
+import { createHigherOrderComponent } from "../../utils/create-higher-order-component";
 import { jsx } from "react/jsx-runtime";
 function withState(initialState = {}) {
   deprecated("wp.compose.withState", {

package/build-module/hooks/use-constrained-tabbing/index.js

@@ -1,6 +1,6 @@
 // packages/compose/src/hooks/use-constrained-tabbing/index.js
 import { focus } from "@wordpress/dom";
-import useRefEffect from "../use-ref-effect/index.js";
+import useRefEffect from "../use-ref-effect";
 function useConstrainedTabbing() {
   return useRefEffect((node) => {
     function onKeyDown(event) {

package/build-module/hooks/use-copy-to-clipboard/index.js

@@ -1,7 +1,7 @@
 // packages/compose/src/hooks/use-copy-to-clipboard/index.js
 import Clipboard from "clipboard";
 import { useRef, useLayoutEffect } from "@wordpress/element";
-import useRefEffect from "../use-ref-effect/index.js";
+import useRefEffect from "../use-ref-effect";
 function useUpdatedRef(value) {
   const ref = useRef(value);
   useLayoutEffect(() => {

package/build-module/hooks/use-debounce/index.js

@@ -1,7 +1,7 @@
 // packages/compose/src/hooks/use-debounce/index.js
 import { useMemoOne } from "use-memo-one";
 import { useEffect } from "@wordpress/element";
-import { debounce } from "../../utils/debounce/index.js";
+import { debounce } from "../../utils/debounce";
 function useDebounce(fn, wait, options) {
   const debounced = useMemoOne(
     () => debounce(fn, wait ?? 0, options),

package/build-module/hooks/use-debounced-input/index.js

@@ -1,6 +1,6 @@
 // packages/compose/src/hooks/use-debounced-input/index.ts
 import { useEffect, useState } from "@wordpress/element";
-import useDebounce from "../use-debounce/index.js";
+import useDebounce from "../use-debounce";
 function useDebouncedInput(defaultValue = "") {
   const [input, setInput] = useState(defaultValue);
   const [debouncedInput, setDebouncedState] = useState(defaultValue);

package/build-module/hooks/use-dialog/index.js

@@ -1,11 +1,11 @@
 // packages/compose/src/hooks/use-dialog/index.ts
 import { useRef, useEffect, useCallback } from "@wordpress/element";
 import { ESCAPE } from "@wordpress/keycodes";
-import useConstrainedTabbing from "../use-constrained-tabbing/index.js";
-import useFocusOnMount from "../use-focus-on-mount/index.js";
-import useFocusReturn from "../use-focus-return/index.js";
-import useFocusOutside from "../use-focus-outside/index.js";
-import useMergeRefs from "../use-merge-refs/index.js";
+import useConstrainedTabbing from "../use-constrained-tabbing";
+import useFocusOnMount from "../use-focus-on-mount";
+import useFocusReturn from "../use-focus-return";
+import useFocusOutside from "../use-focus-outside";
+import useMergeRefs from "../use-merge-refs";
 function useDialog(options) {
   const currentOptions = useRef();
   const { constrainTabbing = options.focusOnMount !== false } = options;

package/build-module/hooks/use-disabled/index.js

@@ -1,6 +1,6 @@
 // packages/compose/src/hooks/use-disabled/index.ts
-import { debounce } from "../../utils/debounce/index.js";
-import useRefEffect from "../use-ref-effect/index.js";
+import { debounce } from "../../utils/debounce";
+import useRefEffect from "../use-ref-effect";
 function useDisabled({
   isDisabled: isDisabledProp = false
 } = {}) {

package/build-module/hooks/use-dragging/index.js

@@ -1,6 +1,6 @@
 // packages/compose/src/hooks/use-dragging/index.js
 import { useCallback, useEffect, useRef, useState } from "@wordpress/element";
-import useIsomorphicLayoutEffect from "../use-isomorphic-layout-effect/index.js";
+import useIsomorphicLayoutEffect from "../use-isomorphic-layout-effect";
 function useDragging({ onDragStart, onDragMove, onDragEnd }) {
   const [isDragging, setIsDragging] = useState(false);
   const eventsRef = useRef({

package/build-module/hooks/use-drop-zone/index.js

@@ -1,6 +1,6 @@
 // packages/compose/src/hooks/use-drop-zone/index.js
-import useRefEffect from "../use-ref-effect/index.js";
-import useEvent from "../use-event/index.js";
+import useRefEffect from "../use-ref-effect";
+import useEvent from "../use-event";
 function useDropZone({
   dropZoneElement,
   isDisabled,

package/build-module/hooks/use-fixed-window-list/index.js

@@ -2,7 +2,7 @@
 import { useState, useLayoutEffect } from "@wordpress/element";
 import { getScrollContainer } from "@wordpress/dom";
 import { PAGEUP, PAGEDOWN, HOME, END } from "@wordpress/keycodes";
-import { debounce } from "../../utils/debounce/index.js";
+import { debounce } from "../../utils/debounce";
 var DEFAULT_INIT_WINDOW_SIZE = 30;
 function useFixedWindowList(elementRef, itemHeight, totalItems, options) {
   const initWindowSize = options?.initWindowSize ?? DEFAULT_INIT_WINDOW_SIZE;

package/build-module/hooks/use-focus-on-mount/index.js

@@ -1,7 +1,7 @@
 // packages/compose/src/hooks/use-focus-on-mount/index.js
 import { useRef, useEffect } from "@wordpress/element";
 import { focus } from "@wordpress/dom";
-import useRefEffect from "../use-ref-effect/index.js";
+import useRefEffect from "../use-ref-effect";
 function useFocusOnMount(focusOnMount = "firstElement") {
   const focusOnMountRef = useRef(focusOnMount);
   const setFocus = (target) => {

package/build-module/hooks/use-focusable-iframe/index.js

@@ -1,5 +1,5 @@
 // packages/compose/src/hooks/use-focusable-iframe/index.ts
-import useRefEffect from "../use-ref-effect/index.js";
+import useRefEffect from "../use-ref-effect";
 function useFocusableIframe() {
   return useRefEffect((element) => {
     const { ownerDocument } = element;

package/build-module/hooks/use-reduced-motion/index.js

@@ -1,5 +1,5 @@
 // packages/compose/src/hooks/use-reduced-motion/index.js
-import useMediaQuery from "../use-media-query/index.js";
+import useMediaQuery from "../use-media-query";
 var useReducedMotion = () => useMediaQuery("(prefers-reduced-motion: reduce)");
 var use_reduced_motion_default = useReducedMotion;
 export {

package/build-module/hooks/use-resize-observer/index.js

@@ -1,6 +1,6 @@
 // packages/compose/src/hooks/use-resize-observer/index.ts
-import { useResizeObserver as _useResizeObserver } from "./use-resize-observer.js";
-import _useLegacyResizeObserver from "./legacy/index.js";
+import { useResizeObserver as _useResizeObserver } from "./use-resize-observer";
+import _useLegacyResizeObserver from "./legacy";
 function useResizeObserver(callback, options = {}) {
   return callback ? _useResizeObserver(callback, options) : _useLegacyResizeObserver();
 }

package/build-module/hooks/use-resize-observer/legacy/index.js

@@ -1,6 +1,6 @@
 // packages/compose/src/hooks/use-resize-observer/legacy/index.tsx
 import { useCallback, useRef, useState } from "@wordpress/element";
-import { useResizeObserver } from "../use-resize-observer.js";
+import { useResizeObserver } from "../use-resize-observer";
 import { jsx } from "react/jsx-runtime";
 var extractSize = (entry) => {
   let entrySize;

package/build-module/hooks/use-resize-observer/use-resize-observer.js

@@ -1,6 +1,6 @@
 // packages/compose/src/hooks/use-resize-observer/use-resize-observer.ts
 import { useRef } from "@wordpress/element";
-import useEvent from "../use-event/index.js";
+import useEvent from "../use-event";
 function useResizeObserver(callback, resizeObserverOptions = {}) {
   const callbackEvent = useEvent(callback);
   const observedElementRef = useRef();

package/build-module/hooks/use-throttle/index.js

@@ -1,7 +1,7 @@
 // packages/compose/src/hooks/use-throttle/index.js
 import { useMemoOne } from "use-memo-one";
 import { useEffect } from "@wordpress/element";
-import { throttle } from "../../utils/throttle/index.js";
+import { throttle } from "../../utils/throttle";
 function useThrottle(fn, wait, options) {
   const throttled = useMemoOne(
     () => throttle(fn, wait ?? 0, options),

package/build-module/hooks/use-viewport-match/index.js

@@ -1,6 +1,6 @@
 // packages/compose/src/hooks/use-viewport-match/index.js
 import { createContext, useContext } from "@wordpress/element";
-import useMediaQuery from "../use-media-query/index.js";
+import useMediaQuery from "../use-media-query";
 var BREAKPOINTS = {
   xhuge: 1920,
   huge: 1440,

package/build-module/hooks/use-warn-on-change/index.js

@@ -1,5 +1,5 @@
 // packages/compose/src/hooks/use-warn-on-change/index.js
-import usePrevious from "../use-previous/index.js";
+import usePrevious from "../use-previous";
 function useWarnOnChange(object, prefix = "Change detection") {
   const previousValues = usePrevious(object);
   Object.entries(previousValues ?? []).forEach(([key, value]) => {

package/build-module/index.js

@@ -1,46 +1,46 @@
 // packages/compose/src/index.js
-export * from "./utils/create-higher-order-component/index.js";
-export * from "./utils/debounce/index.js";
-export * from "./utils/throttle/index.js";
-export * from "./utils/observable-map/index.js";
-import { default as default2 } from "./higher-order/compose.js";
-import { default as default3 } from "./higher-order/pipe.js";
-import { default as default4 } from "./higher-order/if-condition/index.js";
-import { default as default5 } from "./higher-order/pure/index.js";
-import { default as default6 } from "./higher-order/with-global-events/index.js";
-import { default as default7 } from "./higher-order/with-instance-id/index.js";
-import { default as default8 } from "./higher-order/with-safe-timeout/index.js";
-import { default as default9 } from "./higher-order/with-state/index.js";
-import { default as default10 } from "./hooks/use-constrained-tabbing/index.js";
-import { default as default11 } from "./hooks/use-copy-on-click/index.js";
-import { default as default12 } from "./hooks/use-copy-to-clipboard/index.js";
-import { default as default13 } from "./hooks/use-dialog/index.js";
-import { default as default14 } from "./hooks/use-disabled/index.js";
-import { default as default15 } from "./hooks/use-event/index.js";
-import { default as default16 } from "./hooks/use-dragging/index.js";
-import { default as default17 } from "./hooks/use-focus-on-mount/index.js";
-import { default as default18 } from "./hooks/use-focus-outside/index.js";
-import { default as default19 } from "./hooks/use-focus-return/index.js";
-import { default as default20 } from "./hooks/use-instance-id/index.js";
-import { default as default21 } from "./hooks/use-isomorphic-layout-effect/index.js";
-import { default as default22 } from "./hooks/use-keyboard-shortcut/index.js";
-import { default as default23 } from "./hooks/use-media-query/index.js";
-import { default as default24 } from "./hooks/use-previous/index.js";
-import { default as default25 } from "./hooks/use-reduced-motion/index.js";
-import { default as default26 } from "./hooks/use-state-with-history/index.js";
-import { default as default27 } from "./hooks/use-viewport-match/index.js";
-import { default as default28 } from "./hooks/use-resize-observer/index.js";
-import { default as default29 } from "./hooks/use-async-list/index.js";
-import { default as default30 } from "./hooks/use-warn-on-change/index.js";
-import { default as default31 } from "./hooks/use-debounce/index.js";
-import { default as default32 } from "./hooks/use-debounced-input/index.js";
-import { default as default33 } from "./hooks/use-throttle/index.js";
-import { default as default34 } from "./hooks/use-merge-refs/index.js";
-import { default as default35 } from "./hooks/use-ref-effect/index.js";
-import { default as default36 } from "./hooks/use-drop-zone/index.js";
-import { default as default37 } from "./hooks/use-focusable-iframe/index.js";
-import { default as default38 } from "./hooks/use-fixed-window-list/index.js";
-import { default as default39 } from "./hooks/use-observable-value/index.js";
+export * from "./utils/create-higher-order-component";
+export * from "./utils/debounce";
+export * from "./utils/throttle";
+export * from "./utils/observable-map";
+import { default as default2 } from "./higher-order/compose";
+import { default as default3 } from "./higher-order/pipe";
+import { default as default4 } from "./higher-order/if-condition";
+import { default as default5 } from "./higher-order/pure";
+import { default as default6 } from "./higher-order/with-global-events";
+import { default as default7 } from "./higher-order/with-instance-id";
+import { default as default8 } from "./higher-order/with-safe-timeout";
+import { default as default9 } from "./higher-order/with-state";
+import { default as default10 } from "./hooks/use-constrained-tabbing";
+import { default as default11 } from "./hooks/use-copy-on-click";
+import { default as default12 } from "./hooks/use-copy-to-clipboard";
+import { default as default13 } from "./hooks/use-dialog";
+import { default as default14 } from "./hooks/use-disabled";
+import { default as default15 } from "./hooks/use-event";
+import { default as default16 } from "./hooks/use-dragging";
+import { default as default17 } from "./hooks/use-focus-on-mount";
+import { default as default18 } from "./hooks/use-focus-outside";
+import { default as default19 } from "./hooks/use-focus-return";
+import { default as default20 } from "./hooks/use-instance-id";
+import { default as default21 } from "./hooks/use-isomorphic-layout-effect";
+import { default as default22 } from "./hooks/use-keyboard-shortcut";
+import { default as default23 } from "./hooks/use-media-query";
+import { default as default24 } from "./hooks/use-previous";
+import { default as default25 } from "./hooks/use-reduced-motion";
+import { default as default26 } from "./hooks/use-state-with-history";
+import { default as default27 } from "./hooks/use-viewport-match";
+import { default as default28 } from "./hooks/use-resize-observer";
+import { default as default29 } from "./hooks/use-async-list";
+import { default as default30 } from "./hooks/use-warn-on-change";
+import { default as default31 } from "./hooks/use-debounce";
+import { default as default32 } from "./hooks/use-debounced-input";
+import { default as default33 } from "./hooks/use-throttle";
+import { default as default34 } from "./hooks/use-merge-refs";
+import { default as default35 } from "./hooks/use-ref-effect";
+import { default as default36 } from "./hooks/use-drop-zone";
+import { default as default37 } from "./hooks/use-focusable-iframe";
+import { default as default38 } from "./hooks/use-fixed-window-list";
+import { default as default39 } from "./hooks/use-observable-value";
 export {
   default13 as __experimentalUseDialog,
   default16 as __experimentalUseDragging,

package/build-module/utils/throttle/index.js

@@ -1,5 +1,5 @@
 // packages/compose/src/utils/throttle/index.ts
-import { debounce } from "../debounce/index.js";
+import { debounce } from "../debounce";
 var throttle = (func, wait, options) => {
   let leading = true;
   let trailing = true;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/compose",
-	"version": "7.36.1-next.738bb1424.0",
+	"version": "7.37.0",
 	"description": "WordPress higher-order components (HOCs).",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -24,21 +24,13 @@
 		"node": ">=18.12.0",
 		"npm": ">=8.19.2"
 	},
-	"files": [
-		"src",
-		"build",
-		"build-module",
-		"build-types",
-		"*.md"
-	],
-	"type": "module",
-	"main": "build/index.cjs",
+	"main": "build/index.js",
 	"module": "build-module/index.js",
 	"exports": {
 		".": {
 			"types": "./build-types/index.d.ts",
 			"import": "./build-module/index.js",
-			"require": "./build/index.cjs"
+			"require": "./build/index.js"
 		},
 		"./package.json": "./package.json"
 	},
@@ -48,13 +40,13 @@
 	"sideEffects": false,
 	"dependencies": {
 		"@types/mousetrap": "^1.6.8",
-		"@wordpress/deprecated": "^4.36.1-next.738bb1424.0",
-		"@wordpress/dom": "^4.36.1-next.738bb1424.0",
-		"@wordpress/element": "^6.36.1-next.738bb1424.0",
-		"@wordpress/is-shallow-equal": "^5.36.1-next.738bb1424.0",
-		"@wordpress/keycodes": "^4.36.1-next.738bb1424.0",
-		"@wordpress/priority-queue": "^3.36.1-next.738bb1424.0",
-		"@wordpress/undo-manager": "^1.36.1-next.738bb1424.0",
+		"@wordpress/deprecated": "^4.37.0",
+		"@wordpress/dom": "^4.37.0",
+		"@wordpress/element": "^6.37.0",
+		"@wordpress/is-shallow-equal": "^5.37.0",
+		"@wordpress/keycodes": "^4.37.0",
+		"@wordpress/priority-queue": "^3.37.0",
+		"@wordpress/undo-manager": "^1.37.0",
 		"change-case": "^4.1.2",
 		"clipboard": "^2.0.11",
 		"mousetrap": "^1.6.5",
@@ -66,5 +58,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "ab1b004c0d61c295aa34bc86ea07f979343983ce"
+	"gitHead": "2cf13ec6cf86153c9b3cf369bf5c59046f5cd950"
 }

package/src/higher-order/pure/index.tsx

@@ -6,7 +6,7 @@ import type { ComponentType, ComponentClass } from 'react';
 /**
  * WordPress dependencies
  */
-import { isShallowEqual } from '@wordpress/is-shallow-equal';
+import isShallowEqual from '@wordpress/is-shallow-equal';
 import { Component } from '@wordpress/element';
 
 /**