@wordpress/compose 5.0.5 → 5.1.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 (133) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/LICENSE.md +1 -1
  3. package/README.md +4 -16
  4. package/build/higher-order/if-condition/index.js.map +1 -1
  5. package/build/higher-order/pure/index.js +1 -1
  6. package/build/higher-order/pure/index.js.map +1 -1
  7. package/build/higher-order/with-global-events/index.js +5 -2
  8. package/build/higher-order/with-global-events/index.js.map +1 -1
  9. package/build/higher-order/with-instance-id/index.js +2 -6
  10. package/build/higher-order/with-instance-id/index.js.map +1 -1
  11. package/build/higher-order/with-safe-timeout/index.js.map +1 -1
  12. package/build/higher-order/with-state/index.js +3 -1
  13. package/build/higher-order/with-state/index.js.map +1 -1
  14. package/build/hooks/use-async-list/index.js +4 -3
  15. package/build/hooks/use-async-list/index.js.map +1 -1
  16. package/build/hooks/use-constrained-tabbing/index.js +2 -2
  17. package/build/hooks/use-constrained-tabbing/index.js.map +1 -1
  18. package/build/hooks/use-copy-on-click/index.js +9 -7
  19. package/build/hooks/use-copy-on-click/index.js.map +1 -1
  20. package/build/hooks/use-copy-to-clipboard/index.js +4 -3
  21. package/build/hooks/use-copy-to-clipboard/index.js.map +1 -1
  22. package/build/hooks/use-dialog/index.js +2 -2
  23. package/build/hooks/use-dialog/index.js.map +1 -1
  24. package/build/hooks/use-disabled/index.js +114 -0
  25. package/build/hooks/use-disabled/index.js.map +1 -0
  26. package/build/hooks/use-dragging/index.js +12 -11
  27. package/build/hooks/use-dragging/index.js.map +1 -1
  28. package/build/hooks/use-drop-zone/index.js +10 -9
  29. package/build/hooks/use-drop-zone/index.js.map +1 -1
  30. package/build/hooks/use-fixed-window-list/index.js +8 -8
  31. package/build/hooks/use-fixed-window-list/index.js.map +1 -1
  32. package/build/hooks/use-focus-on-mount/index.js +2 -1
  33. package/build/hooks/use-focus-on-mount/index.js.map +1 -1
  34. package/build/hooks/use-instance-id/index.js +2 -1
  35. package/build/hooks/use-instance-id/index.js.map +1 -1
  36. package/build/hooks/use-keyboard-shortcut/index.js +17 -15
  37. package/build/hooks/use-keyboard-shortcut/index.js.map +1 -1
  38. package/build/hooks/use-preferred-color-scheme/index.android.js +4 -3
  39. package/build/hooks/use-preferred-color-scheme/index.android.js.map +1 -1
  40. package/build/hooks/use-ref-effect/index.js +0 -1
  41. package/build/hooks/use-ref-effect/index.js.map +1 -1
  42. package/build/hooks/use-resize-observer/index.native.js +4 -3
  43. package/build/hooks/use-resize-observer/index.native.js.map +1 -1
  44. package/build/hooks/use-viewport-match/index.js +2 -1
  45. package/build/hooks/use-viewport-match/index.js.map +1 -1
  46. package/build/hooks/use-warn-on-change/index.js +5 -2
  47. package/build/hooks/use-warn-on-change/index.js.map +1 -1
  48. package/build/index.js +64 -56
  49. package/build/index.js.map +1 -1
  50. package/build/index.native.js +46 -46
  51. package/build/utils/create-higher-order-component/index.js +2 -2
  52. package/build/utils/create-higher-order-component/index.js.map +1 -1
  53. package/build-module/higher-order/if-condition/index.js +1 -1
  54. package/build-module/higher-order/if-condition/index.js.map +1 -1
  55. package/build-module/higher-order/pure/index.js +4 -1
  56. package/build-module/higher-order/pure/index.js.map +1 -1
  57. package/build-module/higher-order/with-global-events/index.js +5 -2
  58. package/build-module/higher-order/with-global-events/index.js.map +1 -1
  59. package/build-module/higher-order/with-instance-id/index.js +2 -6
  60. package/build-module/higher-order/with-instance-id/index.js.map +1 -1
  61. package/build-module/higher-order/with-safe-timeout/index.js +9 -1
  62. package/build-module/higher-order/with-safe-timeout/index.js.map +1 -1
  63. package/build-module/higher-order/with-state/index.js +3 -1
  64. package/build-module/higher-order/with-state/index.js.map +1 -1
  65. package/build-module/hooks/use-async-list/index.js +4 -3
  66. package/build-module/hooks/use-async-list/index.js.map +1 -1
  67. package/build-module/hooks/use-constrained-tabbing/index.js +2 -2
  68. package/build-module/hooks/use-constrained-tabbing/index.js.map +1 -1
  69. package/build-module/hooks/use-copy-on-click/index.js +9 -7
  70. package/build-module/hooks/use-copy-on-click/index.js.map +1 -1
  71. package/build-module/hooks/use-copy-to-clipboard/index.js +4 -3
  72. package/build-module/hooks/use-copy-to-clipboard/index.js.map +1 -1
  73. package/build-module/hooks/use-dialog/index.js +2 -2
  74. package/build-module/hooks/use-dialog/index.js.map +1 -1
  75. package/build-module/hooks/use-disabled/index.js +104 -0
  76. package/build-module/hooks/use-disabled/index.js.map +1 -0
  77. package/build-module/hooks/use-dragging/index.js +12 -11
  78. package/build-module/hooks/use-dragging/index.js.map +1 -1
  79. package/build-module/hooks/use-drop-zone/index.js +10 -9
  80. package/build-module/hooks/use-drop-zone/index.js.map +1 -1
  81. package/build-module/hooks/use-fixed-window-list/index.js +8 -8
  82. package/build-module/hooks/use-fixed-window-list/index.js.map +1 -1
  83. package/build-module/hooks/use-focus-on-mount/index.js +2 -1
  84. package/build-module/hooks/use-focus-on-mount/index.js.map +1 -1
  85. package/build-module/hooks/use-instance-id/index.js +2 -1
  86. package/build-module/hooks/use-instance-id/index.js.map +1 -1
  87. package/build-module/hooks/use-keyboard-shortcut/index.js +17 -15
  88. package/build-module/hooks/use-keyboard-shortcut/index.js.map +1 -1
  89. package/build-module/hooks/use-preferred-color-scheme/index.android.js +4 -3
  90. package/build-module/hooks/use-preferred-color-scheme/index.android.js.map +1 -1
  91. package/build-module/hooks/use-ref-effect/index.js +0 -1
  92. package/build-module/hooks/use-ref-effect/index.js.map +1 -1
  93. package/build-module/hooks/use-resize-observer/index.native.js +4 -3
  94. package/build-module/hooks/use-resize-observer/index.native.js.map +1 -1
  95. package/build-module/hooks/use-viewport-match/index.js +2 -1
  96. package/build-module/hooks/use-viewport-match/index.js.map +1 -1
  97. package/build-module/hooks/use-warn-on-change/index.js +5 -2
  98. package/build-module/hooks/use-warn-on-change/index.js.map +1 -1
  99. package/build-module/index.js +1 -0
  100. package/build-module/index.js.map +1 -1
  101. package/build-module/utils/create-higher-order-component/index.js +3 -3
  102. package/build-module/utils/create-higher-order-component/index.js.map +1 -1
  103. package/build-types/higher-order/if-condition/index.d.ts +2 -2
  104. package/build-types/higher-order/if-condition/index.d.ts.map +1 -1
  105. package/build-types/higher-order/pure/index.d.ts +6 -3
  106. package/build-types/higher-order/pure/index.d.ts.map +1 -1
  107. package/build-types/higher-order/with-global-events/index.d.ts.map +1 -1
  108. package/build-types/higher-order/with-instance-id/index.d.ts +3 -3
  109. package/build-types/higher-order/with-instance-id/index.d.ts.map +1 -1
  110. package/build-types/higher-order/with-safe-timeout/index.d.ts +2 -2
  111. package/build-types/higher-order/with-safe-timeout/index.d.ts.map +1 -1
  112. package/build-types/higher-order/with-state/index.d.ts.map +1 -1
  113. package/build-types/hooks/use-copy-on-click/index.d.ts.map +1 -1
  114. package/build-types/hooks/use-disabled/index.d.ts +23 -0
  115. package/build-types/hooks/use-disabled/index.d.ts.map +1 -0
  116. package/build-types/hooks/use-ref-effect/index.d.ts.map +1 -1
  117. package/build-types/index.d.ts +1 -0
  118. package/build-types/utils/create-higher-order-component/index.d.ts +4 -6
  119. package/build-types/utils/create-higher-order-component/index.d.ts.map +1 -1
  120. package/package.json +12 -9
  121. package/src/higher-order/if-condition/index.tsx +5 -6
  122. package/src/higher-order/pure/index.tsx +5 -5
  123. package/src/higher-order/with-global-events/index.js +1 -0
  124. package/src/higher-order/with-instance-id/index.tsx +8 -24
  125. package/src/higher-order/with-safe-timeout/index.tsx +5 -6
  126. package/src/higher-order/with-state/index.js +1 -0
  127. package/src/hooks/use-copy-on-click/index.js +1 -2
  128. package/src/hooks/use-disabled/index.js +113 -0
  129. package/src/hooks/use-disabled/test/index.js +92 -0
  130. package/src/hooks/use-ref-effect/index.ts +0 -1
  131. package/src/index.js +1 -0
  132. package/src/utils/create-higher-order-component/index.ts +15 -21
  133. package/tsconfig.tsbuildinfo +1 -1
package/build/index.js CHANGED
@@ -5,52 +5,70 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- Object.defineProperty(exports, "createHigherOrderComponent", {
8
+ Object.defineProperty(exports, "__experimentalUseDialog", {
9
9
  enumerable: true,
10
10
  get: function () {
11
- return _createHigherOrderComponent.default;
11
+ return _useDialog.default;
12
12
  }
13
13
  });
14
- Object.defineProperty(exports, "compose", {
14
+ Object.defineProperty(exports, "__experimentalUseDisabled", {
15
15
  enumerable: true,
16
16
  get: function () {
17
- return _compose.default;
17
+ return _useDisabled.default;
18
18
  }
19
19
  });
20
- Object.defineProperty(exports, "ifCondition", {
20
+ Object.defineProperty(exports, "__experimentalUseDragging", {
21
21
  enumerable: true,
22
22
  get: function () {
23
- return _ifCondition.default;
23
+ return _useDragging.default;
24
24
  }
25
25
  });
26
- Object.defineProperty(exports, "pure", {
26
+ Object.defineProperty(exports, "__experimentalUseDropZone", {
27
27
  enumerable: true,
28
28
  get: function () {
29
- return _pure.default;
29
+ return _useDropZone.default;
30
30
  }
31
31
  });
32
- Object.defineProperty(exports, "withGlobalEvents", {
32
+ Object.defineProperty(exports, "__experimentalUseFixedWindowList", {
33
33
  enumerable: true,
34
34
  get: function () {
35
- return _withGlobalEvents.default;
35
+ return _useFixedWindowList.default;
36
36
  }
37
37
  });
38
- Object.defineProperty(exports, "withInstanceId", {
38
+ Object.defineProperty(exports, "__experimentalUseFocusOutside", {
39
39
  enumerable: true,
40
40
  get: function () {
41
- return _withInstanceId.default;
41
+ return _useFocusOutside.default;
42
42
  }
43
43
  });
44
- Object.defineProperty(exports, "withSafeTimeout", {
44
+ Object.defineProperty(exports, "compose", {
45
45
  enumerable: true,
46
46
  get: function () {
47
- return _withSafeTimeout.default;
47
+ return _compose.default;
48
48
  }
49
49
  });
50
- Object.defineProperty(exports, "withState", {
50
+ Object.defineProperty(exports, "createHigherOrderComponent", {
51
51
  enumerable: true,
52
52
  get: function () {
53
- return _withState.default;
53
+ return _createHigherOrderComponent.default;
54
+ }
55
+ });
56
+ Object.defineProperty(exports, "ifCondition", {
57
+ enumerable: true,
58
+ get: function () {
59
+ return _ifCondition.default;
60
+ }
61
+ });
62
+ Object.defineProperty(exports, "pure", {
63
+ enumerable: true,
64
+ get: function () {
65
+ return _pure.default;
66
+ }
67
+ });
68
+ Object.defineProperty(exports, "useAsyncList", {
69
+ enumerable: true,
70
+ get: function () {
71
+ return _useAsyncList.default;
54
72
  }
55
73
  });
56
74
  Object.defineProperty(exports, "useConstrainedTabbing", {
@@ -71,16 +89,10 @@ Object.defineProperty(exports, "useCopyToClipboard", {
71
89
  return _useCopyToClipboard.default;
72
90
  }
73
91
  });
74
- Object.defineProperty(exports, "__experimentalUseDialog", {
75
- enumerable: true,
76
- get: function () {
77
- return _useDialog.default;
78
- }
79
- });
80
- Object.defineProperty(exports, "__experimentalUseDragging", {
92
+ Object.defineProperty(exports, "useDebounce", {
81
93
  enumerable: true,
82
94
  get: function () {
83
- return _useDragging.default;
95
+ return _useDebounce.default;
84
96
  }
85
97
  });
86
98
  Object.defineProperty(exports, "useFocusOnMount", {
@@ -89,16 +101,16 @@ Object.defineProperty(exports, "useFocusOnMount", {
89
101
  return _useFocusOnMount.default;
90
102
  }
91
103
  });
92
- Object.defineProperty(exports, "__experimentalUseFocusOutside", {
104
+ Object.defineProperty(exports, "useFocusReturn", {
93
105
  enumerable: true,
94
106
  get: function () {
95
- return _useFocusOutside.default;
107
+ return _useFocusReturn.default;
96
108
  }
97
109
  });
98
- Object.defineProperty(exports, "useFocusReturn", {
110
+ Object.defineProperty(exports, "useFocusableIframe", {
99
111
  enumerable: true,
100
112
  get: function () {
101
- return _useFocusReturn.default;
113
+ return _useFocusableIframe.default;
102
114
  }
103
115
  });
104
116
  Object.defineProperty(exports, "useInstanceId", {
@@ -125,6 +137,12 @@ Object.defineProperty(exports, "useMediaQuery", {
125
137
  return _useMediaQuery.default;
126
138
  }
127
139
  });
140
+ Object.defineProperty(exports, "useMergeRefs", {
141
+ enumerable: true,
142
+ get: function () {
143
+ return _useMergeRefs.default;
144
+ }
145
+ });
128
146
  Object.defineProperty(exports, "usePrevious", {
129
147
  enumerable: true,
130
148
  get: function () {
@@ -137,10 +155,10 @@ Object.defineProperty(exports, "useReducedMotion", {
137
155
  return _useReducedMotion.default;
138
156
  }
139
157
  });
140
- Object.defineProperty(exports, "useViewportMatch", {
158
+ Object.defineProperty(exports, "useRefEffect", {
141
159
  enumerable: true,
142
160
  get: function () {
143
- return _useViewportMatch.default;
161
+ return _useRefEffect.default;
144
162
  }
145
163
  });
146
164
  Object.defineProperty(exports, "useResizeObserver", {
@@ -149,58 +167,46 @@ Object.defineProperty(exports, "useResizeObserver", {
149
167
  return _useResizeObserver.default;
150
168
  }
151
169
  });
152
- Object.defineProperty(exports, "useAsyncList", {
153
- enumerable: true,
154
- get: function () {
155
- return _useAsyncList.default;
156
- }
157
- });
158
- Object.defineProperty(exports, "useWarnOnChange", {
159
- enumerable: true,
160
- get: function () {
161
- return _useWarnOnChange.default;
162
- }
163
- });
164
- Object.defineProperty(exports, "useDebounce", {
170
+ Object.defineProperty(exports, "useThrottle", {
165
171
  enumerable: true,
166
172
  get: function () {
167
- return _useDebounce.default;
173
+ return _useThrottle.default;
168
174
  }
169
175
  });
170
- Object.defineProperty(exports, "useThrottle", {
176
+ Object.defineProperty(exports, "useViewportMatch", {
171
177
  enumerable: true,
172
178
  get: function () {
173
- return _useThrottle.default;
179
+ return _useViewportMatch.default;
174
180
  }
175
181
  });
176
- Object.defineProperty(exports, "useMergeRefs", {
182
+ Object.defineProperty(exports, "useWarnOnChange", {
177
183
  enumerable: true,
178
184
  get: function () {
179
- return _useMergeRefs.default;
185
+ return _useWarnOnChange.default;
180
186
  }
181
187
  });
182
- Object.defineProperty(exports, "useRefEffect", {
188
+ Object.defineProperty(exports, "withGlobalEvents", {
183
189
  enumerable: true,
184
190
  get: function () {
185
- return _useRefEffect.default;
191
+ return _withGlobalEvents.default;
186
192
  }
187
193
  });
188
- Object.defineProperty(exports, "__experimentalUseDropZone", {
194
+ Object.defineProperty(exports, "withInstanceId", {
189
195
  enumerable: true,
190
196
  get: function () {
191
- return _useDropZone.default;
197
+ return _withInstanceId.default;
192
198
  }
193
199
  });
194
- Object.defineProperty(exports, "useFocusableIframe", {
200
+ Object.defineProperty(exports, "withSafeTimeout", {
195
201
  enumerable: true,
196
202
  get: function () {
197
- return _useFocusableIframe.default;
203
+ return _withSafeTimeout.default;
198
204
  }
199
205
  });
200
- Object.defineProperty(exports, "__experimentalUseFixedWindowList", {
206
+ Object.defineProperty(exports, "withState", {
201
207
  enumerable: true,
202
208
  get: function () {
203
- return _useFixedWindowList.default;
209
+ return _withState.default;
204
210
  }
205
211
  });
206
212
 
@@ -228,6 +234,8 @@ var _useCopyToClipboard = _interopRequireDefault(require("./hooks/use-copy-to-cl
228
234
 
229
235
  var _useDialog = _interopRequireDefault(require("./hooks/use-dialog"));
230
236
 
237
+ var _useDisabled = _interopRequireDefault(require("./hooks/use-disabled"));
238
+
231
239
  var _useDragging = _interopRequireDefault(require("./hooks/use-dragging"));
232
240
 
233
241
  var _useFocusOnMount = _interopRequireDefault(require("./hooks/use-focus-on-mount"));
@@ -1 +1 @@
1
- {"version":3,"sources":["@wordpress/compose/src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AAGA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["// Utils\nexport { default as createHigherOrderComponent } from './utils/create-higher-order-component';\n\n// Compose helper (aliased flowRight from Lodash)\nexport { default as compose } from './higher-order/compose';\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 __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 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 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';\n"]}
1
+ {"version":3,"sources":["@wordpress/compose/src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AAGA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;;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","sourcesContent":["// Utils\nexport { default as createHigherOrderComponent } from './utils/create-higher-order-component';\n\n// Compose helper (aliased flowRight from Lodash)\nexport { default as compose } from './higher-order/compose';\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 __experimentalUseDisabled } from './hooks/use-disabled';\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 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 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';\n"]}
@@ -5,100 +5,100 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- Object.defineProperty(exports, "createHigherOrderComponent", {
8
+ Object.defineProperty(exports, "__experimentalUseDragging", {
9
9
  enumerable: true,
10
10
  get: function () {
11
- return _createHigherOrderComponent.default;
11
+ return _useDragging.default;
12
12
  }
13
13
  });
14
- Object.defineProperty(exports, "compose", {
14
+ Object.defineProperty(exports, "__experimentalUseFocusOutside", {
15
15
  enumerable: true,
16
16
  get: function () {
17
- return _compose.default;
17
+ return _useFocusOutside.default;
18
18
  }
19
19
  });
20
- Object.defineProperty(exports, "ifCondition", {
20
+ Object.defineProperty(exports, "compose", {
21
21
  enumerable: true,
22
22
  get: function () {
23
- return _ifCondition.default;
23
+ return _compose.default;
24
24
  }
25
25
  });
26
- Object.defineProperty(exports, "pure", {
26
+ Object.defineProperty(exports, "createHigherOrderComponent", {
27
27
  enumerable: true,
28
28
  get: function () {
29
- return _pure.default;
29
+ return _createHigherOrderComponent.default;
30
30
  }
31
31
  });
32
- Object.defineProperty(exports, "withGlobalEvents", {
32
+ Object.defineProperty(exports, "ifCondition", {
33
33
  enumerable: true,
34
34
  get: function () {
35
- return _withGlobalEvents.default;
35
+ return _ifCondition.default;
36
36
  }
37
37
  });
38
- Object.defineProperty(exports, "withInstanceId", {
38
+ Object.defineProperty(exports, "pure", {
39
39
  enumerable: true,
40
40
  get: function () {
41
- return _withInstanceId.default;
41
+ return _pure.default;
42
42
  }
43
43
  });
44
- Object.defineProperty(exports, "withSafeTimeout", {
44
+ Object.defineProperty(exports, "useAsyncList", {
45
45
  enumerable: true,
46
46
  get: function () {
47
- return _withSafeTimeout.default;
47
+ return _useAsyncList.default;
48
48
  }
49
49
  });
50
- Object.defineProperty(exports, "withState", {
50
+ Object.defineProperty(exports, "useConstrainedTabbing", {
51
51
  enumerable: true,
52
52
  get: function () {
53
- return _withState.default;
53
+ return _useConstrainedTabbing.default;
54
54
  }
55
55
  });
56
- Object.defineProperty(exports, "withPreferredColorScheme", {
56
+ Object.defineProperty(exports, "useDebounce", {
57
57
  enumerable: true,
58
58
  get: function () {
59
- return _withPreferredColorScheme.default;
59
+ return _useDebounce.default;
60
60
  }
61
61
  });
62
- Object.defineProperty(exports, "useConstrainedTabbing", {
62
+ Object.defineProperty(exports, "useInstanceId", {
63
63
  enumerable: true,
64
64
  get: function () {
65
- return _useConstrainedTabbing.default;
65
+ return _useInstanceId.default;
66
66
  }
67
67
  });
68
- Object.defineProperty(exports, "__experimentalUseDragging", {
68
+ Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
69
69
  enumerable: true,
70
70
  get: function () {
71
- return _useDragging.default;
71
+ return _useIsomorphicLayoutEffect.default;
72
72
  }
73
73
  });
74
- Object.defineProperty(exports, "__experimentalUseFocusOutside", {
74
+ Object.defineProperty(exports, "useKeyboardShortcut", {
75
75
  enumerable: true,
76
76
  get: function () {
77
- return _useFocusOutside.default;
77
+ return _useKeyboardShortcut.default;
78
78
  }
79
79
  });
80
- Object.defineProperty(exports, "useInstanceId", {
80
+ Object.defineProperty(exports, "useMediaQuery", {
81
81
  enumerable: true,
82
82
  get: function () {
83
- return _useInstanceId.default;
83
+ return _useMediaQuery.default;
84
84
  }
85
85
  });
86
- Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
86
+ Object.defineProperty(exports, "useMergeRefs", {
87
87
  enumerable: true,
88
88
  get: function () {
89
- return _useIsomorphicLayoutEffect.default;
89
+ return _useMergeRefs.default;
90
90
  }
91
91
  });
92
- Object.defineProperty(exports, "useKeyboardShortcut", {
92
+ Object.defineProperty(exports, "usePreferredColorScheme", {
93
93
  enumerable: true,
94
94
  get: function () {
95
- return _useKeyboardShortcut.default;
95
+ return _usePreferredColorScheme.default;
96
96
  }
97
97
  });
98
- Object.defineProperty(exports, "useMediaQuery", {
98
+ Object.defineProperty(exports, "usePreferredColorSchemeStyle", {
99
99
  enumerable: true,
100
100
  get: function () {
101
- return _useMediaQuery.default;
101
+ return _usePreferredColorSchemeStyle.default;
102
102
  }
103
103
  });
104
104
  Object.defineProperty(exports, "usePrevious", {
@@ -113,46 +113,46 @@ Object.defineProperty(exports, "useReducedMotion", {
113
113
  return _useReducedMotion.default;
114
114
  }
115
115
  });
116
- Object.defineProperty(exports, "useViewportMatch", {
116
+ Object.defineProperty(exports, "useResizeObserver", {
117
117
  enumerable: true,
118
118
  get: function () {
119
- return _useViewportMatch.default;
119
+ return _useResizeObserver.default;
120
120
  }
121
121
  });
122
- Object.defineProperty(exports, "useAsyncList", {
122
+ Object.defineProperty(exports, "useViewportMatch", {
123
123
  enumerable: true,
124
124
  get: function () {
125
- return _useAsyncList.default;
125
+ return _useViewportMatch.default;
126
126
  }
127
127
  });
128
- Object.defineProperty(exports, "usePreferredColorScheme", {
128
+ Object.defineProperty(exports, "withGlobalEvents", {
129
129
  enumerable: true,
130
130
  get: function () {
131
- return _usePreferredColorScheme.default;
131
+ return _withGlobalEvents.default;
132
132
  }
133
133
  });
134
- Object.defineProperty(exports, "usePreferredColorSchemeStyle", {
134
+ Object.defineProperty(exports, "withInstanceId", {
135
135
  enumerable: true,
136
136
  get: function () {
137
- return _usePreferredColorSchemeStyle.default;
137
+ return _withInstanceId.default;
138
138
  }
139
139
  });
140
- Object.defineProperty(exports, "useResizeObserver", {
140
+ Object.defineProperty(exports, "withPreferredColorScheme", {
141
141
  enumerable: true,
142
142
  get: function () {
143
- return _useResizeObserver.default;
143
+ return _withPreferredColorScheme.default;
144
144
  }
145
145
  });
146
- Object.defineProperty(exports, "useDebounce", {
146
+ Object.defineProperty(exports, "withSafeTimeout", {
147
147
  enumerable: true,
148
148
  get: function () {
149
- return _useDebounce.default;
149
+ return _withSafeTimeout.default;
150
150
  }
151
151
  });
152
- Object.defineProperty(exports, "useMergeRefs", {
152
+ Object.defineProperty(exports, "withState", {
153
153
  enumerable: true,
154
154
  get: function () {
155
- return _useMergeRefs.default;
155
+ return _withState.default;
156
156
  }
157
157
  });
158
158
 
@@ -15,8 +15,8 @@ var _lodash = require("lodash");
15
15
  * Given a function mapping a component to an enhanced component and modifier
16
16
  * name, returns the enhanced component augmented with a generated displayName.
17
17
  *
18
- * @param mapComponentToEnhancedComponent Function mapping component to enhanced component.
19
- * @param modifierName Seed name from which to generated display name.
18
+ * @param mapComponent Function mapping component to enhanced component.
19
+ * @param modifierName Seed name from which to generated display name.
20
20
  *
21
21
  * @return Component class with generated display name assigned.
22
22
  */
@@ -1 +1 @@
1
- {"version":3,"sources":["@wordpress/compose/src/utils/create-higher-order-component/index.ts"],"names":["createHigherOrderComponent","mapComponent","modifierName","Inner","Outer","displayName","name"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AA4BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,0BAAT,CACCC,YADD,EAECC,YAFD,EAGoD;AACnD,SAASC,KAAF,IAAa;AACnB,UAAMC,KAAK,GAAGH,YAAY,CAAEE,KAAF,CAA1B;AACA,UAAME,WAAW,GAAGF,KAAK,CAACE,WAAN,IAAqBF,KAAK,CAACG,IAA3B,IAAmC,WAAvD;AACAF,IAAAA,KAAK,CAACC,WAAN,GAAqB,GAAG,wBACvB,uBAAWH,YAAX,CADuB,CAErB,IAAIG,WAAa,GAFpB;AAGA,WAAOD,KAAP;AACA,GAPD;AAQA;;eACcJ,0B","sourcesContent":["/**\n * External dependencies\n */\nimport { camelCase, upperFirst } from 'lodash';\n// eslint-disable-next-line no-restricted-imports\nimport type { ComponentType } from 'react';\n\n/**\n * Higher order components can cause props to be obviated. For example a HOC that\n * injects i18n props will obviate the need for the i18n props to be passed to the component.\n *\n * If a HOC does not obviate the need for any specific props then we default to `{}` which\n * essentially subtracts 0 from the original props of the passed in component. An example\n * of this is the `pure` HOC which does not change the API surface of the component but\n * simply modifies the internals.\n */\nexport type HigherOrderComponent< TInnerProps, TOuterProps > = (\n\tInner: ComponentType< TInnerProps >\n) => ComponentType< TOuterProps >;\n\nexport type SimpleHigherOrderComponent = < TProps >(\n\tInner: ComponentType< TProps >\n) => ComponentType< TProps >;\n\nexport type PropInjectingHigherOrderComponent< TRemovedProps > = <\n\tTProps extends TRemovedProps\n>(\n\tInner: ComponentType< TProps >\n) => ComponentType< Omit< TProps, keyof TRemovedProps > >;\n\n/**\n * Given a function mapping a component to an enhanced component and modifier\n * name, returns the enhanced component augmented with a generated displayName.\n *\n * @param mapComponentToEnhancedComponent Function mapping component to enhanced component.\n * @param modifierName Seed name from which to generated display name.\n *\n * @return Component class with generated display name assigned.\n */\n\nfunction createHigherOrderComponent< TInnerProps, TOuterProps >(\n\tmapComponent: HigherOrderComponent< TInnerProps, TOuterProps >,\n\tmodifierName: string\n): HigherOrderComponent< TInnerProps, TOuterProps > {\n\treturn ( Inner ) => {\n\t\tconst Outer = mapComponent( Inner );\n\t\tconst displayName = Inner.displayName || Inner.name || 'Component';\n\t\tOuter.displayName = `${ upperFirst(\n\t\t\tcamelCase( modifierName )\n\t\t) }(${ displayName })`;\n\t\treturn Outer;\n\t};\n}\nexport default createHigherOrderComponent;\n"]}
1
+ {"version":3,"sources":["@wordpress/compose/src/utils/create-higher-order-component/index.ts"],"names":["createHigherOrderComponent","mapComponent","modifierName","Inner","Outer","displayName","name"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AAqBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,0BAAT,CAEGC,YAFH,EAEmDC,YAFnD,EAE0E;AACzE,SACCC,KADM,IAEF;AACJ,UAAMC,KAAK,GAAGH,YAAY,CAAEE,KAAF,CAA1B;AACA,UAAME,WAAW,GAAGF,KAAK,CAACE,WAAN,IAAqBF,KAAK,CAACG,IAA3B,IAAmC,WAAvD;AACAF,IAAAA,KAAK,CAACC,WAAN,GAAqB,GAAG,wBACvB,uBAAWH,YAAX,CADuB,CAErB,IAAIG,WAAa,GAFpB;AAGA,WAAOD,KAAP;AACA,GATD;AAUA;;eAEcJ,0B","sourcesContent":["/**\n * External dependencies\n */\nimport { camelCase, upperFirst } from 'lodash';\nimport type { ComponentType } from 'react';\n\n/**\n * Higher order components can cause props to be obviated. For example a HOC that\n * injects i18n props will obviate the need for the i18n props to be passed to the component.\n *\n * If a HOC does not obviate the need for any specific props then we default to `{}` which\n * essentially subtracts 0 from the original props of the passed in component. An example\n * of this is the `pure` HOC which does not change the API surface of the component but\n * simply modifies the internals.\n */\nexport type HigherOrderComponent< HOCProps extends Record< string, any > > = <\n\tInnerProps extends HOCProps\n>(\n\tInner: ComponentType< InnerProps >\n) => {} extends HOCProps\n\t? ComponentType< InnerProps >\n\t: ComponentType< Omit< InnerProps, keyof HOCProps > >;\n\n/**\n * Given a function mapping a component to an enhanced component and modifier\n * name, returns the enhanced component augmented with a generated displayName.\n *\n * @param mapComponent Function mapping component to enhanced component.\n * @param modifierName Seed name from which to generated display name.\n *\n * @return Component class with generated display name assigned.\n */\nfunction createHigherOrderComponent<\n\tHOCProps extends Record< string, any > = {}\n>( mapComponent: HigherOrderComponent< HOCProps >, modifierName: string ) {\n\treturn < InnerProps extends HOCProps >(\n\t\tInner: ComponentType< InnerProps >\n\t) => {\n\t\tconst Outer = mapComponent( Inner );\n\t\tconst displayName = Inner.displayName || Inner.name || 'Component';\n\t\tOuter.displayName = `${ upperFirst(\n\t\t\tcamelCase( modifierName )\n\t\t) }(${ displayName })`;\n\t\treturn Outer;\n\t};\n}\n\nexport default createHigherOrderComponent;\n"]}
@@ -4,7 +4,6 @@ import { createElement } from "@wordpress/element";
4
4
  * Internal dependencies
5
5
  */
6
6
  import createHigherOrderComponent from '../../utils/create-higher-order-component';
7
-
8
7
  /**
9
8
  * Higher-order component creator, creating a new component which renders if
10
9
  * the given condition is satisfied or with the given optional prop name.
@@ -22,6 +21,7 @@ import createHigherOrderComponent from '../../utils/create-higher-order-componen
22
21
  *
23
22
  * @return Higher-order component.
24
23
  */
24
+
25
25
  const ifCondition = predicate => createHigherOrderComponent(WrappedComponent => props => {
26
26
  if (!predicate(props)) {
27
27
  return null;
@@ -1 +1 @@
1
- {"version":3,"sources":["@wordpress/compose/src/higher-order/if-condition/index.tsx"],"names":["createHigherOrderComponent","ifCondition","predicate","WrappedComponent","props"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,0BAAP,MAAuC,2CAAvC;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAChBC,SADmB,IAGnBF,0BAA0B,CACvBG,gBAAF,IAA0BC,KAAF,IAAqB;AAC5C,MAAK,CAAEF,SAAS,CAAEE,KAAF,CAAhB,EAA4B;AAC3B,WAAO,IAAP;AACA;;AAED,SAAO,cAAC,gBAAD,EAAuBA,KAAvB,CAAP;AACA,CAPwB,EAQzB,aARyB,CAH3B;;AAcA,eAAeH,WAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport createHigherOrderComponent from '../../utils/create-higher-order-component';\nimport type { HigherOrderComponent } from '../../utils/create-higher-order-component';\n\n/**\n * Higher-order component creator, creating a new component which renders if\n * the given condition is satisfied or with the given optional prop name.\n *\n * @example\n * ```ts\n * type Props = { foo: string };\n * const Component = ( props: Props ) => <div>{ props.foo }</div>;\n * const ConditionalComponent = ifCondition( ( props: Props ) => props.foo.length !== 0 )( Component );\n * <ConditionalComponent foo=\"\" />; // => null\n * <ConditionalComponent foo=\"bar\" />; // => <div>bar</div>;\n * ```\n *\n * @param predicate Function to test condition.\n *\n * @return Higher-order component.\n */\nconst ifCondition = < TProps, >(\n\tpredicate: ( props: TProps ) => boolean\n): HigherOrderComponent< TProps, TProps > =>\n\tcreateHigherOrderComponent(\n\t\t( WrappedComponent ) => ( props: TProps ) => {\n\t\t\tif ( ! predicate( props ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\treturn <WrappedComponent { ...props } />;\n\t\t},\n\t\t'ifCondition'\n\t);\n\nexport default ifCondition;\n"]}
1
+ {"version":3,"sources":["@wordpress/compose/src/higher-order/if-condition/index.tsx"],"names":["createHigherOrderComponent","ifCondition","predicate","WrappedComponent","props"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,0BAAP,MAAuC,2CAAvC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,WAAW,GAChBC,SADmB,IAGnBF,0BAA0B,CACvBG,gBAAF,IAA0BC,KAAF,IAAa;AACpC,MAAK,CAAEF,SAAS,CAAEE,KAAF,CAAhB,EAAsC;AACrC,WAAO,IAAP;AACA;;AAED,SAAO,cAAC,gBAAD,EAAuBA,KAAvB,CAAP;AACA,CAPwB,EAQzB,aARyB,CAH3B;;AAcA,eAAeH,WAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport createHigherOrderComponent from '../../utils/create-higher-order-component';\n\n/**\n * Higher-order component creator, creating a new component which renders if\n * the given condition is satisfied or with the given optional prop name.\n *\n * @example\n * ```ts\n * type Props = { foo: string };\n * const Component = ( props: Props ) => <div>{ props.foo }</div>;\n * const ConditionalComponent = ifCondition( ( props: Props ) => props.foo.length !== 0 )( Component );\n * <ConditionalComponent foo=\"\" />; // => null\n * <ConditionalComponent foo=\"bar\" />; // => <div>bar</div>;\n * ```\n *\n * @param predicate Function to test condition.\n *\n * @return Higher-order component.\n */\nconst ifCondition = < TProps extends Record< string, any > >(\n\tpredicate: ( props: TProps ) => boolean\n) =>\n\tcreateHigherOrderComponent< {} >(\n\t\t( WrappedComponent ) => ( props ) => {\n\t\t\tif ( ! predicate( props as TProps ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\treturn <WrappedComponent { ...props } />;\n\t\t},\n\t\t'ifCondition'\n\t);\n\nexport default ifCondition;\n"]}
@@ -10,10 +10,13 @@ import { Component } from '@wordpress/element';
10
10
  */
11
11
 
12
12
  import createHigherOrderComponent from '../../utils/create-higher-order-component';
13
+ /**
14
+ * External dependencies
15
+ */
13
16
 
14
17
  /**
15
18
  * Given a component returns the enhanced component augmented with a component
16
- * only rerendering when its props/state change
19
+ * only re-rendering when its props/state change
17
20
  */
18
21
  const pure = createHigherOrderComponent(Wrapped => {
19
22
  if (Wrapped.prototype instanceof Component) {
@@ -1 +1 @@
1
- {"version":3,"sources":["@wordpress/compose/src/higher-order/pure/index.tsx"],"names":["isShallowEqual","Component","createHigherOrderComponent","pure","Wrapped","prototype","shouldComponentUpdate","nextProps","nextState","props","state","render"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,cAAP,MAA2B,6BAA3B;AACA,SAASC,SAAT,QAA0B,oBAA1B;AAEA;AACA;AACA;;AACA,OAAOC,0BAAP,MAAuC,2CAAvC;;AASA;AACA;AACA;AACA;AACA,MAAMC,IAAgC,GAAGD,0BAA0B,CACrDE,OAAb,IAAmD;AAClD,MAAKA,OAAO,CAACC,SAAR,YAA6BJ,SAAlC,EAA8C;AAC7C,WAAO,cAAgBG,OAAhB,CAAsD;AAC5DE,MAAAA,qBAAqB,CAAEC,SAAF,EAAqBC,SAArB,EAAsC;AAC1D,eACC,CAAER,cAAc,CAAEO,SAAF,EAAa,KAAKE,KAAlB,CAAhB,IACA,CAAET,cAAc,CAAEQ,SAAF,EAAa,KAAKE,KAAlB,CAFjB;AAIA;;AAN2D,KAA7D;AAQA;;AAED,SAAO,cAAcT,SAAd,CAAkC;AACxCK,IAAAA,qBAAqB,CAAEC,SAAF,EAAsB;AAC1C,aAAO,CAAEP,cAAc,CAAEO,SAAF,EAAa,KAAKE,KAAlB,CAAvB;AACA;;AAEDE,IAAAA,MAAM,GAAG;AACR,aAAO,cAAC,OAAD,EAAc,KAAKF,KAAnB,CAAP;AACA;;AAPuC,GAAzC;AASA,CAtBiE,EAuBlE,MAvBkE,CAAnE;AA0BA,eAAeN,IAAf","sourcesContent":["/**\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';\nimport type { SimpleHigherOrderComponent } from '../../utils/create-higher-order-component';\n\n/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type { ComponentType, ComponentClass } from 'react';\n\n/**\n * Given a component returns the enhanced component augmented with a component\n * only rerendering when its props/state change\n */\nconst pure: SimpleHigherOrderComponent = createHigherOrderComponent(\n\t< TProps, >( Wrapped: ComponentType< TProps > ) => {\n\t\tif ( Wrapped.prototype instanceof Component ) {\n\t\t\treturn class extends ( Wrapped as ComponentClass< TProps > ) {\n\t\t\t\tshouldComponentUpdate( nextProps: TProps, nextState: any ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t! isShallowEqual( nextProps, this.props ) ||\n\t\t\t\t\t\t! isShallowEqual( nextState, this.state )\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t};\n\t\t}\n\n\t\treturn class extends Component< TProps > {\n\t\t\tshouldComponentUpdate( nextProps: TProps ) {\n\t\t\t\treturn ! isShallowEqual( nextProps, this.props );\n\t\t\t}\n\n\t\t\trender() {\n\t\t\t\treturn <Wrapped { ...this.props } />;\n\t\t\t}\n\t\t};\n\t},\n\t'pure'\n);\n\nexport default pure;\n"]}
1
+ {"version":3,"sources":["@wordpress/compose/src/higher-order/pure/index.tsx"],"names":["isShallowEqual","Component","createHigherOrderComponent","pure","Wrapped","prototype","shouldComponentUpdate","nextProps","nextState","props","state","render"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,cAAP,MAA2B,6BAA3B;AACA,SAASC,SAAT,QAA0B,oBAA1B;AAEA;AACA;AACA;;AACA,OAAOC,0BAAP,MAAuC,2CAAvC;AAEA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA,MAAMC,IAAI,GAAGD,0BAA0B,CAErCE,OADD,IAEK;AACJ,MAAKA,OAAO,CAACC,SAAR,YAA6BJ,SAAlC,EAA8C;AAC7C,WAAO,cAAgBG,OAAhB,CAAsD;AAC5DE,MAAAA,qBAAqB,CAAEC,SAAF,EAAqBC,SAArB,EAAsC;AAC1D,eACC,CAAER,cAAc,CAAEO,SAAF,EAAa,KAAKE,KAAlB,CAAhB,IACA,CAAET,cAAc,CAAEQ,SAAF,EAAa,KAAKE,KAAlB,CAFjB;AAIA;;AAN2D,KAA7D;AAQA;;AAED,SAAO,cAAcT,SAAd,CAAkC;AACxCK,IAAAA,qBAAqB,CAAEC,SAAF,EAAsB;AAC1C,aAAO,CAAEP,cAAc,CAAEO,SAAF,EAAa,KAAKE,KAAlB,CAAvB;AACA;;AAEDE,IAAAA,MAAM,GAAG;AACR,aAAO,cAAC,OAAD,EAAc,KAAKF,KAAnB,CAAP;AACA;;AAPuC,GAAzC;AASA,CAxBqC,EAyBtC,MAzBsC,CAAvC;AA4BA,eAAeN,IAAf","sourcesContent":["/**\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 * External dependencies\n */\nimport type { ComponentType, ComponentClass } from 'react';\n\n/**\n * Given a component returns the enhanced component augmented with a component\n * only re-rendering when its props/state change\n */\nconst pure = createHigherOrderComponent(\n\t< TProps extends Record< string, any > >(\n\t\tWrapped: ComponentType< TProps >\n\t) => {\n\t\tif ( Wrapped.prototype instanceof Component ) {\n\t\t\treturn class extends ( Wrapped as ComponentClass< TProps > ) {\n\t\t\t\tshouldComponentUpdate( nextProps: TProps, nextState: any ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t! isShallowEqual( nextProps, this.props ) ||\n\t\t\t\t\t\t! isShallowEqual( nextState, this.state )\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t};\n\t\t}\n\n\t\treturn class extends Component< TProps > {\n\t\t\tshouldComponentUpdate( nextProps: TProps ) {\n\t\t\t\treturn ! isShallowEqual( nextProps, this.props );\n\t\t\t}\n\n\t\t\trender() {\n\t\t\t\treturn <Wrapped { ...this.props } />;\n\t\t\t}\n\t\t};\n\t},\n\t'pure'\n);\n\nexport default pure;\n"]}
@@ -48,7 +48,8 @@ export default function withGlobalEvents(eventTypesToHandlers) {
48
48
  deprecated('wp.compose.withGlobalEvents', {
49
49
  since: '5.7',
50
50
  alternative: 'useEffect'
51
- });
51
+ }); // @ts-ignore We don't need to fix the type-related issues because this is deprecated.
52
+
52
53
  return createHigherOrderComponent(WrappedComponent => {
53
54
  class Wrapper extends Component {
54
55
  constructor(
@@ -76,7 +77,9 @@ export default function withGlobalEvents(eventTypesToHandlers) {
76
77
  event) {
77
78
  const handler = eventTypesToHandlers[
78
79
  /** @type {keyof GlobalEventHandlersEventMap} */
79
- event.type];
80
+ event.type
81
+ /* eslint-enable jsdoc/no-undefined-types */
82
+ ];
80
83
 
81
84
  if (typeof this.wrappedRef[handler] === 'function') {
82
85
  this.wrappedRef[handler](event);
@@ -1 +1 @@
1
- {"version":3,"sources":["@wordpress/compose/src/higher-order/with-global-events/index.js"],"names":["forEach","Component","forwardRef","deprecated","createHigherOrderComponent","Listener","listener","withGlobalEvents","eventTypesToHandlers","since","alternative","WrappedComponent","Wrapper","constructor","props","handleEvent","bind","handleRef","componentDidMount","_","eventType","add","componentWillUnmount","remove","event","handler","type","wrappedRef","el","forwardedRef","render","ownProps","ref"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,QAAxB;AAEA;AACA;AACA;;AACA,SAASC,SAAT,EAAoBC,UAApB,QAAsC,oBAAtC;AACA,OAAOC,UAAP,MAAuB,uBAAvB;AAEA;AACA;AACA;;AACA,OAAOC,0BAAP,MAAuC,2CAAvC;AACA,OAAOC,QAAP,MAAqB,YAArB;AAEA;AACA;AACA;;AACA,MAAMC,QAAQ,GAAG,IAAID,QAAJ,EAAjB;AAEA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASE,gBAAT,CAA2BC,oBAA3B,EAAkD;AAChEL,EAAAA,UAAU,CAAE,6BAAF,EAAiC;AAC1CM,IAAAA,KAAK,EAAE,KADmC;AAE1CC,IAAAA,WAAW,EAAE;AAF6B,GAAjC,CAAV;AAKA,SAAON,0BAA0B,CAAIO,gBAAF,IAAwB;AAC1D,UAAMC,OAAN,SAAsBX,SAAtB,CAAgC;AAC/BY,MAAAA,WAAW;AAAE;AAAmBC,MAAAA,KAArB,EAA6B;AACvC,cAAOA,KAAP;AAEA,aAAKC,WAAL,GAAmB,KAAKA,WAAL,CAAiBC,IAAjB,CAAuB,IAAvB,CAAnB;AACA,aAAKC,SAAL,GAAiB,KAAKA,SAAL,CAAeD,IAAf,CAAqB,IAArB,CAAjB;AACA;;AAEDE,MAAAA,iBAAiB,GAAG;AACnBlB,QAAAA,OAAO,CAAEQ,oBAAF,EAAwB,CAAEW,CAAF,EAAKC,SAAL,KAAoB;AAClDd,UAAAA,QAAQ,CAACe,GAAT,CAAcD,SAAd,EAAyB,IAAzB;AACA,SAFM,CAAP;AAGA;;AAEDE,MAAAA,oBAAoB,GAAG;AACtBtB,QAAAA,OAAO,CAAEQ,oBAAF,EAAwB,CAAEW,CAAF,EAAKC,SAAL,KAAoB;AAClDd,UAAAA,QAAQ,CAACiB,MAAT,CAAiBH,SAAjB,EAA4B,IAA5B;AACA,SAFM,CAAP;AAGA;;AAEDL,MAAAA,WAAW;AAAE;AAAmBS,MAAAA,KAArB,EAA6B;AACvC,cAAMC,OAAO,GACZjB,oBAAoB;AACnB;AAAmDgB,QAAAA,KAAK,CAACE,IADtC,CADrB;;AAKA,YAAK,OAAO,KAAKC,UAAL,CAAiBF,OAAjB,CAAP,KAAsC,UAA3C,EAAwD;AACvD,eAAKE,UAAL,CAAiBF,OAAjB,EAA4BD,KAA5B;AACA;AACD;;AAEDP,MAAAA,SAAS;AAAE;AAAmBW,MAAAA,EAArB,EAA0B;AAClC,aAAKD,UAAL,GAAkBC,EAAlB,CADkC,CAElC;AACA;AACA;;AACA,YAAK,KAAKd,KAAL,CAAWe,YAAhB,EAA+B;AAC9B,eAAKf,KAAL,CAAWe,YAAX,CAAyBD,EAAzB;AACA;AACD;;AAEDE,MAAAA,MAAM,GAAG;AACR,eACC,cAAC,gBAAD,eACM,KAAKhB,KAAL,CAAWiB,QADjB;AAEC,UAAA,GAAG,EAAG,KAAKd;AAFZ,WADD;AAMA;;AAhD8B;;AAmDhC,WAAOf,UAAU,CAAE,CAAEY,KAAF,EAASkB,GAAT,KAAkB;AACpC,aAAO,cAAC,OAAD;AAAS,QAAA,QAAQ,EAAGlB,KAApB;AAA4B,QAAA,YAAY,EAAGkB;AAA3C,QAAP;AACA,KAFgB,CAAjB;AAGA,GAvDgC,EAuD9B,kBAvD8B,CAAjC;AAwDA","sourcesContent":["/**\n * External dependencies\n */\nimport { forEach } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { Component, forwardRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport createHigherOrderComponent from '../../utils/create-higher-order-component';\nimport Listener from './listener';\n\n/**\n * Listener instance responsible for managing document event handling.\n */\nconst listener = new Listener();\n\n/* eslint-disable jsdoc/no-undefined-types */\n/**\n * Higher-order component creator which, given an object of DOM event types and\n * values corresponding to a callback function name on the component, will\n * create or update a window event handler to invoke the callback when an event\n * occurs. On behalf of the consuming developer, the higher-order component\n * manages unbinding when the component unmounts, and binding at most a single\n * event handler for the entire application.\n *\n * @deprecated\n *\n * @param {Record<keyof GlobalEventHandlersEventMap, string>} eventTypesToHandlers Object with keys of DOM\n * event type, the value a\n * name of the function on\n * the original component's\n * instance which handles\n * the event.\n *\n * @return {any} Higher-order component.\n */\nexport default function withGlobalEvents( eventTypesToHandlers ) {\n\tdeprecated( 'wp.compose.withGlobalEvents', {\n\t\tsince: '5.7',\n\t\talternative: 'useEffect',\n\t} );\n\n\treturn createHigherOrderComponent( ( WrappedComponent ) => {\n\t\tclass Wrapper extends Component {\n\t\t\tconstructor( /** @type {any} */ props ) {\n\t\t\t\tsuper( props );\n\n\t\t\t\tthis.handleEvent = this.handleEvent.bind( this );\n\t\t\t\tthis.handleRef = this.handleRef.bind( this );\n\t\t\t}\n\n\t\t\tcomponentDidMount() {\n\t\t\t\tforEach( eventTypesToHandlers, ( _, eventType ) => {\n\t\t\t\t\tlistener.add( eventType, this );\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tcomponentWillUnmount() {\n\t\t\t\tforEach( eventTypesToHandlers, ( _, eventType ) => {\n\t\t\t\t\tlistener.remove( eventType, this );\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\thandleEvent( /** @type {any} */ event ) {\n\t\t\t\tconst handler =\n\t\t\t\t\teventTypesToHandlers[\n\t\t\t\t\t\t/** @type {keyof GlobalEventHandlersEventMap} */ ( event.type )\n\t\t\t\t\t\t/* eslint-enable jsdoc/no-undefined-types */\n\t\t\t\t\t];\n\t\t\t\tif ( typeof this.wrappedRef[ handler ] === 'function' ) {\n\t\t\t\t\tthis.wrappedRef[ handler ]( event );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\thandleRef( /** @type {any} */ el ) {\n\t\t\t\tthis.wrappedRef = el;\n\t\t\t\t// Any component using `withGlobalEvents` that is not setting a `ref`\n\t\t\t\t// will cause `this.props.forwardedRef` to be `null`, so we need this\n\t\t\t\t// check.\n\t\t\t\tif ( this.props.forwardedRef ) {\n\t\t\t\t\tthis.props.forwardedRef( el );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\trender() {\n\t\t\t\treturn (\n\t\t\t\t\t<WrappedComponent\n\t\t\t\t\t\t{ ...this.props.ownProps }\n\t\t\t\t\t\tref={ this.handleRef }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\treturn forwardRef( ( props, ref ) => {\n\t\t\treturn <Wrapper ownProps={ props } forwardedRef={ ref } />;\n\t\t} );\n\t}, 'withGlobalEvents' );\n}\n"]}
1
+ {"version":3,"sources":["@wordpress/compose/src/higher-order/with-global-events/index.js"],"names":["forEach","Component","forwardRef","deprecated","createHigherOrderComponent","Listener","listener","withGlobalEvents","eventTypesToHandlers","since","alternative","WrappedComponent","Wrapper","constructor","props","handleEvent","bind","handleRef","componentDidMount","_","eventType","add","componentWillUnmount","remove","event","handler","type","wrappedRef","el","forwardedRef","render","ownProps","ref"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,QAAxB;AAEA;AACA;AACA;;AACA,SAASC,SAAT,EAAoBC,UAApB,QAAsC,oBAAtC;AACA,OAAOC,UAAP,MAAuB,uBAAvB;AAEA;AACA;AACA;;AACA,OAAOC,0BAAP,MAAuC,2CAAvC;AACA,OAAOC,QAAP,MAAqB,YAArB;AAEA;AACA;AACA;;AACA,MAAMC,QAAQ,GAAG,IAAID,QAAJ,EAAjB;AAEA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASE,gBAAT,CAA2BC,oBAA3B,EAAkD;AAChEL,EAAAA,UAAU,CAAE,6BAAF,EAAiC;AAC1CM,IAAAA,KAAK,EAAE,KADmC;AAE1CC,IAAAA,WAAW,EAAE;AAF6B,GAAjC,CAAV,CADgE,CAMhE;;AACA,SAAON,0BAA0B,CAAIO,gBAAF,IAAwB;AAC1D,UAAMC,OAAN,SAAsBX,SAAtB,CAAgC;AAC/BY,MAAAA,WAAW;AAAE;AAAmBC,MAAAA,KAArB,EAA6B;AACvC,cAAOA,KAAP;AAEA,aAAKC,WAAL,GAAmB,KAAKA,WAAL,CAAiBC,IAAjB,CAAuB,IAAvB,CAAnB;AACA,aAAKC,SAAL,GAAiB,KAAKA,SAAL,CAAeD,IAAf,CAAqB,IAArB,CAAjB;AACA;;AAEDE,MAAAA,iBAAiB,GAAG;AACnBlB,QAAAA,OAAO,CAAEQ,oBAAF,EAAwB,CAAEW,CAAF,EAAKC,SAAL,KAAoB;AAClDd,UAAAA,QAAQ,CAACe,GAAT,CAAcD,SAAd,EAAyB,IAAzB;AACA,SAFM,CAAP;AAGA;;AAEDE,MAAAA,oBAAoB,GAAG;AACtBtB,QAAAA,OAAO,CAAEQ,oBAAF,EAAwB,CAAEW,CAAF,EAAKC,SAAL,KAAoB;AAClDd,UAAAA,QAAQ,CAACiB,MAAT,CAAiBH,SAAjB,EAA4B,IAA5B;AACA,SAFM,CAAP;AAGA;;AAEDL,MAAAA,WAAW;AAAE;AAAmBS,MAAAA,KAArB,EAA6B;AACvC,cAAMC,OAAO,GACZjB,oBAAoB;AACnB;AAAmDgB,QAAAA,KAAK,CAACE;AACzD;AAFmB,SADrB;;AAKA,YAAK,OAAO,KAAKC,UAAL,CAAiBF,OAAjB,CAAP,KAAsC,UAA3C,EAAwD;AACvD,eAAKE,UAAL,CAAiBF,OAAjB,EAA4BD,KAA5B;AACA;AACD;;AAEDP,MAAAA,SAAS;AAAE;AAAmBW,MAAAA,EAArB,EAA0B;AAClC,aAAKD,UAAL,GAAkBC,EAAlB,CADkC,CAElC;AACA;AACA;;AACA,YAAK,KAAKd,KAAL,CAAWe,YAAhB,EAA+B;AAC9B,eAAKf,KAAL,CAAWe,YAAX,CAAyBD,EAAzB;AACA;AACD;;AAEDE,MAAAA,MAAM,GAAG;AACR,eACC,cAAC,gBAAD,eACM,KAAKhB,KAAL,CAAWiB,QADjB;AAEC,UAAA,GAAG,EAAG,KAAKd;AAFZ,WADD;AAMA;;AAhD8B;;AAmDhC,WAAOf,UAAU,CAAE,CAAEY,KAAF,EAASkB,GAAT,KAAkB;AACpC,aAAO,cAAC,OAAD;AAAS,QAAA,QAAQ,EAAGlB,KAApB;AAA4B,QAAA,YAAY,EAAGkB;AAA3C,QAAP;AACA,KAFgB,CAAjB;AAGA,GAvDgC,EAuD9B,kBAvD8B,CAAjC;AAwDA","sourcesContent":["/**\n * External dependencies\n */\nimport { forEach } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { Component, forwardRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport createHigherOrderComponent from '../../utils/create-higher-order-component';\nimport Listener from './listener';\n\n/**\n * Listener instance responsible for managing document event handling.\n */\nconst listener = new Listener();\n\n/* eslint-disable jsdoc/no-undefined-types */\n/**\n * Higher-order component creator which, given an object of DOM event types and\n * values corresponding to a callback function name on the component, will\n * create or update a window event handler to invoke the callback when an event\n * occurs. On behalf of the consuming developer, the higher-order component\n * manages unbinding when the component unmounts, and binding at most a single\n * event handler for the entire application.\n *\n * @deprecated\n *\n * @param {Record<keyof GlobalEventHandlersEventMap, string>} eventTypesToHandlers Object with keys of DOM\n * event type, the value a\n * name of the function on\n * the original component's\n * instance which handles\n * the event.\n *\n * @return {any} Higher-order component.\n */\nexport default function withGlobalEvents( eventTypesToHandlers ) {\n\tdeprecated( 'wp.compose.withGlobalEvents', {\n\t\tsince: '5.7',\n\t\talternative: 'useEffect',\n\t} );\n\n\t// @ts-ignore We don't need to fix the type-related issues because this is deprecated.\n\treturn createHigherOrderComponent( ( WrappedComponent ) => {\n\t\tclass Wrapper extends Component {\n\t\t\tconstructor( /** @type {any} */ props ) {\n\t\t\t\tsuper( props );\n\n\t\t\t\tthis.handleEvent = this.handleEvent.bind( this );\n\t\t\t\tthis.handleRef = this.handleRef.bind( this );\n\t\t\t}\n\n\t\t\tcomponentDidMount() {\n\t\t\t\tforEach( eventTypesToHandlers, ( _, eventType ) => {\n\t\t\t\t\tlistener.add( eventType, this );\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tcomponentWillUnmount() {\n\t\t\t\tforEach( eventTypesToHandlers, ( _, eventType ) => {\n\t\t\t\t\tlistener.remove( eventType, this );\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\thandleEvent( /** @type {any} */ event ) {\n\t\t\t\tconst handler =\n\t\t\t\t\teventTypesToHandlers[\n\t\t\t\t\t\t/** @type {keyof GlobalEventHandlersEventMap} */ ( event.type )\n\t\t\t\t\t\t/* eslint-enable jsdoc/no-undefined-types */\n\t\t\t\t\t];\n\t\t\t\tif ( typeof this.wrappedRef[ handler ] === 'function' ) {\n\t\t\t\t\tthis.wrappedRef[ handler ]( event );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\thandleRef( /** @type {any} */ el ) {\n\t\t\t\tthis.wrappedRef = el;\n\t\t\t\t// Any component using `withGlobalEvents` that is not setting a `ref`\n\t\t\t\t// will cause `this.props.forwardedRef` to be `null`, so we need this\n\t\t\t\t// check.\n\t\t\t\tif ( this.props.forwardedRef ) {\n\t\t\t\t\tthis.props.forwardedRef( el );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\trender() {\n\t\t\t\treturn (\n\t\t\t\t\t<WrappedComponent\n\t\t\t\t\t\t{ ...this.props.ownProps }\n\t\t\t\t\t\tref={ this.handleRef }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\treturn forwardRef( ( props, ref ) => {\n\t\t\treturn <Wrapper ownProps={ props } forwardedRef={ ref } />;\n\t\t} );\n\t}, 'withGlobalEvents' );\n}\n"]}
@@ -1,11 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import { createElement } from "@wordpress/element";
3
3
 
4
- /**
5
- * External dependencies
6
- */
7
- // eslint-disable-next-line no-restricted-imports
8
-
9
4
  /**
10
5
  * Internal dependencies
11
6
  */
@@ -18,7 +13,8 @@ import useInstanceId from '../../hooks/use-instance-id';
18
13
 
19
14
  const withInstanceId = createHigherOrderComponent(WrappedComponent => {
20
15
  return props => {
21
- const instanceId = useInstanceId(WrappedComponent);
16
+ const instanceId = useInstanceId(WrappedComponent); // @ts-ignore
17
+
22
18
  return createElement(WrappedComponent, _extends({}, props, {
23
19
  instanceId: instanceId
24
20
  }));
@@ -1 +1 @@
1
- {"version":3,"sources":["@wordpress/compose/src/higher-order/with-instance-id/index.tsx"],"names":["createHigherOrderComponent","useInstanceId","withInstanceId","WrappedComponent","props","instanceId"],"mappings":";;;AAAA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA,OAAOA,0BAAP,MAAuC,2CAAvC;AAEA,OAAOC,aAAP,MAA0B,6BAA1B;AAEA;AACA;AACA;AACA;;AACA,MAAMC,cAEH,GAAGF,0BAA0B,CAE9BG,gBADD,IAEK;AACJ,SAASC,KAAF,IAA2C;AACjD,UAAMC,UAAU,GAAGJ,aAAa,CAAEE,gBAAF,CAAhC;AACA,WACC,cAAC,gBAAD,eACQC,KADR;AAEC,MAAA,UAAU,EAAGC;AAFd,OADD;AAMA,GARD;AASA,CAb8B,EAc/B,gBAd+B,CAFhC;AAmBA,eAAeH,cAAf","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type { ComponentType } from 'react';\n\n/**\n * Internal dependencies\n */\nimport createHigherOrderComponent from '../../utils/create-higher-order-component';\nimport type { PropInjectingHigherOrderComponent } from '../../utils/create-higher-order-component';\nimport useInstanceId from '../../hooks/use-instance-id';\n\n/**\n * A Higher Order Component used to be provide a unique instance ID by\n * component.\n */\nconst withInstanceId: PropInjectingHigherOrderComponent< {\n\tinstanceId: string | number;\n} > = createHigherOrderComponent(\n\t< TProps extends { instanceId: string | number } >(\n\t\tWrappedComponent: ComponentType< TProps >\n\t) => {\n\t\treturn ( props: Omit< TProps, 'instanceId' > ) => {\n\t\t\tconst instanceId = useInstanceId( WrappedComponent );\n\t\t\treturn (\n\t\t\t\t<WrappedComponent\n\t\t\t\t\t{ ...( props as TProps ) }\n\t\t\t\t\tinstanceId={ instanceId }\n\t\t\t\t/>\n\t\t\t);\n\t\t};\n\t},\n\t'withInstanceId'\n);\n\nexport default withInstanceId;\n"]}
1
+ {"version":3,"sources":["@wordpress/compose/src/higher-order/with-instance-id/index.tsx"],"names":["createHigherOrderComponent","useInstanceId","withInstanceId","WrappedComponent","props","instanceId"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,0BAAP,MAAuC,2CAAvC;AACA,OAAOC,aAAP,MAA0B,6BAA1B;AAEA;AACA;AACA;AACA;;AACA,MAAMC,cAAc,GAAGF,0BAA0B,CAE1CG,gBAAF,IAAwB;AAC5B,SAASC,KAAF,IAAa;AACnB,UAAMC,UAAU,GAAGJ,aAAa,CAAEE,gBAAF,CAAhC,CADmB,CAEnB;;AACA,WAAO,cAAC,gBAAD,eAAuBC,KAAvB;AAA+B,MAAA,UAAU,EAAGC;AAA5C,OAAP;AACA,GAJD;AAKA,CARgD,EAQ9C,gBAR8C,CAAjD;AAUA,eAAeH,cAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport createHigherOrderComponent from '../../utils/create-higher-order-component';\nimport useInstanceId from '../../hooks/use-instance-id';\n\n/**\n * A Higher Order Component used to be provide a unique instance ID by\n * component.\n */\nconst withInstanceId = createHigherOrderComponent< {\n\tinstanceId: string | number;\n} >( ( WrappedComponent ) => {\n\treturn ( props ) => {\n\t\tconst instanceId = useInstanceId( WrappedComponent );\n\t\t// @ts-ignore\n\t\treturn <WrappedComponent { ...props } instanceId={ instanceId } />;\n\t};\n}, 'withInstanceId' );\n\nexport default withInstanceId;\n"]}
@@ -3,7 +3,7 @@ import { createElement } from "@wordpress/element";
3
3
  /**
4
4
  * External dependencies
5
5
  */
6
- import { without } from 'lodash'; // eslint-disable-next-line no-restricted-imports
6
+ import { without } from 'lodash';
7
7
 
8
8
  /**
9
9
  * WordPress dependencies
@@ -14,6 +14,14 @@ import { Component } from '@wordpress/element';
14
14
  */
15
15
 
16
16
  import createHigherOrderComponent from '../../utils/create-higher-order-component';
17
+ /**
18
+ * We cannot use the `Window['setTimeout']` and `Window['clearTimeout']`
19
+ * types here because those functions include functionality that is not handled
20
+ * by this component, like the ability to pass extra arguments.
21
+ *
22
+ * In the case of this component, we only handle the simplest case where
23
+ * `setTimeout` only accepts a function (not a string) and an optional delay.
24
+ */
17
25
 
18
26
  /**
19
27
  * A higher-order component used to provide and manage delayed function calls