@fluentui/react-utilities 9.9.0 → 9.9.2

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 (172) hide show
  1. package/CHANGELOG.json +46 -1
  2. package/CHANGELOG.md +20 -2
  3. package/dist/index.d.ts +1 -1
  4. package/lib/compose/constants.js +1 -2
  5. package/lib/compose/constants.js.map +1 -1
  6. package/lib/compose/getSlots.js +40 -36
  7. package/lib/compose/getSlots.js.map +1 -1
  8. package/lib/compose/getSlotsNext.js +30 -28
  9. package/lib/compose/getSlotsNext.js.map +1 -1
  10. package/lib/compose/index.js +0 -1
  11. package/lib/compose/index.js.map +1 -1
  12. package/lib/compose/isResolvedShorthand.js +2 -4
  13. package/lib/compose/isResolvedShorthand.js.map +1 -1
  14. package/lib/compose/resolveShorthand.js +21 -26
  15. package/lib/compose/resolveShorthand.js.map +1 -1
  16. package/lib/compose/types.js +0 -1
  17. package/lib/compose/types.js.map +1 -1
  18. package/lib/events/index.js +0 -1
  19. package/lib/events/index.js.map +1 -1
  20. package/lib/events/mouseTouchHelpers.js +27 -27
  21. package/lib/events/mouseTouchHelpers.js.map +1 -1
  22. package/lib/hooks/index.js +0 -1
  23. package/lib/hooks/index.js.map +1 -1
  24. package/lib/hooks/useControllableState.js +57 -32
  25. package/lib/hooks/useControllableState.js.map +1 -1
  26. package/lib/hooks/useEventCallback.js +15 -13
  27. package/lib/hooks/useEventCallback.js.map +1 -1
  28. package/lib/hooks/useFirstMount.js +7 -9
  29. package/lib/hooks/useFirstMount.js.map +1 -1
  30. package/lib/hooks/useForceUpdate.js +2 -4
  31. package/lib/hooks/useForceUpdate.js.map +1 -1
  32. package/lib/hooks/useId.js +32 -29
  33. package/lib/hooks/useId.js.map +1 -1
  34. package/lib/hooks/useIsomorphicLayoutEffect.js +1 -2
  35. package/lib/hooks/useIsomorphicLayoutEffect.js.map +1 -1
  36. package/lib/hooks/useMergedRefs.js +17 -18
  37. package/lib/hooks/useMergedRefs.js.map +1 -1
  38. package/lib/hooks/useOnClickOutside.js +110 -114
  39. package/lib/hooks/useOnClickOutside.js.map +1 -1
  40. package/lib/hooks/useOnScrollOutside.js +25 -29
  41. package/lib/hooks/useOnScrollOutside.js.map +1 -1
  42. package/lib/hooks/usePrevious.js +8 -8
  43. package/lib/hooks/usePrevious.js.map +1 -1
  44. package/lib/hooks/useScrollbarWidth.js +24 -26
  45. package/lib/hooks/useScrollbarWidth.js.map +1 -1
  46. package/lib/hooks/useTimeout.js +22 -19
  47. package/lib/hooks/useTimeout.js.map +1 -1
  48. package/lib/index.js +0 -1
  49. package/lib/index.js.map +1 -1
  50. package/lib/ssr/SSRContext.js +40 -39
  51. package/lib/ssr/SSRContext.js.map +1 -1
  52. package/lib/ssr/canUseDOM.js +3 -5
  53. package/lib/ssr/canUseDOM.js.map +1 -1
  54. package/lib/ssr/index.js +0 -1
  55. package/lib/ssr/index.js.map +1 -1
  56. package/lib/trigger/applyTriggerPropsToChildren.js +20 -23
  57. package/lib/trigger/applyTriggerPropsToChildren.js.map +1 -1
  58. package/lib/trigger/getTriggerChild.js +7 -10
  59. package/lib/trigger/getTriggerChild.js.map +1 -1
  60. package/lib/trigger/index.js +0 -1
  61. package/lib/trigger/index.js.map +1 -1
  62. package/lib/trigger/isFluentTrigger.js +2 -4
  63. package/lib/trigger/isFluentTrigger.js.map +1 -1
  64. package/lib/trigger/types.js +0 -1
  65. package/lib/trigger/types.js.map +1 -1
  66. package/lib/utils/clamp.js +1 -2
  67. package/lib/utils/clamp.js.map +1 -1
  68. package/lib/utils/getNativeElementProps.js +38 -40
  69. package/lib/utils/getNativeElementProps.js.map +1 -1
  70. package/lib/utils/getRTLSafeKey.js +12 -13
  71. package/lib/utils/getRTLSafeKey.js.map +1 -1
  72. package/lib/utils/getReactCallbackName.js +16 -15
  73. package/lib/utils/getReactCallbackName.js.map +1 -1
  74. package/lib/utils/index.js +0 -1
  75. package/lib/utils/index.js.map +1 -1
  76. package/lib/utils/isHTMLElement.js +5 -6
  77. package/lib/utils/isHTMLElement.js.map +1 -1
  78. package/lib/utils/isInteractiveHTMLElement.js +13 -17
  79. package/lib/utils/isInteractiveHTMLElement.js.map +1 -1
  80. package/lib/utils/mergeCallbacks.js +5 -6
  81. package/lib/utils/mergeCallbacks.js.map +1 -1
  82. package/lib/utils/omit.js +7 -8
  83. package/lib/utils/omit.js.map +1 -1
  84. package/lib/utils/priorityQueue.js +85 -86
  85. package/lib/utils/priorityQueue.js.map +1 -1
  86. package/lib/utils/properties.js +290 -80
  87. package/lib/utils/properties.js.map +1 -1
  88. package/lib-commonjs/compose/constants.js +1 -3
  89. package/lib-commonjs/compose/constants.js.map +1 -1
  90. package/lib-commonjs/compose/getSlots.js +1 -3
  91. package/lib-commonjs/compose/getSlots.js.map +1 -1
  92. package/lib-commonjs/compose/getSlotsNext.js +2 -3
  93. package/lib-commonjs/compose/getSlotsNext.js.map +1 -1
  94. package/lib-commonjs/compose/index.js +0 -3
  95. package/lib-commonjs/compose/index.js.map +1 -1
  96. package/lib-commonjs/compose/isResolvedShorthand.js +1 -3
  97. package/lib-commonjs/compose/isResolvedShorthand.js.map +1 -1
  98. package/lib-commonjs/compose/resolveShorthand.js +1 -3
  99. package/lib-commonjs/compose/resolveShorthand.js.map +1 -1
  100. package/lib-commonjs/compose/types.js +0 -3
  101. package/lib-commonjs/compose/types.js.map +1 -1
  102. package/lib-commonjs/events/index.js +0 -3
  103. package/lib-commonjs/events/index.js.map +1 -1
  104. package/lib-commonjs/events/mouseTouchHelpers.js +1 -3
  105. package/lib-commonjs/events/mouseTouchHelpers.js.map +1 -1
  106. package/lib-commonjs/hooks/index.js +0 -3
  107. package/lib-commonjs/hooks/index.js.map +1 -1
  108. package/lib-commonjs/hooks/useControllableState.js +18 -6
  109. package/lib-commonjs/hooks/useControllableState.js.map +1 -1
  110. package/lib-commonjs/hooks/useEventCallback.js +1 -3
  111. package/lib-commonjs/hooks/useEventCallback.js.map +1 -1
  112. package/lib-commonjs/hooks/useFirstMount.js +1 -3
  113. package/lib-commonjs/hooks/useFirstMount.js.map +1 -1
  114. package/lib-commonjs/hooks/useForceUpdate.js +1 -3
  115. package/lib-commonjs/hooks/useForceUpdate.js.map +1 -1
  116. package/lib-commonjs/hooks/useId.js +1 -3
  117. package/lib-commonjs/hooks/useId.js.map +1 -1
  118. package/lib-commonjs/hooks/useIsomorphicLayoutEffect.js +1 -3
  119. package/lib-commonjs/hooks/useIsomorphicLayoutEffect.js.map +1 -1
  120. package/lib-commonjs/hooks/useMergedRefs.js +2 -5
  121. package/lib-commonjs/hooks/useMergedRefs.js.map +1 -1
  122. package/lib-commonjs/hooks/useOnClickOutside.js +1 -3
  123. package/lib-commonjs/hooks/useOnClickOutside.js.map +1 -1
  124. package/lib-commonjs/hooks/useOnScrollOutside.js +1 -3
  125. package/lib-commonjs/hooks/useOnScrollOutside.js.map +1 -1
  126. package/lib-commonjs/hooks/usePrevious.js +1 -3
  127. package/lib-commonjs/hooks/usePrevious.js.map +1 -1
  128. package/lib-commonjs/hooks/useScrollbarWidth.js +2 -4
  129. package/lib-commonjs/hooks/useScrollbarWidth.js.map +1 -1
  130. package/lib-commonjs/hooks/useTimeout.js +1 -3
  131. package/lib-commonjs/hooks/useTimeout.js.map +1 -1
  132. package/lib-commonjs/index.js +0 -3
  133. package/lib-commonjs/index.js.map +1 -1
  134. package/lib-commonjs/ssr/SSRContext.js +1 -3
  135. package/lib-commonjs/ssr/SSRContext.js.map +1 -1
  136. package/lib-commonjs/ssr/canUseDOM.js +1 -3
  137. package/lib-commonjs/ssr/canUseDOM.js.map +1 -1
  138. package/lib-commonjs/ssr/index.js +0 -3
  139. package/lib-commonjs/ssr/index.js.map +1 -1
  140. package/lib-commonjs/trigger/applyTriggerPropsToChildren.js +1 -3
  141. package/lib-commonjs/trigger/applyTriggerPropsToChildren.js.map +1 -1
  142. package/lib-commonjs/trigger/getTriggerChild.js +2 -5
  143. package/lib-commonjs/trigger/getTriggerChild.js.map +1 -1
  144. package/lib-commonjs/trigger/index.js +0 -3
  145. package/lib-commonjs/trigger/index.js.map +1 -1
  146. package/lib-commonjs/trigger/isFluentTrigger.js +1 -3
  147. package/lib-commonjs/trigger/isFluentTrigger.js.map +1 -1
  148. package/lib-commonjs/trigger/types.js +0 -3
  149. package/lib-commonjs/trigger/types.js.map +1 -1
  150. package/lib-commonjs/utils/clamp.js +1 -3
  151. package/lib-commonjs/utils/clamp.js.map +1 -1
  152. package/lib-commonjs/utils/getNativeElementProps.js +1 -3
  153. package/lib-commonjs/utils/getNativeElementProps.js.map +1 -1
  154. package/lib-commonjs/utils/getRTLSafeKey.js +1 -3
  155. package/lib-commonjs/utils/getRTLSafeKey.js.map +1 -1
  156. package/lib-commonjs/utils/getReactCallbackName.js +1 -3
  157. package/lib-commonjs/utils/getReactCallbackName.js.map +1 -1
  158. package/lib-commonjs/utils/index.js +0 -3
  159. package/lib-commonjs/utils/index.js.map +1 -1
  160. package/lib-commonjs/utils/isHTMLElement.js +1 -3
  161. package/lib-commonjs/utils/isHTMLElement.js.map +1 -1
  162. package/lib-commonjs/utils/isInteractiveHTMLElement.js +1 -3
  163. package/lib-commonjs/utils/isInteractiveHTMLElement.js.map +1 -1
  164. package/lib-commonjs/utils/mergeCallbacks.js +1 -3
  165. package/lib-commonjs/utils/mergeCallbacks.js.map +1 -1
  166. package/lib-commonjs/utils/omit.js +1 -3
  167. package/lib-commonjs/utils/omit.js.map +1 -1
  168. package/lib-commonjs/utils/priorityQueue.js +5 -7
  169. package/lib-commonjs/utils/priorityQueue.js.map +1 -1
  170. package/lib-commonjs/utils/properties.js +28 -31
  171. package/lib-commonjs/utils/properties.js.map +1 -1
  172. package/package.json +2 -2
@@ -3,71 +3,68 @@ import { useEventCallback } from './useEventCallback';
3
3
  /**
4
4
  * @internal
5
5
  * Utility to perform checks where a click/touch event was made outside a component
6
- */
7
- export const useOnClickOutside = options => {
8
- const {
9
- refs,
10
- callback,
11
- element,
12
- disabled,
13
- contains: containsProp
14
- } = options;
15
- const timeoutId = React.useRef(undefined);
16
- useIFrameFocus(options);
17
- const listener = useEventCallback(ev => {
18
- const contains = containsProp || ((parent, child) => {
19
- return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
6
+ */ export const useOnClickOutside = (options)=>{
7
+ const { refs , callback , element , disabled , contains: containsProp } = options;
8
+ const timeoutId = React.useRef(undefined);
9
+ useIFrameFocus(options);
10
+ const listener = useEventCallback((ev)=>{
11
+ const contains = containsProp || ((parent, child)=>{
12
+ return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
13
+ });
14
+ const isOutside = refs.every((ref)=>!contains(ref.current || null, ev.target));
15
+ if (isOutside && !disabled) {
16
+ callback(ev);
17
+ }
20
18
  });
21
- const isOutside = refs.every(ref => !contains(ref.current || null, ev.target));
22
- if (isOutside && !disabled) {
23
- callback(ev);
24
- }
25
- });
26
- React.useEffect(() => {
27
- if (disabled) {
28
- return;
29
- }
30
- // Store the current event to avoid triggering handlers immediately
31
- // Note this depends on a deprecated but extremely well supported quirk of the web platform
32
- // https://github.com/facebook/react/issues/20074
33
- let currentEvent = getWindowEvent(window);
34
- const conditionalHandler = event => {
35
- // Skip if this event is the same as the one running when we added the handlers
36
- if (event === currentEvent) {
37
- currentEvent = undefined;
38
- return;
39
- }
40
- listener(event);
41
- };
42
- // use capture phase because React can update DOM before the event bubbles to the document
43
- element === null || element === void 0 ? void 0 : element.addEventListener('click', conditionalHandler, true);
44
- element === null || element === void 0 ? void 0 : element.addEventListener('touchstart', conditionalHandler, true);
45
- element === null || element === void 0 ? void 0 : element.addEventListener('contextmenu', conditionalHandler, true);
46
- // Garbage collect this event after it's no longer useful to avoid memory leaks
47
- timeoutId.current = window.setTimeout(() => {
48
- currentEvent = undefined;
49
- }, 1);
50
- return () => {
51
- element === null || element === void 0 ? void 0 : element.removeEventListener('click', conditionalHandler, true);
52
- element === null || element === void 0 ? void 0 : element.removeEventListener('touchstart', conditionalHandler, true);
53
- element === null || element === void 0 ? void 0 : element.removeEventListener('contextmenu', conditionalHandler, true);
54
- clearTimeout(timeoutId.current);
55
- currentEvent = undefined;
56
- };
57
- }, [listener, element, disabled]);
19
+ React.useEffect(()=>{
20
+ if (disabled) {
21
+ return;
22
+ }
23
+ // Store the current event to avoid triggering handlers immediately
24
+ // Note this depends on a deprecated but extremely well supported quirk of the web platform
25
+ // https://github.com/facebook/react/issues/20074
26
+ let currentEvent = getWindowEvent(window);
27
+ const conditionalHandler = (event)=>{
28
+ // Skip if this event is the same as the one running when we added the handlers
29
+ if (event === currentEvent) {
30
+ currentEvent = undefined;
31
+ return;
32
+ }
33
+ listener(event);
34
+ };
35
+ // use capture phase because React can update DOM before the event bubbles to the document
36
+ element === null || element === void 0 ? void 0 : element.addEventListener('click', conditionalHandler, true);
37
+ element === null || element === void 0 ? void 0 : element.addEventListener('touchstart', conditionalHandler, true);
38
+ element === null || element === void 0 ? void 0 : element.addEventListener('contextmenu', conditionalHandler, true);
39
+ // Garbage collect this event after it's no longer useful to avoid memory leaks
40
+ timeoutId.current = window.setTimeout(()=>{
41
+ currentEvent = undefined;
42
+ }, 1);
43
+ return ()=>{
44
+ element === null || element === void 0 ? void 0 : element.removeEventListener('click', conditionalHandler, true);
45
+ element === null || element === void 0 ? void 0 : element.removeEventListener('touchstart', conditionalHandler, true);
46
+ element === null || element === void 0 ? void 0 : element.removeEventListener('contextmenu', conditionalHandler, true);
47
+ clearTimeout(timeoutId.current);
48
+ currentEvent = undefined;
49
+ };
50
+ }, [
51
+ listener,
52
+ element,
53
+ disabled
54
+ ]);
58
55
  };
59
- const getWindowEvent = target => {
60
- if (target) {
61
- var _target_ownerDocument, _target_ownerDocument_defaultView;
62
- if (typeof target.window === 'object' && target.window === target) {
63
- // eslint-disable-next-line deprecation/deprecation
64
- return target.event;
56
+ const getWindowEvent = (target)=>{
57
+ if (target) {
58
+ var _target_ownerDocument, _target_ownerDocument_defaultView;
59
+ if (typeof target.window === 'object' && target.window === target) {
60
+ // eslint-disable-next-line deprecation/deprecation
61
+ return target.event;
62
+ }
63
+ var _target_ownerDocument_defaultView_event;
64
+ // eslint-disable-next-line deprecation/deprecation
65
+ return (_target_ownerDocument_defaultView_event = (_target_ownerDocument = target.ownerDocument) === null || _target_ownerDocument === void 0 ? void 0 : (_target_ownerDocument_defaultView = _target_ownerDocument.defaultView) === null || _target_ownerDocument_defaultView === void 0 ? void 0 : _target_ownerDocument_defaultView.event) !== null && _target_ownerDocument_defaultView_event !== void 0 ? _target_ownerDocument_defaultView_event : undefined;
65
66
  }
66
- var _target_ownerDocument_defaultView_event;
67
- // eslint-disable-next-line deprecation/deprecation
68
- return (_target_ownerDocument_defaultView_event = (_target_ownerDocument = target.ownerDocument) === null || _target_ownerDocument === void 0 ? void 0 : (_target_ownerDocument_defaultView = _target_ownerDocument.defaultView) === null || _target_ownerDocument_defaultView === void 0 ? void 0 : _target_ownerDocument_defaultView.event) !== null && _target_ownerDocument_defaultView_event !== void 0 ? _target_ownerDocument_defaultView_event : undefined;
69
- }
70
- return undefined;
67
+ return undefined;
71
68
  };
72
69
  const FUI_FRAME_EVENT = 'fuiframefocus';
73
70
  /**
@@ -79,57 +76,56 @@ const FUI_FRAME_EVENT = 'fuiframefocus';
79
76
  *
80
77
  * Polls the value of `document.activeElement`. If it is an iframe, then dispatch
81
78
  * a custom DOM event. When the custom event is received call the provided callback
82
- */
83
- const useIFrameFocus = options => {
84
- const {
85
- disabled,
86
- element: targetDocument,
87
- callback,
88
- contains: containsProp = (parent, child) => {
89
- return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
90
- },
91
- pollDuration = 1000,
92
- refs
93
- } = options;
94
- const timeoutRef = React.useRef();
95
- const listener = useEventCallback(e => {
96
- const contains = containsProp || ((parent, child) => {
97
- return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
98
- });
99
- const isOutside = refs.every(ref => !contains(ref.current || null, e.target));
100
- if (isOutside && !disabled) {
101
- callback(e);
102
- }
103
- });
104
- // Adds listener to the custom iframe focus event
105
- React.useEffect(() => {
106
- if (disabled) {
107
- return;
108
- }
109
- targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener(FUI_FRAME_EVENT, listener, true);
110
- return () => {
111
- targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener(FUI_FRAME_EVENT, listener, true);
112
- };
113
- }, [targetDocument, disabled, listener]);
114
- // Starts polling for the active element
115
- React.useEffect(() => {
116
- var _targetDocument_defaultView;
117
- if (disabled) {
118
- return;
119
- }
120
- timeoutRef.current = targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.setInterval(() => {
121
- const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;
122
- if ((activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) === 'IFRAME' || (activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) === 'WEBVIEW') {
123
- const event = new CustomEvent(FUI_FRAME_EVENT, {
124
- bubbles: true
79
+ */ const useIFrameFocus = (options)=>{
80
+ const { disabled , element: targetDocument , callback , contains: containsProp = (parent, child)=>{
81
+ return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
82
+ } , pollDuration =1000 , refs } = options;
83
+ const timeoutRef = React.useRef();
84
+ const listener = useEventCallback((e)=>{
85
+ const contains = containsProp || ((parent, child)=>{
86
+ return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
125
87
  });
126
- activeElement.dispatchEvent(event);
127
- }
128
- }, pollDuration);
129
- return () => {
130
- var _targetDocument_defaultView;
131
- targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.clearTimeout(timeoutRef.current);
132
- };
133
- }, [targetDocument, disabled, pollDuration]);
88
+ const isOutside = refs.every((ref)=>!contains(ref.current || null, e.target));
89
+ if (isOutside && !disabled) {
90
+ callback(e);
91
+ }
92
+ });
93
+ // Adds listener to the custom iframe focus event
94
+ React.useEffect(()=>{
95
+ if (disabled) {
96
+ return;
97
+ }
98
+ targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener(FUI_FRAME_EVENT, listener, true);
99
+ return ()=>{
100
+ targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener(FUI_FRAME_EVENT, listener, true);
101
+ };
102
+ }, [
103
+ targetDocument,
104
+ disabled,
105
+ listener
106
+ ]);
107
+ // Starts polling for the active element
108
+ React.useEffect(()=>{
109
+ var _targetDocument_defaultView;
110
+ if (disabled) {
111
+ return;
112
+ }
113
+ timeoutRef.current = targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.setInterval(()=>{
114
+ const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;
115
+ if ((activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) === 'IFRAME' || (activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) === 'WEBVIEW') {
116
+ const event = new CustomEvent(FUI_FRAME_EVENT, {
117
+ bubbles: true
118
+ });
119
+ activeElement.dispatchEvent(event);
120
+ }
121
+ }, pollDuration);
122
+ return ()=>{
123
+ var _targetDocument_defaultView;
124
+ targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.clearTimeout(timeoutRef.current);
125
+ };
126
+ }, [
127
+ targetDocument,
128
+ disabled,
129
+ pollDuration
130
+ ]);
134
131
  };
135
- //# sourceMappingURL=useOnClickOutside.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","useEventCallback","useOnClickOutside","options","refs","callback","element","disabled","contains","containsProp","timeoutId","useRef","undefined","useIFrameFocus","listener","ev","parent","child","isOutside","every","ref","current","target","useEffect","currentEvent","getWindowEvent","window","conditionalHandler","event","addEventListener","setTimeout","removeEventListener","clearTimeout","_target_ownerDocument","_target_ownerDocument_defaultView","_target_ownerDocument_defaultView_event","ownerDocument","defaultView","FUI_FRAME_EVENT","targetDocument","pollDuration","timeoutRef","e","_targetDocument_defaultView","setInterval","activeElement","tagName","CustomEvent","bubbles","dispatchEvent"],"sources":["../../src/hooks/useOnClickOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from './useEventCallback';\n\n/**\n * @internal\n */\nexport type UseOnClickOrScrollOutsideOptions = {\n /**\n * The element to listen for the click event\n */\n element: Document | undefined;\n /**\n * Refs to elements that check if the click is outside\n */\n refs: React.MutableRefObject<HTMLElement | undefined | null>[];\n\n /**\n * By default uses element.contains, but custom contain function can be provided\n *\n * @param parent - provided parent element\n * @param child - event target element\n */\n contains?(parent: HTMLElement | null, child: HTMLElement): boolean;\n\n /**\n * Disables event listeners\n */\n disabled?: boolean;\n\n /**\n * Called if the click is outside the element refs\n */\n callback: (ev: MouseEvent | TouchEvent) => void;\n};\n\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */\nexport const useOnClickOutside = (options: UseOnClickOrScrollOutsideOptions) => {\n const { refs, callback, element, disabled, contains: containsProp } = options;\n const timeoutId = React.useRef<number | undefined>(undefined);\n useIFrameFocus(options);\n\n const listener = useEventCallback((ev: MouseEvent | TouchEvent) => {\n const contains: UseOnClickOrScrollOutsideOptions['contains'] =\n containsProp || ((parent, child) => !!parent?.contains(child));\n\n const isOutside = refs.every(ref => !contains(ref.current || null, ev.target as HTMLElement));\n if (isOutside && !disabled) {\n callback(ev);\n }\n });\n\n React.useEffect(() => {\n if (disabled) {\n return;\n }\n\n // Store the current event to avoid triggering handlers immediately\n // Note this depends on a deprecated but extremely well supported quirk of the web platform\n // https://github.com/facebook/react/issues/20074\n let currentEvent = getWindowEvent(window);\n\n const conditionalHandler = (event: MouseEvent | TouchEvent) => {\n // Skip if this event is the same as the one running when we added the handlers\n if (event === currentEvent) {\n currentEvent = undefined;\n return;\n }\n\n listener(event);\n };\n\n // use capture phase because React can update DOM before the event bubbles to the document\n element?.addEventListener('click', conditionalHandler, true);\n element?.addEventListener('touchstart', conditionalHandler, true);\n element?.addEventListener('contextmenu', conditionalHandler, true);\n\n // Garbage collect this event after it's no longer useful to avoid memory leaks\n timeoutId.current = window.setTimeout(() => {\n currentEvent = undefined;\n }, 1);\n\n return () => {\n element?.removeEventListener('click', conditionalHandler, true);\n element?.removeEventListener('touchstart', conditionalHandler, true);\n element?.removeEventListener('contextmenu', conditionalHandler, true);\n\n clearTimeout(timeoutId.current);\n currentEvent = undefined;\n };\n }, [listener, element, disabled]);\n};\n\nconst getWindowEvent = (target: Node | Window): Event | undefined => {\n if (target) {\n if (typeof (target as Window).window === 'object' && (target as Window).window === target) {\n // eslint-disable-next-line deprecation/deprecation\n return target.event;\n }\n\n // eslint-disable-next-line deprecation/deprecation\n return (target as Node).ownerDocument?.defaultView?.event ?? undefined;\n }\n\n return undefined;\n};\n\nconst FUI_FRAME_EVENT = 'fuiframefocus';\n\ninterface UseIFrameFocusOptions extends UseOnClickOrScrollOutsideOptions {\n /**\n * Millisecond duration to poll\n */\n pollDuration?: number;\n}\n\n/**\n * Since click events do not propagate past iframes, we use focus to detect if a\n * click has happened inside an iframe, since the only ways of focusing inside an\n * iframe are:\n * - clicking inside\n * - tabbing inside\n *\n * Polls the value of `document.activeElement`. If it is an iframe, then dispatch\n * a custom DOM event. When the custom event is received call the provided callback\n */\nconst useIFrameFocus = (options: UseIFrameFocusOptions) => {\n const {\n disabled,\n element: targetDocument,\n callback,\n contains: containsProp = (parent, child) => !!parent?.contains(child),\n pollDuration = 1000,\n refs,\n } = options;\n const timeoutRef = React.useRef<number>();\n\n const listener = useEventCallback((e: Event) => {\n const contains = containsProp || ((parent, child) => !!parent?.contains(child));\n\n const isOutside = refs.every(ref => !contains(ref.current || null, e.target as HTMLElement));\n if (isOutside && !disabled) {\n callback(e as MouseEvent);\n }\n });\n\n // Adds listener to the custom iframe focus event\n React.useEffect(() => {\n if (disabled) {\n return;\n }\n\n targetDocument?.addEventListener(FUI_FRAME_EVENT, listener, true);\n\n return () => {\n targetDocument?.removeEventListener(FUI_FRAME_EVENT, listener, true);\n };\n }, [targetDocument, disabled, listener]);\n\n // Starts polling for the active element\n React.useEffect(() => {\n if (disabled) {\n return;\n }\n\n timeoutRef.current = targetDocument?.defaultView?.setInterval(() => {\n const activeElement = targetDocument?.activeElement;\n\n if (activeElement?.tagName === 'IFRAME' || activeElement?.tagName === 'WEBVIEW') {\n const event = new CustomEvent(FUI_FRAME_EVENT, { bubbles: true });\n activeElement.dispatchEvent(event);\n }\n }, pollDuration);\n\n return () => {\n targetDocument?.defaultView?.clearTimeout(timeoutRef.current);\n };\n }, [targetDocument, disabled, pollDuration]);\n};\n"],"mappings":"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"}
1
+ {"version":3,"sources":["useOnClickOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from './useEventCallback';\n\n/**\n * @internal\n */\nexport type UseOnClickOrScrollOutsideOptions = {\n /**\n * The element to listen for the click event\n */\n element: Document | undefined;\n /**\n * Refs to elements that check if the click is outside\n */\n refs: React.MutableRefObject<HTMLElement | undefined | null>[];\n\n /**\n * By default uses element.contains, but custom contain function can be provided\n *\n * @param parent - provided parent element\n * @param child - event target element\n */\n contains?(parent: HTMLElement | null, child: HTMLElement): boolean;\n\n /**\n * Disables event listeners\n */\n disabled?: boolean;\n\n /**\n * Called if the click is outside the element refs\n */\n callback: (ev: MouseEvent | TouchEvent) => void;\n};\n\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */\nexport const useOnClickOutside = (options: UseOnClickOrScrollOutsideOptions) => {\n const { refs, callback, element, disabled, contains: containsProp } = options;\n const timeoutId = React.useRef<number | undefined>(undefined);\n useIFrameFocus(options);\n\n const listener = useEventCallback((ev: MouseEvent | TouchEvent) => {\n const contains: UseOnClickOrScrollOutsideOptions['contains'] =\n containsProp || ((parent, child) => !!parent?.contains(child));\n\n const isOutside = refs.every(ref => !contains(ref.current || null, ev.target as HTMLElement));\n if (isOutside && !disabled) {\n callback(ev);\n }\n });\n\n React.useEffect(() => {\n if (disabled) {\n return;\n }\n\n // Store the current event to avoid triggering handlers immediately\n // Note this depends on a deprecated but extremely well supported quirk of the web platform\n // https://github.com/facebook/react/issues/20074\n let currentEvent = getWindowEvent(window);\n\n const conditionalHandler = (event: MouseEvent | TouchEvent) => {\n // Skip if this event is the same as the one running when we added the handlers\n if (event === currentEvent) {\n currentEvent = undefined;\n return;\n }\n\n listener(event);\n };\n\n // use capture phase because React can update DOM before the event bubbles to the document\n element?.addEventListener('click', conditionalHandler, true);\n element?.addEventListener('touchstart', conditionalHandler, true);\n element?.addEventListener('contextmenu', conditionalHandler, true);\n\n // Garbage collect this event after it's no longer useful to avoid memory leaks\n timeoutId.current = window.setTimeout(() => {\n currentEvent = undefined;\n }, 1);\n\n return () => {\n element?.removeEventListener('click', conditionalHandler, true);\n element?.removeEventListener('touchstart', conditionalHandler, true);\n element?.removeEventListener('contextmenu', conditionalHandler, true);\n\n clearTimeout(timeoutId.current);\n currentEvent = undefined;\n };\n }, [listener, element, disabled]);\n};\n\nconst getWindowEvent = (target: Node | Window): Event | undefined => {\n if (target) {\n if (typeof (target as Window).window === 'object' && (target as Window).window === target) {\n // eslint-disable-next-line deprecation/deprecation\n return target.event;\n }\n\n // eslint-disable-next-line deprecation/deprecation\n return (target as Node).ownerDocument?.defaultView?.event ?? undefined;\n }\n\n return undefined;\n};\n\nconst FUI_FRAME_EVENT = 'fuiframefocus';\n\ninterface UseIFrameFocusOptions extends UseOnClickOrScrollOutsideOptions {\n /**\n * Millisecond duration to poll\n */\n pollDuration?: number;\n}\n\n/**\n * Since click events do not propagate past iframes, we use focus to detect if a\n * click has happened inside an iframe, since the only ways of focusing inside an\n * iframe are:\n * - clicking inside\n * - tabbing inside\n *\n * Polls the value of `document.activeElement`. If it is an iframe, then dispatch\n * a custom DOM event. When the custom event is received call the provided callback\n */\nconst useIFrameFocus = (options: UseIFrameFocusOptions) => {\n const {\n disabled,\n element: targetDocument,\n callback,\n contains: containsProp = (parent, child) => !!parent?.contains(child),\n pollDuration = 1000,\n refs,\n } = options;\n const timeoutRef = React.useRef<number>();\n\n const listener = useEventCallback((e: Event) => {\n const contains = containsProp || ((parent, child) => !!parent?.contains(child));\n\n const isOutside = refs.every(ref => !contains(ref.current || null, e.target as HTMLElement));\n if (isOutside && !disabled) {\n callback(e as MouseEvent);\n }\n });\n\n // Adds listener to the custom iframe focus event\n React.useEffect(() => {\n if (disabled) {\n return;\n }\n\n targetDocument?.addEventListener(FUI_FRAME_EVENT, listener, true);\n\n return () => {\n targetDocument?.removeEventListener(FUI_FRAME_EVENT, listener, true);\n };\n }, [targetDocument, disabled, listener]);\n\n // Starts polling for the active element\n React.useEffect(() => {\n if (disabled) {\n return;\n }\n\n timeoutRef.current = targetDocument?.defaultView?.setInterval(() => {\n const activeElement = targetDocument?.activeElement;\n\n if (activeElement?.tagName === 'IFRAME' || activeElement?.tagName === 'WEBVIEW') {\n const event = new CustomEvent(FUI_FRAME_EVENT, { bubbles: true });\n activeElement.dispatchEvent(event);\n }\n }, pollDuration);\n\n return () => {\n targetDocument?.defaultView?.clearTimeout(timeoutRef.current);\n };\n }, [targetDocument, disabled, pollDuration]);\n};\n"],"names":["React","useEventCallback","useOnClickOutside","options","refs","callback","element","disabled","contains","containsProp","timeoutId","useRef","undefined","useIFrameFocus","listener","ev","parent","child","isOutside","every","ref","current","target","useEffect","currentEvent","getWindowEvent","window","conditionalHandler","event","addEventListener","setTimeout","removeEventListener","clearTimeout","ownerDocument","defaultView","FUI_FRAME_EVENT","targetDocument","pollDuration","timeoutRef","e","setInterval","activeElement","tagName","CustomEvent","bubbles","dispatchEvent"],"mappings":"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"}
@@ -3,34 +3,30 @@ import { useEventCallback } from './useEventCallback';
3
3
  /**
4
4
  * @internal
5
5
  * Utility to perform checks where a click/touch event was made outside a component
6
- */
7
- export const useOnScrollOutside = options => {
8
- const {
9
- refs,
10
- callback,
11
- element,
12
- disabled,
13
- contains: containsProp
14
- } = options;
15
- const listener = useEventCallback(ev => {
16
- const contains = containsProp || ((parent, child) => {
17
- return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
6
+ */ export const useOnScrollOutside = (options)=>{
7
+ const { refs , callback , element , disabled , contains: containsProp } = options;
8
+ const listener = useEventCallback((ev)=>{
9
+ const contains = containsProp || ((parent, child)=>{
10
+ return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
11
+ });
12
+ const isOutside = refs.every((ref)=>!contains(ref.current || null, ev.target));
13
+ if (isOutside && !disabled) {
14
+ callback(ev);
15
+ }
18
16
  });
19
- const isOutside = refs.every(ref => !contains(ref.current || null, ev.target));
20
- if (isOutside && !disabled) {
21
- callback(ev);
22
- }
23
- });
24
- React.useEffect(() => {
25
- if (disabled) {
26
- return;
27
- }
28
- element === null || element === void 0 ? void 0 : element.addEventListener('wheel', listener);
29
- element === null || element === void 0 ? void 0 : element.addEventListener('touchmove', listener);
30
- return () => {
31
- element === null || element === void 0 ? void 0 : element.removeEventListener('wheel', listener);
32
- element === null || element === void 0 ? void 0 : element.removeEventListener('touchmove', listener);
33
- };
34
- }, [listener, element, disabled]);
17
+ React.useEffect(()=>{
18
+ if (disabled) {
19
+ return;
20
+ }
21
+ element === null || element === void 0 ? void 0 : element.addEventListener('wheel', listener);
22
+ element === null || element === void 0 ? void 0 : element.addEventListener('touchmove', listener);
23
+ return ()=>{
24
+ element === null || element === void 0 ? void 0 : element.removeEventListener('wheel', listener);
25
+ element === null || element === void 0 ? void 0 : element.removeEventListener('touchmove', listener);
26
+ };
27
+ }, [
28
+ listener,
29
+ element,
30
+ disabled
31
+ ]);
35
32
  };
36
- //# sourceMappingURL=useOnScrollOutside.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","useEventCallback","useOnScrollOutside","options","refs","callback","element","disabled","contains","containsProp","listener","ev","parent","child","isOutside","every","ref","current","target","useEffect","addEventListener","removeEventListener"],"sources":["../../src/hooks/useOnScrollOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from './useEventCallback';\nimport type { UseOnClickOrScrollOutsideOptions } from './useOnClickOutside';\n\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */\nexport const useOnScrollOutside = (options: UseOnClickOrScrollOutsideOptions) => {\n const { refs, callback, element, disabled, contains: containsProp } = options;\n\n const listener = useEventCallback((ev: MouseEvent | TouchEvent) => {\n const contains: UseOnClickOrScrollOutsideOptions['contains'] =\n containsProp || ((parent, child) => !!parent?.contains(child));\n\n const isOutside = refs.every(ref => !contains(ref.current || null, ev.target as HTMLElement));\n if (isOutside && !disabled) {\n callback(ev);\n }\n });\n\n React.useEffect(() => {\n if (disabled) {\n return;\n }\n\n element?.addEventListener('wheel', listener);\n element?.addEventListener('touchmove', listener);\n\n return () => {\n element?.removeEventListener('wheel', listener);\n element?.removeEventListener('touchmove', listener);\n };\n }, [listener, element, disabled]);\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,gBAAgB,QAAQ;AAGjC;;;;AAIA,OAAO,MAAMC,kBAAA,GAAsBC,OAAA,IAA8C;EAC/E,MAAM;IAAEC,IAAA;IAAMC,QAAA;IAAUC,OAAA;IAASC,QAAA;IAAUC,QAAA,EAAUC;EAAY,CAAE,GAAGN,OAAA;EAEtE,MAAMO,QAAA,GAAWT,gBAAA,CAAkBU,EAAA,IAAgC;IACjE,MAAMH,QAAA,GACJC,YAAA,KAAiB,CAACG,MAAA,EAAQC,KAAA;MAAU,QAAC,EAACD,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAQJ,QAAQ,CAACK,KAAA;KAAK;IAE9D,MAAMC,SAAA,GAAYV,IAAA,CAAKW,KAAK,CAACC,GAAA,IAAO,CAACR,QAAA,CAASQ,GAAA,CAAIC,OAAO,IAAI,IAAI,EAAEN,EAAA,CAAGO,MAAM;IAC5E,IAAIJ,SAAA,IAAa,CAACP,QAAA,EAAU;MAC1BF,QAAA,CAASM,EAAA;IACX;EACF;EAEAX,KAAA,CAAMmB,SAAS,CAAC,MAAM;IACpB,IAAIZ,QAAA,EAAU;MACZ;IACF;IAEAD,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASc,gBAAgB,CAAC,SAASV,QAAA;IACnCJ,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASc,gBAAgB,CAAC,aAAaV,QAAA;IAEvC,OAAO,MAAM;MACXJ,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASe,mBAAmB,CAAC,SAASX,QAAA;MACtCJ,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASe,mBAAmB,CAAC,aAAaX,QAAA;IAC5C;EACF,GAAG,CAACA,QAAA,EAAUJ,OAAA,EAASC,QAAA,CAAS;AAClC"}
1
+ {"version":3,"sources":["useOnScrollOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from './useEventCallback';\nimport type { UseOnClickOrScrollOutsideOptions } from './useOnClickOutside';\n\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */\nexport const useOnScrollOutside = (options: UseOnClickOrScrollOutsideOptions) => {\n const { refs, callback, element, disabled, contains: containsProp } = options;\n\n const listener = useEventCallback((ev: MouseEvent | TouchEvent) => {\n const contains: UseOnClickOrScrollOutsideOptions['contains'] =\n containsProp || ((parent, child) => !!parent?.contains(child));\n\n const isOutside = refs.every(ref => !contains(ref.current || null, ev.target as HTMLElement));\n if (isOutside && !disabled) {\n callback(ev);\n }\n });\n\n React.useEffect(() => {\n if (disabled) {\n return;\n }\n\n element?.addEventListener('wheel', listener);\n element?.addEventListener('touchmove', listener);\n\n return () => {\n element?.removeEventListener('wheel', listener);\n element?.removeEventListener('touchmove', listener);\n };\n }, [listener, element, disabled]);\n};\n"],"names":["React","useEventCallback","useOnScrollOutside","options","refs","callback","element","disabled","contains","containsProp","listener","ev","parent","child","isOutside","every","ref","current","target","useEffect","addEventListener","removeEventListener"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,qBAAqB;AAGtD;;;CAGC,GACD,OAAO,MAAMC,qBAAqB,CAACC,UAA8C;IAC/E,MAAM,EAAEC,KAAI,EAAEC,SAAQ,EAAEC,QAAO,EAAEC,SAAQ,EAAEC,UAAUC,aAAY,EAAE,GAAGN;IAEtE,MAAMO,WAAWT,iBAAiB,CAACU,KAAgC;QACjE,MAAMH,WACJC,gBAAiB,CAAA,CAACG,QAAQC;YAAU,OAAA,CAAC,EAACD,mBAAAA,oBAAAA,KAAAA,IAAAA,OAAQJ,QAAQ,CAACK;SAAK;QAE9D,MAAMC,YAAYV,KAAKW,KAAK,CAACC,CAAAA,MAAO,CAACR,SAASQ,IAAIC,OAAO,IAAI,IAAI,EAAEN,GAAGO,MAAM;QAC5E,IAAIJ,aAAa,CAACP,UAAU;YAC1BF,SAASM;QACX,CAAC;IACH;IAEAX,MAAMmB,SAAS,CAAC,IAAM;QACpB,IAAIZ,UAAU;YACZ;QACF,CAAC;QAEDD,oBAAAA,qBAAAA,KAAAA,IAAAA,QAASc,gBAAgB,CAAC,SAASV;QACnCJ,oBAAAA,qBAAAA,KAAAA,IAAAA,QAASc,gBAAgB,CAAC,aAAaV;QAEvC,OAAO,IAAM;YACXJ,oBAAAA,qBAAAA,KAAAA,IAAAA,QAASe,mBAAmB,CAAC,SAASX;YACtCJ,oBAAAA,qBAAAA,KAAAA,IAAAA,QAASe,mBAAmB,CAAC,aAAaX;QAC5C;IACF,GAAG;QAACA;QAAUJ;QAASC;KAAS;AAClC,EAAE"}
@@ -1,12 +1,12 @@
1
1
  import * as React from 'react';
2
2
  /**
3
3
  * @internal
4
- */
5
- export const usePrevious = value => {
6
- const ref = React.useRef(null);
7
- React.useEffect(() => {
8
- ref.current = value;
9
- }, [value]);
10
- return ref.current;
4
+ */ export const usePrevious = (value)=>{
5
+ const ref = React.useRef(null);
6
+ React.useEffect(()=>{
7
+ ref.current = value;
8
+ }, [
9
+ value
10
+ ]);
11
+ return ref.current;
11
12
  };
12
- //# sourceMappingURL=usePrevious.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","usePrevious","value","ref","useRef","useEffect","current"],"sources":["../../src/hooks/usePrevious.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * @internal\n */\nexport const usePrevious = <ValueType = unknown>(value: ValueType) => {\n const ref = React.useRef<ValueType | null>(null);\n React.useEffect(() => {\n ref.current = value;\n }, [value]);\n return ref.current;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAEvB;;;AAGA,OAAO,MAAMC,WAAA,GAAoCC,KAAA,IAAqB;EACpE,MAAMC,GAAA,GAAMH,KAAA,CAAMI,MAAM,CAAmB,IAAI;EAC/CJ,KAAA,CAAMK,SAAS,CAAC,MAAM;IACpBF,GAAA,CAAIG,OAAO,GAAGJ,KAAA;EAChB,GAAG,CAACA,KAAA,CAAM;EACV,OAAOC,GAAA,CAAIG,OAAO;AACpB"}
1
+ {"version":3,"sources":["usePrevious.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * @internal\n */\nexport const usePrevious = <ValueType = unknown>(value: ValueType) => {\n const ref = React.useRef<ValueType | null>(null);\n React.useEffect(() => {\n ref.current = value;\n }, [value]);\n return ref.current;\n};\n"],"names":["React","usePrevious","value","ref","useRef","useEffect","current"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAsBC,QAAqB;IACpE,MAAMC,MAAMH,MAAMI,MAAM,CAAmB,IAAI;IAC/CJ,MAAMK,SAAS,CAAC,IAAM;QACpBF,IAAIG,OAAO,GAAGJ;IAChB,GAAG;QAACA;KAAM;IACV,OAAOC,IAAIG,OAAO;AACpB,EAAE"}
@@ -1,30 +1,28 @@
1
1
  import * as React from 'react';
2
- const cache = /*#__PURE__*/new WeakMap();
2
+ const cache = new WeakMap();
3
3
  /**
4
4
  * @returns The width in pixels of the scrollbar in the user agent
5
- */
6
- export function useScrollbarWidth(options) {
7
- const {
8
- targetDocument,
9
- force
10
- } = options;
11
- return React.useMemo(() => {
12
- if (!targetDocument) {
13
- return 0;
14
- }
15
- if (!force && cache.has(targetDocument)) {
16
- return cache.get(targetDocument);
17
- }
18
- const outer = targetDocument.createElement('div');
19
- outer.style.visibility = 'hidden';
20
- outer.style.overflow = 'scroll';
21
- const inner = targetDocument.createElement('div');
22
- outer.appendChild(inner);
23
- targetDocument.body.appendChild(outer);
24
- const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;
25
- outer.remove();
26
- cache.set(targetDocument, scrollbarWidth);
27
- return scrollbarWidth;
28
- }, [targetDocument, force]);
5
+ */ export function useScrollbarWidth(options) {
6
+ const { targetDocument , force } = options;
7
+ return React.useMemo(()=>{
8
+ if (!targetDocument) {
9
+ return 0;
10
+ }
11
+ if (!force && cache.has(targetDocument)) {
12
+ return cache.get(targetDocument);
13
+ }
14
+ const outer = targetDocument.createElement('div');
15
+ outer.style.visibility = 'hidden';
16
+ outer.style.overflow = 'scroll';
17
+ const inner = targetDocument.createElement('div');
18
+ outer.appendChild(inner);
19
+ targetDocument.body.appendChild(outer);
20
+ const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;
21
+ outer.remove();
22
+ cache.set(targetDocument, scrollbarWidth);
23
+ return scrollbarWidth;
24
+ }, [
25
+ targetDocument,
26
+ force
27
+ ]);
29
28
  }
30
- //# sourceMappingURL=useScrollbarWidth.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","cache","WeakMap","useScrollbarWidth","options","targetDocument","force","useMemo","has","get","outer","createElement","style","visibility","overflow","inner","appendChild","body","scrollbarWidth","offsetWidth","remove","set"],"sources":["../../src/hooks/useScrollbarWidth.ts"],"sourcesContent":["import * as React from 'react';\n\nconst cache = new WeakMap<Document, number>();\n\ninterface UseScrollbarWidthOptions {\n /**\n * Reference document to measure the scrollbar width\n */\n targetDocument: Document | null | undefined;\n\n /**\n * Does not use the cache and recalculates the scrollbar width\n */\n force?: boolean;\n}\n\n/**\n * @returns The width in pixels of the scrollbar in the user agent\n */\nexport function useScrollbarWidth(options: UseScrollbarWidthOptions) {\n const { targetDocument, force } = options;\n return React.useMemo(() => {\n if (!targetDocument) {\n return 0;\n }\n\n if (!force && cache.has(targetDocument)) {\n return cache.get(targetDocument);\n }\n\n const outer = targetDocument.createElement('div');\n outer.style.visibility = 'hidden';\n outer.style.overflow = 'scroll';\n\n const inner = targetDocument.createElement('div');\n outer.appendChild(inner);\n\n targetDocument.body.appendChild(outer);\n const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;\n outer.remove();\n cache.set(targetDocument, scrollbarWidth);\n return scrollbarWidth;\n }, [targetDocument, force]);\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAEvB,MAAMC,KAAA,gBAAQ,IAAIC,OAAA;AAclB;;;AAGA,OAAO,SAASC,kBAAkBC,OAAiC,EAAE;EACnE,MAAM;IAAEC,cAAA;IAAgBC;EAAK,CAAE,GAAGF,OAAA;EAClC,OAAOJ,KAAA,CAAMO,OAAO,CAAC,MAAM;IACzB,IAAI,CAACF,cAAA,EAAgB;MACnB,OAAO;IACT;IAEA,IAAI,CAACC,KAAA,IAASL,KAAA,CAAMO,GAAG,CAACH,cAAA,GAAiB;MACvC,OAAOJ,KAAA,CAAMQ,GAAG,CAACJ,cAAA;IACnB;IAEA,MAAMK,KAAA,GAAQL,cAAA,CAAeM,aAAa,CAAC;IAC3CD,KAAA,CAAME,KAAK,CAACC,UAAU,GAAG;IACzBH,KAAA,CAAME,KAAK,CAACE,QAAQ,GAAG;IAEvB,MAAMC,KAAA,GAAQV,cAAA,CAAeM,aAAa,CAAC;IAC3CD,KAAA,CAAMM,WAAW,CAACD,KAAA;IAElBV,cAAA,CAAeY,IAAI,CAACD,WAAW,CAACN,KAAA;IAChC,MAAMQ,cAAA,GAAiBR,KAAA,CAAMS,WAAW,GAAGJ,KAAA,CAAMI,WAAW;IAC5DT,KAAA,CAAMU,MAAM;IACZnB,KAAA,CAAMoB,GAAG,CAAChB,cAAA,EAAgBa,cAAA;IAC1B,OAAOA,cAAA;EACT,GAAG,CAACb,cAAA,EAAgBC,KAAA,CAAM;AAC5B"}
1
+ {"version":3,"sources":["useScrollbarWidth.ts"],"sourcesContent":["import * as React from 'react';\n\nconst cache = new WeakMap<Document, number>();\n\ninterface UseScrollbarWidthOptions {\n /**\n * Reference document to measure the scrollbar width\n */\n targetDocument: Document | null | undefined;\n\n /**\n * Does not use the cache and recalculates the scrollbar width\n */\n force?: boolean;\n}\n\n/**\n * @returns The width in pixels of the scrollbar in the user agent\n */\nexport function useScrollbarWidth(options: UseScrollbarWidthOptions) {\n const { targetDocument, force } = options;\n return React.useMemo(() => {\n if (!targetDocument) {\n return 0;\n }\n\n if (!force && cache.has(targetDocument)) {\n return cache.get(targetDocument);\n }\n\n const outer = targetDocument.createElement('div');\n outer.style.visibility = 'hidden';\n outer.style.overflow = 'scroll';\n\n const inner = targetDocument.createElement('div');\n outer.appendChild(inner);\n\n targetDocument.body.appendChild(outer);\n const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;\n outer.remove();\n cache.set(targetDocument, scrollbarWidth);\n return scrollbarWidth;\n }, [targetDocument, force]);\n}\n"],"names":["React","cache","WeakMap","useScrollbarWidth","options","targetDocument","force","useMemo","has","get","outer","createElement","style","visibility","overflow","inner","appendChild","body","scrollbarWidth","offsetWidth","remove","set"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,MAAMC,QAAQ,IAAIC;AAclB;;CAEC,GACD,OAAO,SAASC,kBAAkBC,OAAiC,EAAE;IACnE,MAAM,EAAEC,eAAc,EAAEC,MAAK,EAAE,GAAGF;IAClC,OAAOJ,MAAMO,OAAO,CAAC,IAAM;QACzB,IAAI,CAACF,gBAAgB;YACnB,OAAO;QACT,CAAC;QAED,IAAI,CAACC,SAASL,MAAMO,GAAG,CAACH,iBAAiB;YACvC,OAAOJ,MAAMQ,GAAG,CAACJ;QACnB,CAAC;QAED,MAAMK,QAAQL,eAAeM,aAAa,CAAC;QAC3CD,MAAME,KAAK,CAACC,UAAU,GAAG;QACzBH,MAAME,KAAK,CAACE,QAAQ,GAAG;QAEvB,MAAMC,QAAQV,eAAeM,aAAa,CAAC;QAC3CD,MAAMM,WAAW,CAACD;QAElBV,eAAeY,IAAI,CAACD,WAAW,CAACN;QAChC,MAAMQ,iBAAiBR,MAAMS,WAAW,GAAGJ,MAAMI,WAAW;QAC5DT,MAAMU,MAAM;QACZnB,MAAMoB,GAAG,CAAChB,gBAAgBa;QAC1B,OAAOA;IACT,GAAG;QAACb;QAAgBC;KAAM;AAC5B,CAAC"}
@@ -6,23 +6,26 @@ import * as React from 'react';
6
6
  * and is cleaned up when the component is unloaded.
7
7
  *
8
8
  * @returns A pair of [setTimeout, clearTimeout] that are stable between renders.
9
- */
10
- export function useTimeout() {
11
- const [timeout] = React.useState(() => ({
12
- id: undefined,
13
- set: (fn, delay) => {
14
- timeout.clear();
15
- timeout.id = setTimeout(fn, delay);
16
- },
17
- clear: () => {
18
- if (timeout.id !== undefined) {
19
- clearTimeout(timeout.id);
20
- timeout.id = undefined;
21
- }
22
- }
23
- }));
24
- // Clean up the timeout when the component is unloaded
25
- React.useEffect(() => timeout.clear, [timeout]);
26
- return [timeout.set, timeout.clear];
9
+ */ export function useTimeout() {
10
+ const [timeout] = React.useState(()=>({
11
+ id: undefined,
12
+ set: (fn, delay)=>{
13
+ timeout.clear();
14
+ timeout.id = setTimeout(fn, delay);
15
+ },
16
+ clear: ()=>{
17
+ if (timeout.id !== undefined) {
18
+ clearTimeout(timeout.id);
19
+ timeout.id = undefined;
20
+ }
21
+ }
22
+ }));
23
+ // Clean up the timeout when the component is unloaded
24
+ React.useEffect(()=>timeout.clear, [
25
+ timeout
26
+ ]);
27
+ return [
28
+ timeout.set,
29
+ timeout.clear
30
+ ];
27
31
  }
28
- //# sourceMappingURL=useTimeout.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","useTimeout","timeout","useState","id","undefined","set","fn","delay","clear","setTimeout","clearTimeout","useEffect"],"sources":["../../src/hooks/useTimeout.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * @internal\n * Helper to manage a browser timeout.\n * Ensures that the timeout isn't set multiple times at once,\n * and is cleaned up when the component is unloaded.\n *\n * @returns A pair of [setTimeout, clearTimeout] that are stable between renders.\n */\nexport function useTimeout() {\n const [timeout] = React.useState(() => ({\n id: undefined as ReturnType<typeof setTimeout> | undefined,\n set: (fn: () => void, delay: number) => {\n timeout.clear();\n timeout.id = setTimeout(fn, delay);\n },\n clear: () => {\n if (timeout.id !== undefined) {\n clearTimeout(timeout.id);\n timeout.id = undefined;\n }\n },\n }));\n\n // Clean up the timeout when the component is unloaded\n React.useEffect(() => timeout.clear, [timeout]);\n\n return [timeout.set, timeout.clear] as const;\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAEvB;;;;;;;;AAQA,OAAO,SAASC,WAAA,EAAa;EAC3B,MAAM,CAACC,OAAA,CAAQ,GAAGF,KAAA,CAAMG,QAAQ,CAAC,OAAO;IACtCC,EAAA,EAAIC,SAAA;IACJC,GAAA,EAAKA,CAACC,EAAA,EAAgBC,KAAA,KAAkB;MACtCN,OAAA,CAAQO,KAAK;MACbP,OAAA,CAAQE,EAAE,GAAGM,UAAA,CAAWH,EAAA,EAAIC,KAAA;IAC9B;IACAC,KAAA,EAAOA,CAAA,KAAM;MACX,IAAIP,OAAA,CAAQE,EAAE,KAAKC,SAAA,EAAW;QAC5BM,YAAA,CAAaT,OAAA,CAAQE,EAAE;QACvBF,OAAA,CAAQE,EAAE,GAAGC,SAAA;MACf;IACF;EACF;EAEA;EACAL,KAAA,CAAMY,SAAS,CAAC,MAAMV,OAAA,CAAQO,KAAK,EAAE,CAACP,OAAA,CAAQ;EAE9C,OAAO,CAACA,OAAA,CAAQI,GAAG,EAAEJ,OAAA,CAAQO,KAAK,CAAC;AACrC"}
1
+ {"version":3,"sources":["useTimeout.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * @internal\n * Helper to manage a browser timeout.\n * Ensures that the timeout isn't set multiple times at once,\n * and is cleaned up when the component is unloaded.\n *\n * @returns A pair of [setTimeout, clearTimeout] that are stable between renders.\n */\nexport function useTimeout() {\n const [timeout] = React.useState(() => ({\n id: undefined as ReturnType<typeof setTimeout> | undefined,\n set: (fn: () => void, delay: number) => {\n timeout.clear();\n timeout.id = setTimeout(fn, delay);\n },\n clear: () => {\n if (timeout.id !== undefined) {\n clearTimeout(timeout.id);\n timeout.id = undefined;\n }\n },\n }));\n\n // Clean up the timeout when the component is unloaded\n React.useEffect(() => timeout.clear, [timeout]);\n\n return [timeout.set, timeout.clear] as const;\n}\n"],"names":["React","useTimeout","timeout","useState","id","undefined","set","fn","delay","clear","setTimeout","clearTimeout","useEffect"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B;;;;;;;CAOC,GACD,OAAO,SAASC,aAAa;IAC3B,MAAM,CAACC,QAAQ,GAAGF,MAAMG,QAAQ,CAAC,IAAO,CAAA;YACtCC,IAAIC;YACJC,KAAK,CAACC,IAAgBC,QAAkB;gBACtCN,QAAQO,KAAK;gBACbP,QAAQE,EAAE,GAAGM,WAAWH,IAAIC;YAC9B;YACAC,OAAO,IAAM;gBACX,IAAIP,QAAQE,EAAE,KAAKC,WAAW;oBAC5BM,aAAaT,QAAQE,EAAE;oBACvBF,QAAQE,EAAE,GAAGC;gBACf,CAAC;YACH;QACF,CAAA;IAEA,sDAAsD;IACtDL,MAAMY,SAAS,CAAC,IAAMV,QAAQO,KAAK,EAAE;QAACP;KAAQ;IAE9C,OAAO;QAACA,QAAQI,GAAG;QAAEJ,QAAQO,KAAK;KAAC;AACrC,CAAC"}
package/lib/index.js CHANGED
@@ -4,4 +4,3 @@ export { canUseDOM, useIsSSR, SSRProvider } from './ssr/index';
4
4
  export { clamp, getNativeElementProps, getPartitionedNativeProps, getRTLSafeKey, mergeCallbacks, isHTMLElement, isInteractiveHTMLElement, omit, createPriorityQueue } from './utils/index';
5
5
  export { applyTriggerPropsToChildren, getTriggerChild, isFluentTrigger } from './trigger/index';
6
6
  export { isTouchEvent, isMouseEvent, getEventClientCoords } from './events/index';
7
- //# sourceMappingURL=index.js.map
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["getSlots","getSlotsNext","resolveShorthand","isResolvedShorthand","SLOT_RENDER_FUNCTION_SYMBOL","IdPrefixProvider","resetIdsForTests","useControllableState","useEventCallback","useFirstMount","useForceUpdate","useId","useIsomorphicLayoutEffect","useMergedRefs","useOnClickOutside","useOnScrollOutside","usePrevious","useScrollbarWidth","useTimeout","canUseDOM","useIsSSR","SSRProvider","clamp","getNativeElementProps","getPartitionedNativeProps","getRTLSafeKey","mergeCallbacks","isHTMLElement","isInteractiveHTMLElement","omit","createPriorityQueue","applyTriggerPropsToChildren","getTriggerChild","isFluentTrigger","isTouchEvent","isMouseEvent","getEventClientCoords"],"sources":["../src/index.ts"],"sourcesContent":["export {\n getSlots,\n getSlotsNext,\n resolveShorthand,\n isResolvedShorthand,\n SLOT_RENDER_FUNCTION_SYMBOL,\n} from './compose/index';\nexport type {\n ExtractSlotProps,\n ComponentProps,\n ComponentState,\n ForwardRefComponent,\n ResolveShorthandFunction,\n ResolveShorthandOptions,\n Slot,\n Slots,\n SlotClassNames,\n SlotPropsRecord,\n SlotRenderFunction,\n SlotShorthandValue,\n UnknownSlotProps,\n} from './compose/index';\n\nexport {\n IdPrefixProvider,\n resetIdsForTests,\n useControllableState,\n useEventCallback,\n useFirstMount,\n useForceUpdate,\n useId,\n useIsomorphicLayoutEffect,\n useMergedRefs,\n useOnClickOutside,\n useOnScrollOutside,\n usePrevious,\n useScrollbarWidth,\n useTimeout,\n} from './hooks/index';\nexport type { RefObjectFunction, UseControllableStateOptions, UseOnClickOrScrollOutsideOptions } from './hooks/index';\n\nexport { canUseDOM, useIsSSR, SSRProvider } from './ssr/index';\n\nexport {\n clamp,\n getNativeElementProps,\n getPartitionedNativeProps,\n getRTLSafeKey,\n mergeCallbacks,\n isHTMLElement,\n isInteractiveHTMLElement,\n omit,\n createPriorityQueue,\n} from './utils/index';\n\nexport type { PriorityQueue } from './utils/priorityQueue';\n\nexport { applyTriggerPropsToChildren, getTriggerChild, isFluentTrigger } from './trigger/index';\n\nexport type { FluentTriggerComponent, TriggerProps } from './trigger/index';\n\n/**\n * Event utils\n */\nexport type { NativeTouchOrMouseEvent, ReactTouchOrMouseEvent, TouchOrMouseEvent } from './events/index';\nexport { isTouchEvent, isMouseEvent, getEventClientCoords } from './events/index';\n"],"mappings":"AAAA,SACEA,QAAQ,EACRC,YAAY,EACZC,gBAAgB,EAChBC,mBAAmB,EACnBC,2BAA2B,QACtB;AAiBP,SACEC,gBAAgB,EAChBC,gBAAgB,EAChBC,oBAAoB,EACpBC,gBAAgB,EAChBC,aAAa,EACbC,cAAc,EACdC,KAAK,EACLC,yBAAyB,EACzBC,aAAa,EACbC,iBAAiB,EACjBC,kBAAkB,EAClBC,WAAW,EACXC,iBAAiB,EACjBC,UAAU,QACL;AAGP,SAASC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,QAAQ;AAEjD,SACEC,KAAK,EACLC,qBAAqB,EACrBC,yBAAyB,EACzBC,aAAa,EACbC,cAAc,EACdC,aAAa,EACbC,wBAAwB,EACxBC,IAAI,EACJC,mBAAmB,QACd;AAIP,SAASC,2BAA2B,EAAEC,eAAe,EAAEC,eAAe,QAAQ;AAQ9E,SAASC,YAAY,EAAEC,YAAY,EAAEC,oBAAoB,QAAQ"}
1
+ {"version":3,"sources":["index.ts"],"sourcesContent":["export {\n getSlots,\n getSlotsNext,\n resolveShorthand,\n isResolvedShorthand,\n SLOT_RENDER_FUNCTION_SYMBOL,\n} from './compose/index';\nexport type {\n ExtractSlotProps,\n ComponentProps,\n ComponentState,\n ForwardRefComponent,\n ResolveShorthandFunction,\n ResolveShorthandOptions,\n Slot,\n Slots,\n SlotClassNames,\n SlotPropsRecord,\n SlotRenderFunction,\n SlotShorthandValue,\n UnknownSlotProps,\n} from './compose/index';\n\nexport {\n IdPrefixProvider,\n resetIdsForTests,\n useControllableState,\n useEventCallback,\n useFirstMount,\n useForceUpdate,\n useId,\n useIsomorphicLayoutEffect,\n useMergedRefs,\n useOnClickOutside,\n useOnScrollOutside,\n usePrevious,\n useScrollbarWidth,\n useTimeout,\n} from './hooks/index';\nexport type { RefObjectFunction, UseControllableStateOptions, UseOnClickOrScrollOutsideOptions } from './hooks/index';\n\nexport { canUseDOM, useIsSSR, SSRProvider } from './ssr/index';\n\nexport {\n clamp,\n getNativeElementProps,\n getPartitionedNativeProps,\n getRTLSafeKey,\n mergeCallbacks,\n isHTMLElement,\n isInteractiveHTMLElement,\n omit,\n createPriorityQueue,\n} from './utils/index';\n\nexport type { PriorityQueue } from './utils/priorityQueue';\n\nexport { applyTriggerPropsToChildren, getTriggerChild, isFluentTrigger } from './trigger/index';\n\nexport type { FluentTriggerComponent, TriggerProps } from './trigger/index';\n\n/**\n * Event utils\n */\nexport type { NativeTouchOrMouseEvent, ReactTouchOrMouseEvent, TouchOrMouseEvent } from './events/index';\nexport { isTouchEvent, isMouseEvent, getEventClientCoords } from './events/index';\n"],"names":["getSlots","getSlotsNext","resolveShorthand","isResolvedShorthand","SLOT_RENDER_FUNCTION_SYMBOL","IdPrefixProvider","resetIdsForTests","useControllableState","useEventCallback","useFirstMount","useForceUpdate","useId","useIsomorphicLayoutEffect","useMergedRefs","useOnClickOutside","useOnScrollOutside","usePrevious","useScrollbarWidth","useTimeout","canUseDOM","useIsSSR","SSRProvider","clamp","getNativeElementProps","getPartitionedNativeProps","getRTLSafeKey","mergeCallbacks","isHTMLElement","isInteractiveHTMLElement","omit","createPriorityQueue","applyTriggerPropsToChildren","getTriggerChild","isFluentTrigger","isTouchEvent","isMouseEvent","getEventClientCoords"],"mappings":"AAAA,SACEA,QAAQ,EACRC,YAAY,EACZC,gBAAgB,EAChBC,mBAAmB,EACnBC,2BAA2B,QACtB,kBAAkB;AAiBzB,SACEC,gBAAgB,EAChBC,gBAAgB,EAChBC,oBAAoB,EACpBC,gBAAgB,EAChBC,aAAa,EACbC,cAAc,EACdC,KAAK,EACLC,yBAAyB,EACzBC,aAAa,EACbC,iBAAiB,EACjBC,kBAAkB,EAClBC,WAAW,EACXC,iBAAiB,EACjBC,UAAU,QACL,gBAAgB;AAGvB,SAASC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,cAAc;AAE/D,SACEC,KAAK,EACLC,qBAAqB,EACrBC,yBAAyB,EACzBC,aAAa,EACbC,cAAc,EACdC,aAAa,EACbC,wBAAwB,EACxBC,IAAI,EACJC,mBAAmB,QACd,gBAAgB;AAIvB,SAASC,2BAA2B,EAAEC,eAAe,EAAEC,eAAe,QAAQ,kBAAkB;AAQhG,SAASC,YAAY,EAAEC,YAAY,EAAEC,oBAAoB,QAAQ,iBAAiB"}