@wordpress/compose 7.36.1-next.8fd3f8831.0 → 7.37.1-next.06ee73755.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/LICENSE.md +1 -1
  2. package/build/higher-order/with-global-events/index.cjs +2 -2
  3. package/build/higher-order/with-instance-id/index.cjs +1 -1
  4. package/build/higher-order/with-state/index.cjs +1 -1
  5. package/build/hooks/use-constrained-tabbing/index.cjs +1 -1
  6. package/build/hooks/use-copy-on-click/index.cjs +2 -2
  7. package/build/hooks/use-copy-to-clipboard/index.cjs +2 -2
  8. package/build/hooks/use-debounced-input/index.cjs +1 -1
  9. package/build/hooks/use-dialog/index.cjs +5 -5
  10. package/build/hooks/use-disabled/index.cjs +1 -1
  11. package/build/hooks/use-dragging/index.cjs +1 -1
  12. package/build/hooks/use-drop-zone/index.cjs +2 -2
  13. package/build/hooks/use-focus-on-mount/index.cjs +1 -1
  14. package/build/hooks/use-focusable-iframe/index.cjs +1 -1
  15. package/build/hooks/use-keyboard-shortcut/index.cjs +2 -2
  16. package/build/hooks/use-keyboard-shortcut/index.cjs.map +1 -1
  17. package/build/hooks/use-reduced-motion/index.cjs +1 -1
  18. package/build/hooks/use-resize-observer/index.cjs +1 -1
  19. package/build/hooks/use-resize-observer/use-resize-observer.cjs +1 -1
  20. package/build/hooks/use-viewport-match/index.cjs +1 -1
  21. package/build/hooks/use-warn-on-change/index.cjs +1 -1
  22. package/build/index.cjs +38 -38
  23. package/build-module/higher-order/{compose.js → compose.mjs} +2 -2
  24. package/build-module/higher-order/if-condition/{index.js → index.mjs} +2 -2
  25. package/build-module/higher-order/{pipe.js → pipe.mjs} +1 -1
  26. package/build-module/higher-order/pure/{index.js → index.mjs} +2 -2
  27. package/build-module/higher-order/with-global-events/{index.js → index.mjs} +3 -3
  28. package/build-module/higher-order/with-global-events/{listener.js → listener.mjs} +1 -1
  29. package/build-module/higher-order/with-instance-id/{index.js → index.mjs} +3 -3
  30. package/build-module/higher-order/with-safe-timeout/{index.js → index.mjs} +2 -2
  31. package/build-module/higher-order/with-state/{index.js → index.mjs} +2 -2
  32. package/build-module/hooks/use-async-list/{index.js → index.mjs} +1 -1
  33. package/build-module/hooks/use-constrained-tabbing/{index.js → index.mjs} +2 -2
  34. package/build-module/hooks/use-copy-on-click/{index.js → index.mjs} +1 -1
  35. package/build-module/hooks/use-copy-to-clipboard/{index.js → index.mjs} +2 -2
  36. package/build-module/hooks/use-debounce/{index.js → index.mjs} +2 -2
  37. package/build-module/hooks/use-debounced-input/{index.js → index.mjs} +2 -2
  38. package/build-module/hooks/use-dialog/{index.js → index.mjs} +6 -6
  39. package/build-module/hooks/use-disabled/{index.js → index.mjs} +3 -3
  40. package/build-module/hooks/use-dragging/{index.js → index.mjs} +2 -2
  41. package/build-module/hooks/use-drop-zone/{index.js → index.mjs} +3 -3
  42. package/build-module/hooks/use-event/{index.js → index.mjs} +1 -1
  43. package/build-module/hooks/use-fixed-window-list/{index.js → index.mjs} +2 -2
  44. package/build-module/hooks/use-focus-on-mount/{index.js → index.mjs} +2 -2
  45. package/build-module/hooks/use-focus-outside/{index.js → index.mjs} +1 -1
  46. package/build-module/hooks/use-focus-return/{index.js → index.mjs} +1 -1
  47. package/build-module/hooks/use-focusable-iframe/{index.js → index.mjs} +2 -2
  48. package/build-module/hooks/use-instance-id/{index.js → index.mjs} +1 -1
  49. package/build-module/hooks/use-isomorphic-layout-effect/{index.js → index.mjs} +1 -1
  50. package/build-module/hooks/use-keyboard-shortcut/{index.js → index.mjs} +2 -2
  51. package/build-module/hooks/use-keyboard-shortcut/index.mjs.map +7 -0
  52. package/build-module/hooks/use-media-query/{index.js → index.mjs} +1 -1
  53. package/build-module/hooks/use-merge-refs/{index.js → index.mjs} +1 -1
  54. package/build-module/hooks/use-observable-value/{index.js → index.mjs} +1 -1
  55. package/build-module/hooks/use-previous/{index.js → index.mjs} +1 -1
  56. package/build-module/hooks/use-reduced-motion/{index.js → index.mjs} +2 -2
  57. package/build-module/hooks/use-ref-effect/{index.js → index.mjs} +1 -1
  58. package/build-module/hooks/use-resize-observer/{index.js → index.mjs} +3 -3
  59. package/build-module/hooks/use-resize-observer/legacy/{index.js → index.mjs} +2 -2
  60. package/build-module/hooks/use-resize-observer/{use-resize-observer.js → use-resize-observer.mjs} +2 -2
  61. package/build-module/hooks/use-state-with-history/{index.js → index.mjs} +1 -1
  62. package/build-module/hooks/use-throttle/{index.js → index.mjs} +2 -2
  63. package/build-module/hooks/use-viewport-match/{index.js → index.mjs} +2 -2
  64. package/build-module/hooks/use-warn-on-change/{index.js → index.mjs} +2 -2
  65. package/build-module/{index.js → index.mjs} +43 -43
  66. package/build-module/utils/create-higher-order-component/{index.js → index.mjs} +1 -1
  67. package/build-module/utils/debounce/{index.js → index.mjs} +1 -1
  68. package/build-module/utils/observable-map/{index.js → index.mjs} +1 -1
  69. package/build-module/utils/throttle/{index.js → index.mjs} +2 -2
  70. package/package.json +14 -12
  71. package/src/hooks/use-keyboard-shortcut/index.js +1 -1
  72. package/build-module/hooks/use-keyboard-shortcut/index.js.map +0 -7
  73. /package/build-module/higher-order/{compose.js.map → compose.mjs.map} +0 -0
  74. /package/build-module/higher-order/if-condition/{index.js.map → index.mjs.map} +0 -0
  75. /package/build-module/higher-order/{pipe.js.map → pipe.mjs.map} +0 -0
  76. /package/build-module/higher-order/pure/{index.js.map → index.mjs.map} +0 -0
  77. /package/build-module/higher-order/with-global-events/{index.js.map → index.mjs.map} +0 -0
  78. /package/build-module/higher-order/with-global-events/{listener.js.map → listener.mjs.map} +0 -0
  79. /package/build-module/higher-order/with-instance-id/{index.js.map → index.mjs.map} +0 -0
  80. /package/build-module/higher-order/with-safe-timeout/{index.js.map → index.mjs.map} +0 -0
  81. /package/build-module/higher-order/with-state/{index.js.map → index.mjs.map} +0 -0
  82. /package/build-module/hooks/use-async-list/{index.js.map → index.mjs.map} +0 -0
  83. /package/build-module/hooks/use-constrained-tabbing/{index.js.map → index.mjs.map} +0 -0
  84. /package/build-module/hooks/use-copy-on-click/{index.js.map → index.mjs.map} +0 -0
  85. /package/build-module/hooks/use-copy-to-clipboard/{index.js.map → index.mjs.map} +0 -0
  86. /package/build-module/hooks/use-debounce/{index.js.map → index.mjs.map} +0 -0
  87. /package/build-module/hooks/use-debounced-input/{index.js.map → index.mjs.map} +0 -0
  88. /package/build-module/hooks/use-dialog/{index.js.map → index.mjs.map} +0 -0
  89. /package/build-module/hooks/use-disabled/{index.js.map → index.mjs.map} +0 -0
  90. /package/build-module/hooks/use-dragging/{index.js.map → index.mjs.map} +0 -0
  91. /package/build-module/hooks/use-drop-zone/{index.js.map → index.mjs.map} +0 -0
  92. /package/build-module/hooks/use-event/{index.js.map → index.mjs.map} +0 -0
  93. /package/build-module/hooks/use-fixed-window-list/{index.js.map → index.mjs.map} +0 -0
  94. /package/build-module/hooks/use-focus-on-mount/{index.js.map → index.mjs.map} +0 -0
  95. /package/build-module/hooks/use-focus-outside/{index.js.map → index.mjs.map} +0 -0
  96. /package/build-module/hooks/use-focus-return/{index.js.map → index.mjs.map} +0 -0
  97. /package/build-module/hooks/use-focusable-iframe/{index.js.map → index.mjs.map} +0 -0
  98. /package/build-module/hooks/use-instance-id/{index.js.map → index.mjs.map} +0 -0
  99. /package/build-module/hooks/use-isomorphic-layout-effect/{index.js.map → index.mjs.map} +0 -0
  100. /package/build-module/hooks/use-media-query/{index.js.map → index.mjs.map} +0 -0
  101. /package/build-module/hooks/use-merge-refs/{index.js.map → index.mjs.map} +0 -0
  102. /package/build-module/hooks/use-observable-value/{index.js.map → index.mjs.map} +0 -0
  103. /package/build-module/hooks/use-previous/{index.js.map → index.mjs.map} +0 -0
  104. /package/build-module/hooks/use-reduced-motion/{index.js.map → index.mjs.map} +0 -0
  105. /package/build-module/hooks/use-ref-effect/{index.js.map → index.mjs.map} +0 -0
  106. /package/build-module/hooks/use-resize-observer/{index.js.map → index.mjs.map} +0 -0
  107. /package/build-module/hooks/use-resize-observer/legacy/{index.js.map → index.mjs.map} +0 -0
  108. /package/build-module/hooks/use-resize-observer/{use-resize-observer.js.map → use-resize-observer.mjs.map} +0 -0
  109. /package/build-module/hooks/use-state-with-history/{index.js.map → index.mjs.map} +0 -0
  110. /package/build-module/hooks/use-throttle/{index.js.map → index.mjs.map} +0 -0
  111. /package/build-module/hooks/use-viewport-match/{index.js.map → index.mjs.map} +0 -0
  112. /package/build-module/hooks/use-warn-on-change/{index.js.map → index.mjs.map} +0 -0
  113. /package/build-module/{index.js.map → index.mjs.map} +0 -0
  114. /package/build-module/utils/create-higher-order-component/{index.js.map → index.mjs.map} +0 -0
  115. /package/build-module/utils/debounce/{index.js.map → index.mjs.map} +0 -0
  116. /package/build-module/utils/observable-map/{index.js.map → index.mjs.map} +0 -0
  117. /package/build-module/utils/throttle/{index.js.map → index.mjs.map} +0 -0
@@ -17,4 +17,4 @@ function useEvent(callback) {
17
17
  export {
18
18
  useEvent as default
19
19
  };
20
- //# sourceMappingURL=index.js.map
20
+ //# sourceMappingURL=index.mjs.map
@@ -2,7 +2,7 @@
2
2
  import { useState, useLayoutEffect } from "@wordpress/element";
3
3
  import { getScrollContainer } from "@wordpress/dom";
4
4
  import { PAGEUP, PAGEDOWN, HOME, END } from "@wordpress/keycodes";
5
- import { debounce } from "../../utils/debounce/index.js";
5
+ import { debounce } from "../../utils/debounce/index.mjs";
6
6
  var DEFAULT_INIT_WINDOW_SIZE = 30;
7
7
  function useFixedWindowList(elementRef, itemHeight, totalItems, options) {
8
8
  const initWindowSize = options?.initWindowSize ?? DEFAULT_INIT_WINDOW_SIZE;
@@ -132,4 +132,4 @@ function useFixedWindowList(elementRef, itemHeight, totalItems, options) {
132
132
  export {
133
133
  useFixedWindowList as default
134
134
  };
135
- //# sourceMappingURL=index.js.map
135
+ //# sourceMappingURL=index.mjs.map
@@ -1,7 +1,7 @@
1
1
  // packages/compose/src/hooks/use-focus-on-mount/index.js
2
2
  import { useRef, useEffect } from "@wordpress/element";
3
3
  import { focus } from "@wordpress/dom";
4
- import useRefEffect from "../use-ref-effect/index.js";
4
+ import useRefEffect from "../use-ref-effect/index.mjs";
5
5
  function useFocusOnMount(focusOnMount = "firstElement") {
6
6
  const focusOnMountRef = useRef(focusOnMount);
7
7
  const setFocus = (target) => {
@@ -55,4 +55,4 @@ function useFocusOnMount(focusOnMount = "firstElement") {
55
55
  export {
56
56
  useFocusOnMount as default
57
57
  };
58
- //# sourceMappingURL=index.js.map
58
+ //# sourceMappingURL=index.mjs.map
@@ -73,4 +73,4 @@ function useFocusOutside(onFocusOutside) {
73
73
  export {
74
74
  useFocusOutside as default
75
75
  };
76
- //# sourceMappingURL=index.js.map
76
+ //# sourceMappingURL=index.mjs.map
@@ -37,4 +37,4 @@ var use_focus_return_default = useFocusReturn;
37
37
  export {
38
38
  use_focus_return_default as default
39
39
  };
40
- //# sourceMappingURL=index.js.map
40
+ //# sourceMappingURL=index.mjs.map
@@ -1,5 +1,5 @@
1
1
  // packages/compose/src/hooks/use-focusable-iframe/index.ts
2
- import useRefEffect from "../use-ref-effect/index.js";
2
+ import useRefEffect from "../use-ref-effect/index.mjs";
3
3
  function useFocusableIframe() {
4
4
  return useRefEffect((element) => {
5
5
  const { ownerDocument } = element;
@@ -24,4 +24,4 @@ function useFocusableIframe() {
24
24
  export {
25
25
  useFocusableIframe as default
26
26
  };
27
- //# sourceMappingURL=index.js.map
27
+ //# sourceMappingURL=index.mjs.map
@@ -19,4 +19,4 @@ var use_instance_id_default = useInstanceId;
19
19
  export {
20
20
  use_instance_id_default as default
21
21
  };
22
- //# sourceMappingURL=index.js.map
22
+ //# sourceMappingURL=index.mjs.map
@@ -5,4 +5,4 @@ var use_isomorphic_layout_effect_default = useIsomorphicLayoutEffect;
5
5
  export {
6
6
  use_isomorphic_layout_effect_default as default
7
7
  };
8
- //# sourceMappingURL=index.js.map
8
+ //# sourceMappingURL=index.mjs.map
@@ -1,6 +1,6 @@
1
1
  // packages/compose/src/hooks/use-keyboard-shortcut/index.js
2
2
  import Mousetrap from "mousetrap";
3
- import "mousetrap/plugins/global-bind/mousetrap-global-bind";
3
+ import "mousetrap/plugins/global-bind/mousetrap-global-bind.js";
4
4
  import { useEffect, useRef } from "@wordpress/element";
5
5
  import { isAppleOS } from "@wordpress/keycodes";
6
6
  function useKeyboardShortcut(shortcuts, callback, {
@@ -57,4 +57,4 @@ var use_keyboard_shortcut_default = useKeyboardShortcut;
57
57
  export {
58
58
  use_keyboard_shortcut_default as default
59
59
  };
60
- //# sourceMappingURL=index.js.map
60
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/hooks/use-keyboard-shortcut/index.js"],
4
+ "sourcesContent": ["/**\n * External dependencies\n */\nimport Mousetrap from 'mousetrap';\nimport 'mousetrap/plugins/global-bind/mousetrap-global-bind.js';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport { isAppleOS } from '@wordpress/keycodes';\n\n/**\n * A block selection object.\n *\n * @typedef {Object} WPKeyboardShortcutConfig\n *\n * @property {boolean} [bindGlobal] Handle keyboard events anywhere including inside textarea/input fields.\n * @property {string} [eventName] Event name used to trigger the handler, defaults to keydown.\n * @property {boolean} [isDisabled] Disables the keyboard handler if the value is true.\n * @property {import('react').RefObject<HTMLElement>} [target] React reference to the DOM element used to catch the keyboard event.\n */\n\n/**\n * Attach a keyboard shortcut handler.\n *\n * @see https://craig.is/killing/mice#api.bind for information about the `callback` parameter.\n *\n * @param {string[]|string} shortcuts Keyboard Shortcuts.\n * @param {(e: import('mousetrap').ExtendedKeyboardEvent, combo: string) => void} callback Shortcut callback.\n * @param {WPKeyboardShortcutConfig} options Shortcut options.\n */\nfunction useKeyboardShortcut(\n\tshortcuts,\n\tcallback,\n\t{\n\t\tbindGlobal = false,\n\t\teventName = 'keydown',\n\t\tisDisabled = false, // This is important for performance considerations.\n\t\ttarget,\n\t} = {}\n) {\n\tconst currentCallbackRef = useRef( callback );\n\tuseEffect( () => {\n\t\tcurrentCallbackRef.current = callback;\n\t}, [ callback ] );\n\n\tuseEffect( () => {\n\t\tif ( isDisabled ) {\n\t\t\treturn;\n\t\t}\n\t\tconst mousetrap = new Mousetrap(\n\t\t\ttarget && target.current\n\t\t\t\t? target.current\n\t\t\t\t: // We were passing `document` here previously, so to successfully cast it to Element we must cast it first to `unknown`.\n\t\t\t\t // Not sure if this is a mistake but it was the behavior previous to the addition of types so we're just doing what's\n\t\t\t\t // necessary to maintain the existing behavior.\n\t\t\t\t /** @type {Element} */ ( /** @type {unknown} */ ( document ) )\n\t\t);\n\t\tconst shortcutsArray = Array.isArray( shortcuts )\n\t\t\t? shortcuts\n\t\t\t: [ shortcuts ];\n\t\tshortcutsArray.forEach( ( shortcut ) => {\n\t\t\tconst keys = shortcut.split( '+' );\n\t\t\t// Determines whether a key is a modifier by the length of the string.\n\t\t\t// E.g. if I add a pass a shortcut Shift+Cmd+M, it'll determine that\n\t\t\t// the modifiers are Shift and Cmd because they're not a single character.\n\t\t\tconst modifiers = new Set(\n\t\t\t\tkeys.filter( ( value ) => value.length > 1 )\n\t\t\t);\n\t\t\tconst hasAlt = modifiers.has( 'alt' );\n\t\t\tconst hasShift = modifiers.has( 'shift' );\n\n\t\t\t// This should be better moved to the shortcut registration instead.\n\t\t\tif (\n\t\t\t\tisAppleOS() &&\n\t\t\t\t( ( modifiers.size === 1 && hasAlt ) ||\n\t\t\t\t\t( modifiers.size === 2 && hasAlt && hasShift ) )\n\t\t\t) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`Cannot bind ${ shortcut }. Alt and Shift+Alt modifiers are reserved for character input.`\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst bindFn = bindGlobal ? 'bindGlobal' : 'bind';\n\t\t\t// @ts-ignore `bindGlobal` is an undocumented property\n\t\t\tmousetrap[ bindFn ](\n\t\t\t\tshortcut,\n\t\t\t\t(\n\t\t\t\t\t/** @type {[e: import('mousetrap').ExtendedKeyboardEvent, combo: string]} */ ...args\n\t\t\t\t) => currentCallbackRef.current( ...args ),\n\t\t\t\teventName\n\t\t\t);\n\t\t} );\n\n\t\treturn () => {\n\t\t\tmousetrap.reset();\n\t\t};\n\t}, [ shortcuts, bindGlobal, eventName, target, isDisabled ] );\n}\n\nexport default useKeyboardShortcut;\n"],
5
+ "mappings": ";AAGA,OAAO,eAAe;AACtB,OAAO;AAKP,SAAS,WAAW,cAAc;AAClC,SAAS,iBAAiB;AAsB1B,SAAS,oBACR,WACA,UACA;AAAA,EACC,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA;AAAA,EACb;AACD,IAAI,CAAC,GACJ;AACD,QAAM,qBAAqB,OAAQ,QAAS;AAC5C,YAAW,MAAM;AAChB,uBAAmB,UAAU;AAAA,EAC9B,GAAG,CAAE,QAAS,CAAE;AAEhB,YAAW,MAAM;AAChB,QAAK,YAAa;AACjB;AAAA,IACD;AACA,UAAM,YAAY,IAAI;AAAA,MACrB,UAAU,OAAO,UACd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAI2C;AAAA;AAAA,IACtD;AACA,UAAM,iBAAiB,MAAM,QAAS,SAAU,IAC7C,YACA,CAAE,SAAU;AACf,mBAAe,QAAS,CAAE,aAAc;AACvC,YAAM,OAAO,SAAS,MAAO,GAAI;AAIjC,YAAM,YAAY,IAAI;AAAA,QACrB,KAAK,OAAQ,CAAE,UAAW,MAAM,SAAS,CAAE;AAAA,MAC5C;AACA,YAAM,SAAS,UAAU,IAAK,KAAM;AACpC,YAAM,WAAW,UAAU,IAAK,OAAQ;AAGxC,UACC,UAAU,MACN,UAAU,SAAS,KAAK,UACzB,UAAU,SAAS,KAAK,UAAU,WACpC;AACD,cAAM,IAAI;AAAA,UACT,eAAgB,QAAS;AAAA,QAC1B;AAAA,MACD;AAEA,YAAM,SAAS,aAAa,eAAe;AAE3C,gBAAW,MAAO;AAAA,QACjB;AAAA,QACA,IACiF,SAC5E,mBAAmB,QAAS,GAAG,IAAK;AAAA,QACzC;AAAA,MACD;AAAA,IACD,CAAE;AAEF,WAAO,MAAM;AACZ,gBAAU,MAAM;AAAA,IACjB;AAAA,EACD,GAAG,CAAE,WAAW,YAAY,WAAW,QAAQ,UAAW,CAAE;AAC7D;AAEA,IAAO,gCAAQ;",
6
+ "names": []
7
+ }
@@ -48,4 +48,4 @@ function useMediaQuery(query) {
48
48
  export {
49
49
  useMediaQuery as default
50
50
  };
51
- //# sourceMappingURL=index.js.map
51
+ //# sourceMappingURL=index.mjs.map
@@ -42,4 +42,4 @@ function useMergeRefs(refs) {
42
42
  export {
43
43
  useMergeRefs as default
44
44
  };
45
- //# sourceMappingURL=index.js.map
45
+ //# sourceMappingURL=index.mjs.map
@@ -13,4 +13,4 @@ function useObservableValue(map, name) {
13
13
  export {
14
14
  useObservableValue as default
15
15
  };
16
- //# sourceMappingURL=index.js.map
16
+ //# sourceMappingURL=index.mjs.map
@@ -10,4 +10,4 @@ function usePrevious(value) {
10
10
  export {
11
11
  usePrevious as default
12
12
  };
13
- //# sourceMappingURL=index.js.map
13
+ //# sourceMappingURL=index.mjs.map
@@ -1,8 +1,8 @@
1
1
  // packages/compose/src/hooks/use-reduced-motion/index.js
2
- import useMediaQuery from "../use-media-query/index.js";
2
+ import useMediaQuery from "../use-media-query/index.mjs";
3
3
  var useReducedMotion = () => useMediaQuery("(prefers-reduced-motion: reduce)");
4
4
  var use_reduced_motion_default = useReducedMotion;
5
5
  export {
6
6
  use_reduced_motion_default as default
7
7
  };
8
- //# sourceMappingURL=index.js.map
8
+ //# sourceMappingURL=index.mjs.map
@@ -13,4 +13,4 @@ function useRefEffect(callback, dependencies) {
13
13
  export {
14
14
  useRefEffect as default
15
15
  };
16
- //# sourceMappingURL=index.js.map
16
+ //# sourceMappingURL=index.mjs.map
@@ -1,10 +1,10 @@
1
1
  // packages/compose/src/hooks/use-resize-observer/index.ts
2
- import { useResizeObserver as _useResizeObserver } from "./use-resize-observer.js";
3
- import _useLegacyResizeObserver from "./legacy/index.js";
2
+ import { useResizeObserver as _useResizeObserver } from "./use-resize-observer.mjs";
3
+ import _useLegacyResizeObserver from "./legacy/index.mjs";
4
4
  function useResizeObserver(callback, options = {}) {
5
5
  return callback ? _useResizeObserver(callback, options) : _useLegacyResizeObserver();
6
6
  }
7
7
  export {
8
8
  useResizeObserver as default
9
9
  };
10
- //# sourceMappingURL=index.js.map
10
+ //# sourceMappingURL=index.mjs.map
@@ -1,6 +1,6 @@
1
1
  // packages/compose/src/hooks/use-resize-observer/legacy/index.tsx
2
2
  import { useCallback, useRef, useState } from "@wordpress/element";
3
- import { useResizeObserver } from "../use-resize-observer.js";
3
+ import { useResizeObserver } from "../use-resize-observer.mjs";
4
4
  import { jsx } from "react/jsx-runtime";
5
5
  var extractSize = (entry) => {
6
6
  let entrySize;
@@ -60,4 +60,4 @@ function useLegacyResizeObserver() {
60
60
  export {
61
61
  useLegacyResizeObserver as default
62
62
  };
63
- //# sourceMappingURL=index.js.map
63
+ //# sourceMappingURL=index.mjs.map
@@ -1,6 +1,6 @@
1
1
  // packages/compose/src/hooks/use-resize-observer/use-resize-observer.ts
2
2
  import { useRef } from "@wordpress/element";
3
- import useEvent from "../use-event/index.js";
3
+ import useEvent from "../use-event/index.mjs";
4
4
  function useResizeObserver(callback, resizeObserverOptions = {}) {
5
5
  const callbackEvent = useEvent(callback);
6
6
  const observedElementRef = useRef();
@@ -23,4 +23,4 @@ function useResizeObserver(callback, resizeObserverOptions = {}) {
23
23
  export {
24
24
  useResizeObserver
25
25
  };
26
- //# sourceMappingURL=use-resize-observer.js.map
26
+ //# sourceMappingURL=use-resize-observer.mjs.map
@@ -77,4 +77,4 @@ function useStateWithHistory(initialValue) {
77
77
  export {
78
78
  useStateWithHistory as default
79
79
  };
80
- //# sourceMappingURL=index.js.map
80
+ //# sourceMappingURL=index.mjs.map
@@ -1,7 +1,7 @@
1
1
  // packages/compose/src/hooks/use-throttle/index.js
2
2
  import { useMemoOne } from "use-memo-one";
3
3
  import { useEffect } from "@wordpress/element";
4
- import { throttle } from "../../utils/throttle/index.js";
4
+ import { throttle } from "../../utils/throttle/index.mjs";
5
5
  function useThrottle(fn, wait, options) {
6
6
  const throttled = useMemoOne(
7
7
  () => throttle(fn, wait ?? 0, options),
@@ -13,4 +13,4 @@ function useThrottle(fn, wait, options) {
13
13
  export {
14
14
  useThrottle as default
15
15
  };
16
- //# sourceMappingURL=index.js.map
16
+ //# sourceMappingURL=index.mjs.map
@@ -1,6 +1,6 @@
1
1
  // packages/compose/src/hooks/use-viewport-match/index.js
2
2
  import { createContext, useContext } from "@wordpress/element";
3
- import useMediaQuery from "../use-media-query/index.js";
3
+ import useMediaQuery from "../use-media-query/index.mjs";
4
4
  var BREAKPOINTS = {
5
5
  xhuge: 1920,
6
6
  huge: 1440,
@@ -41,4 +41,4 @@ var use_viewport_match_default = useViewportMatch;
41
41
  export {
42
42
  use_viewport_match_default as default
43
43
  };
44
- //# sourceMappingURL=index.js.map
44
+ //# sourceMappingURL=index.mjs.map
@@ -1,5 +1,5 @@
1
1
  // packages/compose/src/hooks/use-warn-on-change/index.js
2
- import usePrevious from "../use-previous/index.js";
2
+ import usePrevious from "../use-previous/index.mjs";
3
3
  function useWarnOnChange(object, prefix = "Change detection") {
4
4
  const previousValues = usePrevious(object);
5
5
  Object.entries(previousValues ?? []).forEach(([key, value]) => {
@@ -23,4 +23,4 @@ var use_warn_on_change_default = useWarnOnChange;
23
23
  export {
24
24
  use_warn_on_change_default as default
25
25
  };
26
- //# sourceMappingURL=index.js.map
26
+ //# sourceMappingURL=index.mjs.map
@@ -1,46 +1,46 @@
1
1
  // packages/compose/src/index.js
2
- export * from "./utils/create-higher-order-component/index.js";
3
- export * from "./utils/debounce/index.js";
4
- export * from "./utils/throttle/index.js";
5
- export * from "./utils/observable-map/index.js";
6
- import { default as default2 } from "./higher-order/compose.js";
7
- import { default as default3 } from "./higher-order/pipe.js";
8
- import { default as default4 } from "./higher-order/if-condition/index.js";
9
- import { default as default5 } from "./higher-order/pure/index.js";
10
- import { default as default6 } from "./higher-order/with-global-events/index.js";
11
- import { default as default7 } from "./higher-order/with-instance-id/index.js";
12
- import { default as default8 } from "./higher-order/with-safe-timeout/index.js";
13
- import { default as default9 } from "./higher-order/with-state/index.js";
14
- import { default as default10 } from "./hooks/use-constrained-tabbing/index.js";
15
- import { default as default11 } from "./hooks/use-copy-on-click/index.js";
16
- import { default as default12 } from "./hooks/use-copy-to-clipboard/index.js";
17
- import { default as default13 } from "./hooks/use-dialog/index.js";
18
- import { default as default14 } from "./hooks/use-disabled/index.js";
19
- import { default as default15 } from "./hooks/use-event/index.js";
20
- import { default as default16 } from "./hooks/use-dragging/index.js";
21
- import { default as default17 } from "./hooks/use-focus-on-mount/index.js";
22
- import { default as default18 } from "./hooks/use-focus-outside/index.js";
23
- import { default as default19 } from "./hooks/use-focus-return/index.js";
24
- import { default as default20 } from "./hooks/use-instance-id/index.js";
25
- import { default as default21 } from "./hooks/use-isomorphic-layout-effect/index.js";
26
- import { default as default22 } from "./hooks/use-keyboard-shortcut/index.js";
27
- import { default as default23 } from "./hooks/use-media-query/index.js";
28
- import { default as default24 } from "./hooks/use-previous/index.js";
29
- import { default as default25 } from "./hooks/use-reduced-motion/index.js";
30
- import { default as default26 } from "./hooks/use-state-with-history/index.js";
31
- import { default as default27 } from "./hooks/use-viewport-match/index.js";
32
- import { default as default28 } from "./hooks/use-resize-observer/index.js";
33
- import { default as default29 } from "./hooks/use-async-list/index.js";
34
- import { default as default30 } from "./hooks/use-warn-on-change/index.js";
35
- import { default as default31 } from "./hooks/use-debounce/index.js";
36
- import { default as default32 } from "./hooks/use-debounced-input/index.js";
37
- import { default as default33 } from "./hooks/use-throttle/index.js";
38
- import { default as default34 } from "./hooks/use-merge-refs/index.js";
39
- import { default as default35 } from "./hooks/use-ref-effect/index.js";
40
- import { default as default36 } from "./hooks/use-drop-zone/index.js";
41
- import { default as default37 } from "./hooks/use-focusable-iframe/index.js";
42
- import { default as default38 } from "./hooks/use-fixed-window-list/index.js";
43
- import { default as default39 } from "./hooks/use-observable-value/index.js";
2
+ export * from "./utils/create-higher-order-component/index.mjs";
3
+ export * from "./utils/debounce/index.mjs";
4
+ export * from "./utils/throttle/index.mjs";
5
+ export * from "./utils/observable-map/index.mjs";
6
+ import { default as default2 } from "./higher-order/compose.mjs";
7
+ import { default as default3 } from "./higher-order/pipe.mjs";
8
+ import { default as default4 } from "./higher-order/if-condition/index.mjs";
9
+ import { default as default5 } from "./higher-order/pure/index.mjs";
10
+ import { default as default6 } from "./higher-order/with-global-events/index.mjs";
11
+ import { default as default7 } from "./higher-order/with-instance-id/index.mjs";
12
+ import { default as default8 } from "./higher-order/with-safe-timeout/index.mjs";
13
+ import { default as default9 } from "./higher-order/with-state/index.mjs";
14
+ import { default as default10 } from "./hooks/use-constrained-tabbing/index.mjs";
15
+ import { default as default11 } from "./hooks/use-copy-on-click/index.mjs";
16
+ import { default as default12 } from "./hooks/use-copy-to-clipboard/index.mjs";
17
+ import { default as default13 } from "./hooks/use-dialog/index.mjs";
18
+ import { default as default14 } from "./hooks/use-disabled/index.mjs";
19
+ import { default as default15 } from "./hooks/use-event/index.mjs";
20
+ import { default as default16 } from "./hooks/use-dragging/index.mjs";
21
+ import { default as default17 } from "./hooks/use-focus-on-mount/index.mjs";
22
+ import { default as default18 } from "./hooks/use-focus-outside/index.mjs";
23
+ import { default as default19 } from "./hooks/use-focus-return/index.mjs";
24
+ import { default as default20 } from "./hooks/use-instance-id/index.mjs";
25
+ import { default as default21 } from "./hooks/use-isomorphic-layout-effect/index.mjs";
26
+ import { default as default22 } from "./hooks/use-keyboard-shortcut/index.mjs";
27
+ import { default as default23 } from "./hooks/use-media-query/index.mjs";
28
+ import { default as default24 } from "./hooks/use-previous/index.mjs";
29
+ import { default as default25 } from "./hooks/use-reduced-motion/index.mjs";
30
+ import { default as default26 } from "./hooks/use-state-with-history/index.mjs";
31
+ import { default as default27 } from "./hooks/use-viewport-match/index.mjs";
32
+ import { default as default28 } from "./hooks/use-resize-observer/index.mjs";
33
+ import { default as default29 } from "./hooks/use-async-list/index.mjs";
34
+ import { default as default30 } from "./hooks/use-warn-on-change/index.mjs";
35
+ import { default as default31 } from "./hooks/use-debounce/index.mjs";
36
+ import { default as default32 } from "./hooks/use-debounced-input/index.mjs";
37
+ import { default as default33 } from "./hooks/use-throttle/index.mjs";
38
+ import { default as default34 } from "./hooks/use-merge-refs/index.mjs";
39
+ import { default as default35 } from "./hooks/use-ref-effect/index.mjs";
40
+ import { default as default36 } from "./hooks/use-drop-zone/index.mjs";
41
+ import { default as default37 } from "./hooks/use-focusable-iframe/index.mjs";
42
+ import { default as default38 } from "./hooks/use-fixed-window-list/index.mjs";
43
+ import { default as default39 } from "./hooks/use-observable-value/index.mjs";
44
44
  export {
45
45
  default13 as __experimentalUseDialog,
46
46
  default16 as __experimentalUseDragging,
@@ -81,4 +81,4 @@ export {
81
81
  default8 as withSafeTimeout,
82
82
  default9 as withState
83
83
  };
84
- //# sourceMappingURL=index.js.map
84
+ //# sourceMappingURL=index.mjs.map
@@ -15,4 +15,4 @@ var hocName = (name, Inner) => {
15
15
  export {
16
16
  createHigherOrderComponent
17
17
  };
18
- //# sourceMappingURL=index.js.map
18
+ //# sourceMappingURL=index.mjs.map
@@ -113,4 +113,4 @@ var debounce = (func, wait, options) => {
113
113
  export {
114
114
  debounce
115
115
  };
116
- //# sourceMappingURL=index.js.map
116
+ //# sourceMappingURL=index.mjs.map
@@ -42,4 +42,4 @@ function observableMap() {
42
42
  export {
43
43
  observableMap
44
44
  };
45
- //# sourceMappingURL=index.js.map
45
+ //# sourceMappingURL=index.mjs.map
@@ -1,5 +1,5 @@
1
1
  // packages/compose/src/utils/throttle/index.ts
2
- import { debounce } from "../debounce/index.js";
2
+ import { debounce } from "../debounce/index.mjs";
3
3
  var throttle = (func, wait, options) => {
4
4
  let leading = true;
5
5
  let trailing = true;
@@ -16,4 +16,4 @@ var throttle = (func, wait, options) => {
16
16
  export {
17
17
  throttle
18
18
  };
19
- //# sourceMappingURL=index.js.map
19
+ //# sourceMappingURL=index.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/compose",
3
- "version": "7.36.1-next.8fd3f8831.0",
3
+ "version": "7.37.1-next.06ee73755.0",
4
4
  "description": "WordPress higher-order components (HOCs).",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -31,13 +31,12 @@
31
31
  "build-types",
32
32
  "*.md"
33
33
  ],
34
- "type": "module",
35
34
  "main": "build/index.cjs",
36
- "module": "build-module/index.js",
35
+ "module": "build-module/index.mjs",
37
36
  "exports": {
38
37
  ".": {
39
38
  "types": "./build-types/index.d.ts",
40
- "import": "./build-module/index.js",
39
+ "import": "./build-module/index.mjs",
41
40
  "require": "./build/index.cjs"
42
41
  },
43
42
  "./package.json": "./package.json"
@@ -48,23 +47,26 @@
48
47
  "sideEffects": false,
49
48
  "dependencies": {
50
49
  "@types/mousetrap": "^1.6.8",
51
- "@wordpress/deprecated": "^4.36.1-next.8fd3f8831.0",
52
- "@wordpress/dom": "^4.36.1-next.8fd3f8831.0",
53
- "@wordpress/element": "^6.36.1-next.8fd3f8831.0",
54
- "@wordpress/is-shallow-equal": "^5.36.1-next.8fd3f8831.0",
55
- "@wordpress/keycodes": "^4.36.1-next.8fd3f8831.0",
56
- "@wordpress/priority-queue": "^3.36.1-next.8fd3f8831.0",
57
- "@wordpress/undo-manager": "^1.36.1-next.8fd3f8831.0",
50
+ "@wordpress/deprecated": "^4.37.1-next.06ee73755.0",
51
+ "@wordpress/dom": "^4.37.1-next.06ee73755.0",
52
+ "@wordpress/element": "^6.37.1-next.06ee73755.0",
53
+ "@wordpress/is-shallow-equal": "^5.37.1-next.06ee73755.0",
54
+ "@wordpress/keycodes": "^4.38.1-next.06ee73755.0",
55
+ "@wordpress/priority-queue": "^3.37.1-next.06ee73755.0",
56
+ "@wordpress/undo-manager": "^1.37.1-next.06ee73755.0",
58
57
  "change-case": "^4.1.2",
59
58
  "clipboard": "^2.0.11",
60
59
  "mousetrap": "^1.6.5",
61
60
  "use-memo-one": "^1.1.1"
62
61
  },
62
+ "devDependencies": {
63
+ "mock-match-media": "0.4.2"
64
+ },
63
65
  "peerDependencies": {
64
66
  "react": "^18.0.0"
65
67
  },
66
68
  "publishConfig": {
67
69
  "access": "public"
68
70
  },
69
- "gitHead": "e582b351bc4c4b8734bb087f63a3beec9875c3c7"
71
+ "gitHead": "fd315436f44683a993d5f053789b5279d95b2872"
70
72
  }
@@ -2,7 +2,7 @@
2
2
  * External dependencies
3
3
  */
4
4
  import Mousetrap from 'mousetrap';
5
- import 'mousetrap/plugins/global-bind/mousetrap-global-bind';
5
+ import 'mousetrap/plugins/global-bind/mousetrap-global-bind.js';
6
6
 
7
7
  /**
8
8
  * WordPress dependencies
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/hooks/use-keyboard-shortcut/index.js"],
4
- "sourcesContent": ["/**\n * External dependencies\n */\nimport Mousetrap from 'mousetrap';\nimport 'mousetrap/plugins/global-bind/mousetrap-global-bind';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport { isAppleOS } from '@wordpress/keycodes';\n\n/**\n * A block selection object.\n *\n * @typedef {Object} WPKeyboardShortcutConfig\n *\n * @property {boolean} [bindGlobal] Handle keyboard events anywhere including inside textarea/input fields.\n * @property {string} [eventName] Event name used to trigger the handler, defaults to keydown.\n * @property {boolean} [isDisabled] Disables the keyboard handler if the value is true.\n * @property {import('react').RefObject<HTMLElement>} [target] React reference to the DOM element used to catch the keyboard event.\n */\n\n/**\n * Attach a keyboard shortcut handler.\n *\n * @see https://craig.is/killing/mice#api.bind for information about the `callback` parameter.\n *\n * @param {string[]|string} shortcuts Keyboard Shortcuts.\n * @param {(e: import('mousetrap').ExtendedKeyboardEvent, combo: string) => void} callback Shortcut callback.\n * @param {WPKeyboardShortcutConfig} options Shortcut options.\n */\nfunction useKeyboardShortcut(\n\tshortcuts,\n\tcallback,\n\t{\n\t\tbindGlobal = false,\n\t\teventName = 'keydown',\n\t\tisDisabled = false, // This is important for performance considerations.\n\t\ttarget,\n\t} = {}\n) {\n\tconst currentCallbackRef = useRef( callback );\n\tuseEffect( () => {\n\t\tcurrentCallbackRef.current = callback;\n\t}, [ callback ] );\n\n\tuseEffect( () => {\n\t\tif ( isDisabled ) {\n\t\t\treturn;\n\t\t}\n\t\tconst mousetrap = new Mousetrap(\n\t\t\ttarget && target.current\n\t\t\t\t? target.current\n\t\t\t\t: // We were passing `document` here previously, so to successfully cast it to Element we must cast it first to `unknown`.\n\t\t\t\t // Not sure if this is a mistake but it was the behavior previous to the addition of types so we're just doing what's\n\t\t\t\t // necessary to maintain the existing behavior.\n\t\t\t\t /** @type {Element} */ ( /** @type {unknown} */ ( document ) )\n\t\t);\n\t\tconst shortcutsArray = Array.isArray( shortcuts )\n\t\t\t? shortcuts\n\t\t\t: [ shortcuts ];\n\t\tshortcutsArray.forEach( ( shortcut ) => {\n\t\t\tconst keys = shortcut.split( '+' );\n\t\t\t// Determines whether a key is a modifier by the length of the string.\n\t\t\t// E.g. if I add a pass a shortcut Shift+Cmd+M, it'll determine that\n\t\t\t// the modifiers are Shift and Cmd because they're not a single character.\n\t\t\tconst modifiers = new Set(\n\t\t\t\tkeys.filter( ( value ) => value.length > 1 )\n\t\t\t);\n\t\t\tconst hasAlt = modifiers.has( 'alt' );\n\t\t\tconst hasShift = modifiers.has( 'shift' );\n\n\t\t\t// This should be better moved to the shortcut registration instead.\n\t\t\tif (\n\t\t\t\tisAppleOS() &&\n\t\t\t\t( ( modifiers.size === 1 && hasAlt ) ||\n\t\t\t\t\t( modifiers.size === 2 && hasAlt && hasShift ) )\n\t\t\t) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`Cannot bind ${ shortcut }. Alt and Shift+Alt modifiers are reserved for character input.`\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst bindFn = bindGlobal ? 'bindGlobal' : 'bind';\n\t\t\t// @ts-ignore `bindGlobal` is an undocumented property\n\t\t\tmousetrap[ bindFn ](\n\t\t\t\tshortcut,\n\t\t\t\t(\n\t\t\t\t\t/** @type {[e: import('mousetrap').ExtendedKeyboardEvent, combo: string]} */ ...args\n\t\t\t\t) => currentCallbackRef.current( ...args ),\n\t\t\t\teventName\n\t\t\t);\n\t\t} );\n\n\t\treturn () => {\n\t\t\tmousetrap.reset();\n\t\t};\n\t}, [ shortcuts, bindGlobal, eventName, target, isDisabled ] );\n}\n\nexport default useKeyboardShortcut;\n"],
5
- "mappings": ";AAGA,OAAO,eAAe;AACtB,OAAO;AAKP,SAAS,WAAW,cAAc;AAClC,SAAS,iBAAiB;AAsB1B,SAAS,oBACR,WACA,UACA;AAAA,EACC,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA;AAAA,EACb;AACD,IAAI,CAAC,GACJ;AACD,QAAM,qBAAqB,OAAQ,QAAS;AAC5C,YAAW,MAAM;AAChB,uBAAmB,UAAU;AAAA,EAC9B,GAAG,CAAE,QAAS,CAAE;AAEhB,YAAW,MAAM;AAChB,QAAK,YAAa;AACjB;AAAA,IACD;AACA,UAAM,YAAY,IAAI;AAAA,MACrB,UAAU,OAAO,UACd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAI2C;AAAA;AAAA,IACtD;AACA,UAAM,iBAAiB,MAAM,QAAS,SAAU,IAC7C,YACA,CAAE,SAAU;AACf,mBAAe,QAAS,CAAE,aAAc;AACvC,YAAM,OAAO,SAAS,MAAO,GAAI;AAIjC,YAAM,YAAY,IAAI;AAAA,QACrB,KAAK,OAAQ,CAAE,UAAW,MAAM,SAAS,CAAE;AAAA,MAC5C;AACA,YAAM,SAAS,UAAU,IAAK,KAAM;AACpC,YAAM,WAAW,UAAU,IAAK,OAAQ;AAGxC,UACC,UAAU,MACN,UAAU,SAAS,KAAK,UACzB,UAAU,SAAS,KAAK,UAAU,WACpC;AACD,cAAM,IAAI;AAAA,UACT,eAAgB,QAAS;AAAA,QAC1B;AAAA,MACD;AAEA,YAAM,SAAS,aAAa,eAAe;AAE3C,gBAAW,MAAO;AAAA,QACjB;AAAA,QACA,IACiF,SAC5E,mBAAmB,QAAS,GAAG,IAAK;AAAA,QACzC;AAAA,MACD;AAAA,IACD,CAAE;AAEF,WAAO,MAAM;AACZ,gBAAU,MAAM;AAAA,IACjB;AAAA,EACD,GAAG,CAAE,WAAW,YAAY,WAAW,QAAQ,UAAW,CAAE;AAC7D;AAEA,IAAO,gCAAQ;",
6
- "names": []
7
- }
File without changes