@hanzogui/floating 2.0.0-rc.41-hanzoai.5

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 (187) hide show
  1. package/LICENSE +21 -0
  2. package/dist/cjs/Floating.cjs +20 -0
  3. package/dist/cjs/Floating.native.js +39 -0
  4. package/dist/cjs/Floating.native.js.map +1 -0
  5. package/dist/cjs/index.cjs +73 -0
  6. package/dist/cjs/index.native.js +76 -0
  7. package/dist/cjs/index.native.js.map +1 -0
  8. package/dist/cjs/interactions/PopupTriggerMap.cjs +49 -0
  9. package/dist/cjs/interactions/PopupTriggerMap.native.js +97 -0
  10. package/dist/cjs/interactions/PopupTriggerMap.native.js.map +1 -0
  11. package/dist/cjs/interactions/createFloatingEvents.cjs +50 -0
  12. package/dist/cjs/interactions/createFloatingEvents.native.js +56 -0
  13. package/dist/cjs/interactions/createFloatingEvents.native.js.map +1 -0
  14. package/dist/cjs/interactions/safePolygon.cjs +273 -0
  15. package/dist/cjs/interactions/safePolygon.native.js +284 -0
  16. package/dist/cjs/interactions/safePolygon.native.js.map +1 -0
  17. package/dist/cjs/interactions/types.cjs +18 -0
  18. package/dist/cjs/interactions/types.native.js +21 -0
  19. package/dist/cjs/interactions/types.native.js.map +1 -0
  20. package/dist/cjs/interactions/useClick.cjs +124 -0
  21. package/dist/cjs/interactions/useClick.native.js +132 -0
  22. package/dist/cjs/interactions/useClick.native.js.map +1 -0
  23. package/dist/cjs/interactions/useDelayGroup.cjs +115 -0
  24. package/dist/cjs/interactions/useDelayGroup.native.js +125 -0
  25. package/dist/cjs/interactions/useDelayGroup.native.js.map +1 -0
  26. package/dist/cjs/interactions/useFocus.cjs +130 -0
  27. package/dist/cjs/interactions/useFocus.native.js +139 -0
  28. package/dist/cjs/interactions/useFocus.native.js.map +1 -0
  29. package/dist/cjs/interactions/useHover.cjs +357 -0
  30. package/dist/cjs/interactions/useHover.native.js +373 -0
  31. package/dist/cjs/interactions/useHover.native.js.map +1 -0
  32. package/dist/cjs/interactions/useInnerOffset.cjs +128 -0
  33. package/dist/cjs/interactions/useInnerOffset.native.js +141 -0
  34. package/dist/cjs/interactions/useInnerOffset.native.js.map +1 -0
  35. package/dist/cjs/interactions/useInteractions.cjs +105 -0
  36. package/dist/cjs/interactions/useInteractions.native.js +216 -0
  37. package/dist/cjs/interactions/useInteractions.native.js.map +1 -0
  38. package/dist/cjs/interactions/useListNavigation.cjs +418 -0
  39. package/dist/cjs/interactions/useListNavigation.native.js +433 -0
  40. package/dist/cjs/interactions/useListNavigation.native.js.map +1 -0
  41. package/dist/cjs/interactions/useRole.cjs +122 -0
  42. package/dist/cjs/interactions/useRole.native.js +136 -0
  43. package/dist/cjs/interactions/useRole.native.js.map +1 -0
  44. package/dist/cjs/interactions/useTypeahead.cjs +143 -0
  45. package/dist/cjs/interactions/useTypeahead.native.js +159 -0
  46. package/dist/cjs/interactions/useTypeahead.native.js.map +1 -0
  47. package/dist/cjs/interactions/utils.cjs +208 -0
  48. package/dist/cjs/interactions/utils.native.js +227 -0
  49. package/dist/cjs/interactions/utils.native.js.map +1 -0
  50. package/dist/cjs/middleware/inner.cjs +118 -0
  51. package/dist/cjs/middleware/inner.native.js +130 -0
  52. package/dist/cjs/middleware/inner.native.js.map +1 -0
  53. package/dist/cjs/useFloating.cjs +64 -0
  54. package/dist/cjs/useFloating.native.js +69 -0
  55. package/dist/cjs/useFloating.native.js.map +1 -0
  56. package/dist/esm/Floating.mjs +2 -0
  57. package/dist/esm/Floating.mjs.map +1 -0
  58. package/dist/esm/Floating.native.js +8 -0
  59. package/dist/esm/Floating.native.js.map +1 -0
  60. package/dist/esm/index.js +18 -0
  61. package/dist/esm/index.js.map +1 -0
  62. package/dist/esm/index.mjs +18 -0
  63. package/dist/esm/index.mjs.map +1 -0
  64. package/dist/esm/index.native.js +18 -0
  65. package/dist/esm/index.native.js.map +1 -0
  66. package/dist/esm/interactions/PopupTriggerMap.mjs +24 -0
  67. package/dist/esm/interactions/PopupTriggerMap.mjs.map +1 -0
  68. package/dist/esm/interactions/PopupTriggerMap.native.js +69 -0
  69. package/dist/esm/interactions/PopupTriggerMap.native.js.map +1 -0
  70. package/dist/esm/interactions/createFloatingEvents.mjs +25 -0
  71. package/dist/esm/interactions/createFloatingEvents.mjs.map +1 -0
  72. package/dist/esm/interactions/createFloatingEvents.native.js +28 -0
  73. package/dist/esm/interactions/createFloatingEvents.native.js.map +1 -0
  74. package/dist/esm/interactions/safePolygon.mjs +248 -0
  75. package/dist/esm/interactions/safePolygon.mjs.map +1 -0
  76. package/dist/esm/interactions/safePolygon.native.js +256 -0
  77. package/dist/esm/interactions/safePolygon.native.js.map +1 -0
  78. package/dist/esm/interactions/types.mjs +2 -0
  79. package/dist/esm/interactions/types.mjs.map +1 -0
  80. package/dist/esm/interactions/types.native.js +2 -0
  81. package/dist/esm/interactions/types.native.js.map +1 -0
  82. package/dist/esm/interactions/useClick.mjs +99 -0
  83. package/dist/esm/interactions/useClick.mjs.map +1 -0
  84. package/dist/esm/interactions/useClick.native.js +104 -0
  85. package/dist/esm/interactions/useClick.native.js.map +1 -0
  86. package/dist/esm/interactions/useDelayGroup.mjs +77 -0
  87. package/dist/esm/interactions/useDelayGroup.mjs.map +1 -0
  88. package/dist/esm/interactions/useDelayGroup.native.js +84 -0
  89. package/dist/esm/interactions/useDelayGroup.native.js.map +1 -0
  90. package/dist/esm/interactions/useFocus.mjs +105 -0
  91. package/dist/esm/interactions/useFocus.mjs.map +1 -0
  92. package/dist/esm/interactions/useFocus.native.js +111 -0
  93. package/dist/esm/interactions/useFocus.native.js.map +1 -0
  94. package/dist/esm/interactions/useHover.mjs +320 -0
  95. package/dist/esm/interactions/useHover.mjs.map +1 -0
  96. package/dist/esm/interactions/useHover.native.js +333 -0
  97. package/dist/esm/interactions/useHover.native.js.map +1 -0
  98. package/dist/esm/interactions/useInnerOffset.mjs +92 -0
  99. package/dist/esm/interactions/useInnerOffset.mjs.map +1 -0
  100. package/dist/esm/interactions/useInnerOffset.native.js +102 -0
  101. package/dist/esm/interactions/useInnerOffset.native.js.map +1 -0
  102. package/dist/esm/interactions/useInteractions.mjs +80 -0
  103. package/dist/esm/interactions/useInteractions.mjs.map +1 -0
  104. package/dist/esm/interactions/useInteractions.native.js +188 -0
  105. package/dist/esm/interactions/useInteractions.native.js.map +1 -0
  106. package/dist/esm/interactions/useListNavigation.mjs +393 -0
  107. package/dist/esm/interactions/useListNavigation.mjs.map +1 -0
  108. package/dist/esm/interactions/useListNavigation.native.js +405 -0
  109. package/dist/esm/interactions/useListNavigation.native.js.map +1 -0
  110. package/dist/esm/interactions/useRole.mjs +86 -0
  111. package/dist/esm/interactions/useRole.mjs.map +1 -0
  112. package/dist/esm/interactions/useRole.native.js +97 -0
  113. package/dist/esm/interactions/useRole.native.js.map +1 -0
  114. package/dist/esm/interactions/useTypeahead.mjs +118 -0
  115. package/dist/esm/interactions/useTypeahead.mjs.map +1 -0
  116. package/dist/esm/interactions/useTypeahead.native.js +131 -0
  117. package/dist/esm/interactions/useTypeahead.native.js.map +1 -0
  118. package/dist/esm/interactions/utils.mjs +162 -0
  119. package/dist/esm/interactions/utils.mjs.map +1 -0
  120. package/dist/esm/interactions/utils.native.js +178 -0
  121. package/dist/esm/interactions/utils.native.js.map +1 -0
  122. package/dist/esm/middleware/inner.mjs +82 -0
  123. package/dist/esm/middleware/inner.mjs.map +1 -0
  124. package/dist/esm/middleware/inner.native.js +91 -0
  125. package/dist/esm/middleware/inner.native.js.map +1 -0
  126. package/dist/esm/useFloating.mjs +27 -0
  127. package/dist/esm/useFloating.mjs.map +1 -0
  128. package/dist/esm/useFloating.native.js +29 -0
  129. package/dist/esm/useFloating.native.js.map +1 -0
  130. package/package.json +50 -0
  131. package/src/Floating.native.tsx +45 -0
  132. package/src/Floating.tsx +1 -0
  133. package/src/index.ts +116 -0
  134. package/src/interactions/PopupTriggerMap.ts +30 -0
  135. package/src/interactions/createFloatingEvents.ts +34 -0
  136. package/src/interactions/safePolygon.ts +500 -0
  137. package/src/interactions/types.ts +165 -0
  138. package/src/interactions/useClick.ts +148 -0
  139. package/src/interactions/useDelayGroup.ts +114 -0
  140. package/src/interactions/useFocus.ts +164 -0
  141. package/src/interactions/useHover.ts +453 -0
  142. package/src/interactions/useInnerOffset.ts +116 -0
  143. package/src/interactions/useInteractions.ts +101 -0
  144. package/src/interactions/useListNavigation.ts +578 -0
  145. package/src/interactions/useRole.ts +103 -0
  146. package/src/interactions/useTypeahead.ts +173 -0
  147. package/src/interactions/utils.ts +234 -0
  148. package/src/middleware/inner.ts +141 -0
  149. package/src/useFloating.tsx +53 -0
  150. package/types/Floating.d.ts +2 -0
  151. package/types/Floating.d.ts.map +1 -0
  152. package/types/Floating.native.d.ts +41 -0
  153. package/types/Floating.native.d.ts.map +1 -0
  154. package/types/index.d.ts +19 -0
  155. package/types/index.d.ts.map +1 -0
  156. package/types/interactions/PopupTriggerMap.d.ts +8 -0
  157. package/types/interactions/PopupTriggerMap.d.ts.map +1 -0
  158. package/types/interactions/createFloatingEvents.d.ts +7 -0
  159. package/types/interactions/createFloatingEvents.d.ts.map +1 -0
  160. package/types/interactions/safePolygon.d.ts +4 -0
  161. package/types/interactions/safePolygon.d.ts.map +1 -0
  162. package/types/interactions/types.d.ts +123 -0
  163. package/types/interactions/types.d.ts.map +1 -0
  164. package/types/interactions/useClick.d.ts +3 -0
  165. package/types/interactions/useClick.d.ts.map +1 -0
  166. package/types/interactions/useDelayGroup.d.ts +23 -0
  167. package/types/interactions/useDelayGroup.d.ts.map +1 -0
  168. package/types/interactions/useFocus.d.ts +3 -0
  169. package/types/interactions/useFocus.d.ts.map +1 -0
  170. package/types/interactions/useHover.d.ts +6 -0
  171. package/types/interactions/useHover.d.ts.map +1 -0
  172. package/types/interactions/useInnerOffset.d.ts +3 -0
  173. package/types/interactions/useInnerOffset.d.ts.map +1 -0
  174. package/types/interactions/useInteractions.d.ts +8 -0
  175. package/types/interactions/useInteractions.d.ts.map +1 -0
  176. package/types/interactions/useListNavigation.d.ts +3 -0
  177. package/types/interactions/useListNavigation.d.ts.map +1 -0
  178. package/types/interactions/useRole.d.ts +3 -0
  179. package/types/interactions/useRole.d.ts.map +1 -0
  180. package/types/interactions/useTypeahead.d.ts +3 -0
  181. package/types/interactions/useTypeahead.d.ts.map +1 -0
  182. package/types/interactions/utils.d.ts +46 -0
  183. package/types/interactions/utils.d.ts.map +1 -0
  184. package/types/middleware/inner.d.ts +14 -0
  185. package/types/middleware/inner.d.ts.map +1 -0
  186. package/types/useFloating.d.ts +28 -0
  187. package/types/useFloating.d.ts.map +1 -0
@@ -0,0 +1,82 @@
1
+ import * as ReactDOM from "react-dom";
2
+ import { detectOverflow, offset } from "@floating-ui/react-dom";
3
+ function getArgsWithCustomFloatingHeight(state, height) {
4
+ return {
5
+ ...state,
6
+ rects: {
7
+ ...state.rects,
8
+ floating: {
9
+ ...state.rects.floating,
10
+ height
11
+ }
12
+ }
13
+ };
14
+ }
15
+ const inner = props => ({
16
+ name: "inner",
17
+ options: props,
18
+ async fn(state) {
19
+ const {
20
+ listRef,
21
+ overflowRef,
22
+ onFallbackChange,
23
+ offset: innerOffset = 0,
24
+ index = 0,
25
+ minItemsVisible = 4,
26
+ referenceOverflowThreshold = 0,
27
+ scrollRef,
28
+ padding = 0
29
+ } = props;
30
+ const {
31
+ rects,
32
+ elements: {
33
+ floating
34
+ }
35
+ } = state;
36
+ const item = listRef.current?.[index ?? 0];
37
+ const scrollEl = scrollRef?.current || floating;
38
+ const clientTop = floating.clientTop || scrollEl.clientTop;
39
+ const floatingIsBordered = floating.clientTop !== 0;
40
+ const scrollElIsBordered = scrollEl.clientTop !== 0;
41
+ const floatingIsScrollEl = floating === scrollEl;
42
+ if (!item || index == null) {
43
+ onFallbackChange?.(true);
44
+ return {};
45
+ }
46
+ const nextArgs = {
47
+ ...state,
48
+ ...(await offset(-item.offsetTop - floating.clientTop - rects.reference.height / 2 - item.offsetHeight / 2 - innerOffset).fn(state))
49
+ };
50
+ const detectOverflowOptions = {
51
+ padding
52
+ };
53
+ const overflow = await detectOverflow(getArgsWithCustomFloatingHeight(nextArgs, scrollEl.scrollHeight + clientTop + floating.clientTop), detectOverflowOptions);
54
+ const refOverflow = await detectOverflow(nextArgs, {
55
+ ...detectOverflowOptions,
56
+ elementContext: "reference"
57
+ });
58
+ const diffY = Math.max(0, overflow.top);
59
+ const nextY = nextArgs.y + diffY;
60
+ const isScrollable = scrollEl.scrollHeight > scrollEl.clientHeight;
61
+ const rounder = isScrollable ? v => v : Math.round;
62
+ const maxHeight = rounder(Math.max(0, scrollEl.scrollHeight + (floatingIsBordered && floatingIsScrollEl || scrollElIsBordered ? clientTop * 2 : 0) - diffY - Math.max(0, overflow.bottom)));
63
+ scrollEl.style.maxHeight = `${maxHeight}px`;
64
+ scrollEl.scrollTop = diffY;
65
+ if (onFallbackChange) {
66
+ const shouldFallback = scrollEl.offsetHeight < item.offsetHeight * Math.min(minItemsVisible, listRef.current?.length ?? 0) - 1 || refOverflow.top >= -referenceOverflowThreshold || refOverflow.bottom >= -referenceOverflowThreshold;
67
+ ReactDOM.flushSync(() => onFallbackChange(shouldFallback));
68
+ }
69
+ if (overflowRef) {
70
+ ;
71
+ overflowRef.current = await detectOverflow(getArgsWithCustomFloatingHeight({
72
+ ...nextArgs,
73
+ y: nextY
74
+ }, scrollEl.offsetHeight + clientTop + floating.clientTop), detectOverflowOptions);
75
+ }
76
+ return {
77
+ y: nextY
78
+ };
79
+ }
80
+ });
81
+ export { inner };
82
+ //# sourceMappingURL=inner.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["ReactDOM","detectOverflow","offset","getArgsWithCustomFloatingHeight","state","height","rects","floating","inner","props","name","options","fn","listRef","overflowRef","onFallbackChange","innerOffset","index","minItemsVisible","referenceOverflowThreshold","scrollRef","padding","elements","item","current","scrollEl","clientTop","floatingIsBordered","scrollElIsBordered","floatingIsScrollEl","nextArgs","offsetTop","reference","offsetHeight","detectOverflowOptions","overflow","scrollHeight","refOverflow","elementContext","diffY","Math","max","top","nextY","y","isScrollable","clientHeight","rounder","v","round","maxHeight","bottom","style","scrollTop","shouldFallback","min","length","flushSync"],"sources":["../../../src/middleware/inner.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,91 @@
1
+ import * as ReactDOM from "react-dom";
2
+ import { detectOverflow, offset } from "@floating-ui/react-dom";
3
+ function getArgsWithCustomFloatingHeight(state, height) {
4
+ return {
5
+ ...state,
6
+ rects: {
7
+ ...state.rects,
8
+ floating: {
9
+ ...state.rects.floating,
10
+ height
11
+ }
12
+ }
13
+ };
14
+ }
15
+ var inner = function (props) {
16
+ return {
17
+ name: "inner",
18
+ options: props,
19
+ async fn(state) {
20
+ var _listRef_current;
21
+ var {
22
+ listRef,
23
+ overflowRef,
24
+ onFallbackChange,
25
+ offset: innerOffset = 0,
26
+ index = 0,
27
+ minItemsVisible = 4,
28
+ referenceOverflowThreshold = 0,
29
+ scrollRef,
30
+ padding = 0
31
+ } = props;
32
+ var {
33
+ rects,
34
+ elements: {
35
+ floating
36
+ }
37
+ } = state;
38
+ var item = (_listRef_current = listRef.current) === null || _listRef_current === void 0 ? void 0 : _listRef_current[index !== null && index !== void 0 ? index : 0];
39
+ var scrollEl = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || floating;
40
+ var clientTop = floating.clientTop || scrollEl.clientTop;
41
+ var floatingIsBordered = floating.clientTop !== 0;
42
+ var scrollElIsBordered = scrollEl.clientTop !== 0;
43
+ var floatingIsScrollEl = floating === scrollEl;
44
+ if (!item || index == null) {
45
+ onFallbackChange === null || onFallbackChange === void 0 ? void 0 : onFallbackChange(true);
46
+ return {};
47
+ }
48
+ var nextArgs = {
49
+ ...state,
50
+ ...(await offset(-item.offsetTop - floating.clientTop - rects.reference.height / 2 - item.offsetHeight / 2 - innerOffset).fn(state))
51
+ };
52
+ var detectOverflowOptions = {
53
+ padding
54
+ };
55
+ var overflow = await detectOverflow(getArgsWithCustomFloatingHeight(nextArgs, scrollEl.scrollHeight + clientTop + floating.clientTop), detectOverflowOptions);
56
+ var refOverflow = await detectOverflow(nextArgs, {
57
+ ...detectOverflowOptions,
58
+ elementContext: "reference"
59
+ });
60
+ var diffY = Math.max(0, overflow.top);
61
+ var nextY = nextArgs.y + diffY;
62
+ var isScrollable = scrollEl.scrollHeight > scrollEl.clientHeight;
63
+ var rounder = isScrollable ? function (v) {
64
+ return v;
65
+ } : Math.round;
66
+ var maxHeight = rounder(Math.max(0, scrollEl.scrollHeight + (floatingIsBordered && floatingIsScrollEl || scrollElIsBordered ? clientTop * 2 : 0) - diffY - Math.max(0, overflow.bottom)));
67
+ scrollEl.style.maxHeight = `${maxHeight}px`;
68
+ scrollEl.scrollTop = diffY;
69
+ if (onFallbackChange) {
70
+ var _listRef_current1;
71
+ var _listRef_current_length;
72
+ var shouldFallback = scrollEl.offsetHeight < item.offsetHeight * Math.min(minItemsVisible, (_listRef_current_length = (_listRef_current1 = listRef.current) === null || _listRef_current1 === void 0 ? void 0 : _listRef_current1.length) !== null && _listRef_current_length !== void 0 ? _listRef_current_length : 0) - 1 || refOverflow.top >= -referenceOverflowThreshold || refOverflow.bottom >= -referenceOverflowThreshold;
73
+ ReactDOM.flushSync(function () {
74
+ return onFallbackChange(shouldFallback);
75
+ });
76
+ }
77
+ if (overflowRef) {
78
+ ;
79
+ overflowRef.current = await detectOverflow(getArgsWithCustomFloatingHeight({
80
+ ...nextArgs,
81
+ y: nextY
82
+ }, scrollEl.offsetHeight + clientTop + floating.clientTop), detectOverflowOptions);
83
+ }
84
+ return {
85
+ y: nextY
86
+ };
87
+ }
88
+ };
89
+ };
90
+ export { inner };
91
+ //# sourceMappingURL=inner.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["ReactDOM","detectOverflow","offset","getArgsWithCustomFloatingHeight","state","height","rects","floating","inner","props","name","options","fn","_listRef_current","listRef","overflowRef","onFallbackChange","innerOffset","index","minItemsVisible","referenceOverflowThreshold","scrollRef","padding","elements","item","current","scrollEl","clientTop","floatingIsBordered","scrollElIsBordered","floatingIsScrollEl","nextArgs","offsetTop","reference","offsetHeight","detectOverflowOptions","overflow","scrollHeight","refOverflow","elementContext","diffY","Math","max","top","nextY","y","isScrollable","clientHeight","rounder","v","round","maxHeight","bottom","style","scrollTop","_listRef_current1","_listRef_current_length","shouldFallback","min","length","flushSync"],"sources":["../../../src/middleware/inner.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,27 @@
1
+ import React from "react";
2
+ import * as Floating from "./Floating.mjs";
3
+ const FloatingOverrideContext = React.createContext(null);
4
+ const useFloating = props => {
5
+ "use no memo";
6
+
7
+ const context = React.useContext(FloatingOverrideContext);
8
+ return (context || Floating.useFloating)?.({
9
+ ...props,
10
+ middleware: [
11
+ // @ts-ignore
12
+ ...props.middleware, {
13
+ name: `rounded`,
14
+ fn({
15
+ x,
16
+ y
17
+ }) {
18
+ return {
19
+ x: Math.round(x),
20
+ y: Math.round(y)
21
+ };
22
+ }
23
+ }]
24
+ });
25
+ };
26
+ export { FloatingOverrideContext, useFloating };
27
+ //# sourceMappingURL=useFloating.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","Floating","FloatingOverrideContext","createContext","useFloating","props","context","useContext","middleware","name","fn","x","y","Math","round"],"sources":["../../src/useFloating.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,YAAYC,QAAA,MAAc;AA0BnB,MAAMC,uBAAA,GAA0BF,KAAA,CAAMG,aAAA,CAC3C,IACF;AAEO,MAAMC,WAAA,GAAeC,KAAA,IAA+C;EACzE;;EAEA,MAAMC,OAAA,GAAUN,KAAA,CAAMO,UAAA,CAAWL,uBAAuB;EACxD,QAAQI,OAAA,IAAWL,QAAA,CAASG,WAAA,IAAe;IACzC,GAAGC,KAAA;IACHG,UAAA,EAAY;IAAA;IAEV,GAAGH,KAAA,CAAMG,UAAA,EACT;MACEC,IAAA,EAAM;MACNC,GAAG;QAAEC,CAAA;QAAGC;MAAE,GAAG;QACX,OAAO;UACLD,CAAA,EAAGE,IAAA,CAAKC,KAAA,CAAMH,CAAC;UACfC,CAAA,EAAGC,IAAA,CAAKC,KAAA,CAAMF,CAAC;QACjB;MACF;IACF;EAEJ,CAAC;AACH","ignoreList":[]}
@@ -0,0 +1,29 @@
1
+ import React from "react";
2
+ import * as Floating from "./Floating.native.js";
3
+ var FloatingOverrideContext = /* @__PURE__ */React.createContext(null);
4
+ var useFloating = function (props) {
5
+ "use no memo";
6
+
7
+ var _this;
8
+ var context = React.useContext(FloatingOverrideContext);
9
+ return (_this = context || Floating.useFloating) === null || _this === void 0 ? void 0 : _this({
10
+ ...props,
11
+ middleware: [
12
+ // @ts-ignore
13
+ ...props.middleware, {
14
+ name: `rounded`,
15
+ fn(param) {
16
+ var {
17
+ x,
18
+ y
19
+ } = param;
20
+ return {
21
+ x: Math.round(x),
22
+ y: Math.round(y)
23
+ };
24
+ }
25
+ }]
26
+ });
27
+ };
28
+ export { FloatingOverrideContext, useFloating };
29
+ //# sourceMappingURL=useFloating.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","Floating","FloatingOverrideContext","createContext","useFloating","props","_this","context","useContext","middleware","name","fn","param","x","y","Math","round"],"sources":["../../src/useFloating.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,YAAYC,QAAA,MAAc;AA0BnB,IAAAC,uBAAM,kBAAgCF,KAAA,CAAAG,aAAA;AAAA,IAC3CC,WAAA,YAAAA,CAAAC,KAAA;EACF;;EAEO,IAAMC,KAAA;EACX,IAAAC,OAAA,GAAAP,KAAA,CAAAQ,UAAA,CAAAN,uBAAA;EAEA,OAAM,CAAAI,KAAA,GAAUC,OAAM,IAAAN,QAAW,CAAAG,WAAA,UAAuB,IAAAE,KAAA,uBAAAA,KAAA;IACxD,GAAAD,KAAQ;IACNI,UAAG;IACH;IAAY,GAAAJ,KAAA,CAAAI,UAAA,EAEV;MACAC,IAAA;MACEC,GAAAC,KAAM;QACN,IAAK;UAAGC,CAAA;UAAEC;QAAG,IAAAF,KAAA;QACX,OAAO;UACLC,CAAA,EAAGE,IAAA,CAAKC,KAAA,CAAMH,CAAC;UACfC,CAAA,EAAGC,IAAA,CAAKC,KAAA,CAAMF,CAAC;QACjB;MACF;IACF;EAEJ,CAAC;AACH","ignoreList":[]}
package/package.json ADDED
@@ -0,0 +1,50 @@
1
+ {
2
+ "name": "@hanzogui/floating",
3
+ "version": "2.0.0-rc.41-hanzoai.5",
4
+ "source": "src/index.ts",
5
+ "files": [
6
+ "src",
7
+ "types",
8
+ "dist"
9
+ ],
10
+ "type": "module",
11
+ "sideEffects": true,
12
+ "main": "dist/cjs",
13
+ "module": "dist/esm",
14
+ "types": "./types/index.d.ts",
15
+ "exports": {
16
+ "./package.json": "./package.json",
17
+ ".": {
18
+ "types": "./types/index.d.ts",
19
+ "react-native": "./dist/esm/index.native.js",
20
+ "browser": "./dist/esm/index.mjs",
21
+ "module": "./dist/esm/index.mjs",
22
+ "import": "./dist/esm/index.mjs",
23
+ "require": "./dist/cjs/index.cjs",
24
+ "default": "./dist/esm/index.mjs"
25
+ }
26
+ },
27
+ "publishConfig": {
28
+ "access": "public"
29
+ },
30
+ "scripts": {
31
+ "build": "hanzogui-build",
32
+ "watch": "hanzogui-build --watch",
33
+ "clean": "hanzogui-build clean",
34
+ "clean:build": "hanzogui-build clean:build"
35
+ },
36
+ "dependencies": {
37
+ "@floating-ui/react-dom": "^2.1.6",
38
+ "@floating-ui/react-native": "^0.10.7",
39
+ "@hanzogui/use-event": "2.0.0-rc.41-hanzoai.5"
40
+ },
41
+ "devDependencies": {
42
+ "@hanzogui/build": "2.0.0-rc.41-hanzoai.5",
43
+ "react": ">=19",
44
+ "react-native": "0.83.2"
45
+ },
46
+ "peerDependencies": {
47
+ "react": ">=19",
48
+ "react-native": "*"
49
+ }
50
+ }
@@ -0,0 +1,45 @@
1
+ import type { ComputePositionReturn } from '@floating-ui/react-native'
2
+ import type { RefObject } from 'react'
3
+
4
+ export const autoUpdate = () => {}
5
+ export const getOverflowAncestors = () => []
6
+
7
+ export * from '@floating-ui/react-native'
8
+
9
+ export const platform = null
10
+
11
+ export declare type UseFloatingReturn = Data & {
12
+ update: () => void
13
+ offsetParent: (node: any) => void
14
+ floating: (node: any) => void
15
+ reference: (node: any) => void
16
+ refs: {
17
+ reference: RefObject<any>
18
+ floating: RefObject<any>
19
+ offsetParent: RefObject<any>
20
+ setReference: (node: any) => void
21
+ setFloating: (node: any) => void
22
+ setOffsetParent: (node: any) => void
23
+ }
24
+ elements: {
25
+ reference: any
26
+ floating: any
27
+ offsetParent: any
28
+ }
29
+ scrollProps: {
30
+ onScroll: (event: {
31
+ nativeEvent: {
32
+ contentOffset: {
33
+ x: number
34
+ y: number
35
+ }
36
+ }
37
+ }) => void
38
+ scrollEventThrottle: 16
39
+ }
40
+ }
41
+
42
+ type Data = Omit<ComputePositionReturn, 'x' | 'y'> & {
43
+ x: number | null
44
+ y: number | null
45
+ }
@@ -0,0 +1 @@
1
+ export * from '@floating-ui/react-dom'
package/src/index.ts ADDED
@@ -0,0 +1,116 @@
1
+ export type {
2
+ AlignedPlacement,
3
+ Alignment,
4
+ ArrowOptions,
5
+ AutoPlacementOptions,
6
+ AutoUpdateOptions,
7
+ Axis,
8
+ Boundary,
9
+ ClientRectObject,
10
+ ComputePositionConfig,
11
+ ComputePositionReturn,
12
+ Coords,
13
+ DetectOverflowOptions,
14
+ Dimensions,
15
+ ElementContext,
16
+ ElementRects,
17
+ Elements,
18
+ FlipOptions,
19
+ FloatingElement,
20
+ HideOptions,
21
+ InlineOptions,
22
+ Length,
23
+ Middleware,
24
+ MiddlewareData,
25
+ MiddlewareReturn,
26
+ MiddlewareState,
27
+ NodeScroll,
28
+ OffsetOptions,
29
+ Padding,
30
+ Placement,
31
+ Platform,
32
+ Rect,
33
+ ReferenceElement,
34
+ ReferenceType,
35
+ RootBoundary,
36
+ ShiftOptions,
37
+ Side,
38
+ SideObject,
39
+ SizeOptions,
40
+ Strategy,
41
+ UseFloatingData,
42
+ UseFloatingOptions,
43
+ VirtualElement,
44
+ } from './Floating'
45
+
46
+ export {
47
+ arrow,
48
+ autoPlacement,
49
+ autoUpdate,
50
+ detectOverflow,
51
+ flip,
52
+ getOverflowAncestors,
53
+ hide,
54
+ inline,
55
+ limitShift,
56
+ offset,
57
+ platform,
58
+ shift,
59
+ size,
60
+ } from './Floating'
61
+
62
+ export {
63
+ useFloating,
64
+ FloatingOverrideContext,
65
+ type UseFloatingReturn,
66
+ type UseFloatingProps,
67
+ type UseFloatingFn,
68
+ type UseFloatingOverrideFn,
69
+ } from './useFloating'
70
+
71
+ // raw useFloating without FloatingOverrideContext — use when building
72
+ // override context factories to avoid infinite recursion
73
+ export { useFloating as useFloatingRaw } from './Floating'
74
+
75
+ // event emitter for hook coordination
76
+ export { createFloatingEvents } from './interactions/createFloatingEvents'
77
+
78
+ // multi-trigger coordination
79
+ export { PopupTriggerMap } from './interactions/PopupTriggerMap'
80
+
81
+ // interaction hooks
82
+ export { useInteractions } from './interactions/useInteractions'
83
+ export { useHover } from './interactions/useHover'
84
+ export { safePolygon } from './interactions/safePolygon'
85
+ export { useFocus } from './interactions/useFocus'
86
+ export { useRole } from './interactions/useRole'
87
+ export { useClick } from './interactions/useClick'
88
+ export { useListNavigation } from './interactions/useListNavigation'
89
+ export { useTypeahead } from './interactions/useTypeahead'
90
+ export { useInnerOffset } from './interactions/useInnerOffset'
91
+ export {
92
+ FloatingDelayGroup,
93
+ useDelayGroup,
94
+ useDelayGroupContext,
95
+ } from './interactions/useDelayGroup'
96
+
97
+ // middleware
98
+ export { inner } from './middleware/inner'
99
+
100
+ // types
101
+ export type {
102
+ ElementProps,
103
+ FloatingEvents,
104
+ FloatingInteractionContext,
105
+ OpenChangeReason,
106
+ UseHoverProps,
107
+ HandleCloseFn,
108
+ SafePolygonOptions,
109
+ UseFocusProps,
110
+ UseRoleProps,
111
+ UseClickProps,
112
+ UseListNavigationProps,
113
+ UseTypeaheadProps,
114
+ UseInnerOffsetProps,
115
+ Delay,
116
+ } from './interactions/types'
@@ -0,0 +1,30 @@
1
+ // tracks trigger elements for multi-trigger tooltip/popover patterns.
2
+ // when multiple triggers share a single floating element (scoped pattern),
3
+ // this lets useHover check if the cursor moved to a sibling trigger
4
+ // and suppress the close.
5
+
6
+ export class PopupTriggerMap {
7
+ private map = new Map<string, Element>()
8
+ private elements = new Set<Element>()
9
+
10
+ add(id: string, element: Element) {
11
+ const prev = this.map.get(id)
12
+ if (prev) {
13
+ this.elements.delete(prev)
14
+ }
15
+ this.map.set(id, element)
16
+ this.elements.add(element)
17
+ }
18
+
19
+ delete(id: string) {
20
+ const el = this.map.get(id)
21
+ if (el) {
22
+ this.elements.delete(el)
23
+ this.map.delete(id)
24
+ }
25
+ }
26
+
27
+ hasElement(element: Element): boolean {
28
+ return this.elements.has(element)
29
+ }
30
+ }
@@ -0,0 +1,34 @@
1
+ // lightweight event emitter for coordinating between interaction hooks.
2
+ // when one hook changes open state (e.g. dismiss via escape), others
3
+ // need to know so they can clear their timers and prevent reopening.
4
+
5
+ export type FloatingEvents = {
6
+ emit(event: string, data?: any): void
7
+ on(event: string, handler: (data?: any) => void): void
8
+ off(event: string, handler: (data?: any) => void): void
9
+ }
10
+
11
+ export function createFloatingEvents(): FloatingEvents {
12
+ const listeners = new Map<string, Set<(data?: any) => void>>()
13
+
14
+ return {
15
+ emit(event, data) {
16
+ listeners.get(event)?.forEach((fn) => fn(data))
17
+ },
18
+ on(event, handler) {
19
+ let set = listeners.get(event)
20
+ if (!set) {
21
+ set = new Set()
22
+ listeners.set(event, set)
23
+ }
24
+ set.add(handler)
25
+ },
26
+ off(event, handler) {
27
+ const set = listeners.get(event)
28
+ if (set) {
29
+ set.delete(handler)
30
+ if (set.size === 0) listeners.delete(event)
31
+ }
32
+ },
33
+ }
34
+ }