@kommo-crm/crm-react-ui-kit 1.3.0-beta.2 → 1.3.0-beta.3
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.
- package/dist/components/ContextMenu/hooks/useContextMenu/useContextMenu.d.ts.map +1 -1
- package/dist/components/ContextMenu/hooks/useContextMenu/useContextMenu.js +102 -97
- package/dist/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.d.ts +3 -1
- package/dist/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.d.ts.map +1 -1
- package/dist/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.js +16 -10
- package/dist/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.types.d.ts +4 -0
- package/dist/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.types.d.ts.map +1 -1
- package/dist/components/ContextMenu/hooks/useContextMenuItemFocus/useContextMenuItemFocus.d.ts.map +1 -1
- package/dist/components/ContextMenu/hooks/useContextMenuItemFocus/useContextMenuItemFocus.js +47 -42
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenu/useContextMenu.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenu/useContextMenu.tsx"],"names":[],"mappings":"AAcA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAEhC;;;GAGG;AACH,eAAO,MAAM,cAAc,YAChB,qBAAqB,KAC7B,oBA+lBF,CAAC"}
|
|
@@ -1,168 +1,173 @@
|
|
|
1
|
-
import { useId as
|
|
2
|
-
import { a as
|
|
3
|
-
import { useFocusChange as
|
|
1
|
+
import { useId as Ce, useState as a, useRef as o, useEffect as E } from "react";
|
|
2
|
+
import { a as pe, b as Re } from "../../../../index-DBS3EIVR.mjs";
|
|
3
|
+
import { useFocusChange as Ie } from "../../../../hooks/useFocusChange/useFocusChange.js";
|
|
4
|
+
import { noop as ge } from "../../../../utils/noop/noop.js";
|
|
4
5
|
import { ContextMenuMode as i } from "../../ContextMenu.enums.js";
|
|
5
|
-
import { contextMenuBus as
|
|
6
|
-
const
|
|
6
|
+
import { contextMenuBus as h } from "./utils/contextMenuBus/contextMenuBus.js";
|
|
7
|
+
const De = (X) => {
|
|
7
8
|
const {
|
|
8
|
-
mode:
|
|
9
|
-
defaultOpen:
|
|
10
|
-
animationDuration:
|
|
9
|
+
mode: Y,
|
|
10
|
+
defaultOpen: x,
|
|
11
|
+
animationDuration: C,
|
|
11
12
|
hoverCloseDelay: H,
|
|
12
|
-
isOpen:
|
|
13
|
+
isOpen: R,
|
|
13
14
|
onOpen: s,
|
|
14
15
|
onAnimatedOpen: V,
|
|
15
16
|
onAiming: B,
|
|
16
|
-
onFocusOutside:
|
|
17
|
-
aimingTolerance:
|
|
18
|
-
aimingIdleTimeout:
|
|
19
|
-
} =
|
|
20
|
-
|
|
21
|
-
), [D,
|
|
22
|
-
n.current && (clearTimeout(n.current), n.current = null),
|
|
17
|
+
onFocusOutside: Z,
|
|
18
|
+
aimingTolerance: _,
|
|
19
|
+
aimingIdleTimeout: $
|
|
20
|
+
} = X, I = Ce(), [l, y] = a(
|
|
21
|
+
R ?? x ?? !1
|
|
22
|
+
), [D, f] = a(!1), [ee, q] = a(!1), [K, g] = a(!1), [W, L] = a(!1), [j, te] = a(!1), [ne, re] = a(null), [se, A] = a(!1), [w, ue] = a(null), d = o(!1), z = o(null), n = o(null), c = o(null), P = o(!1), r = o(!1), T = o(null), O = o(!1), S = o(!1), G = o(ge), M = o(Z), u = pe() ? i.CLICK : Y, b = () => {
|
|
23
|
+
n.current && (clearTimeout(n.current), n.current = null), c.current && (clearTimeout(c.current), c.current = null), T.current && (clearTimeout(T.current), T.current = null);
|
|
23
24
|
}, m = () => {
|
|
24
|
-
|
|
25
|
-
},
|
|
26
|
-
B == null || B(e), !e && r.current && !d.current && !
|
|
25
|
+
b(), r.current = !1, y(!1), s == null || s(!1), g(!1), d.current = !1, A(!1);
|
|
26
|
+
}, ce = (e) => {
|
|
27
|
+
B == null || B(e), h.emitAimingChange(e), !e && r.current && !d.current && !O.current && (r.current = !1, f(!1), c.current = setTimeout(() => {
|
|
27
28
|
m();
|
|
28
|
-
},
|
|
29
|
-
}, { isAiming: v, ref:
|
|
30
|
-
isEnabled:
|
|
31
|
-
onChange:
|
|
32
|
-
tolerance:
|
|
33
|
-
idleTimeout:
|
|
34
|
-
}),
|
|
35
|
-
|
|
29
|
+
}, C));
|
|
30
|
+
}, { isAiming: v, ref: F } = Re({
|
|
31
|
+
isEnabled: l && u === i.HOVER,
|
|
32
|
+
onChange: ce,
|
|
33
|
+
tolerance: _,
|
|
34
|
+
idleTimeout: $
|
|
35
|
+
}), oe = () => O.current, ie = (e) => {
|
|
36
|
+
O.current = e, !e && r.current && !d.current && !v() && (r.current = !1, f(!1), c.current = setTimeout(() => {
|
|
36
37
|
m();
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
if (
|
|
40
|
-
if (
|
|
38
|
+
}, C));
|
|
39
|
+
}, J = () => {
|
|
40
|
+
if (b(), q(!1), u === i.HOVER) {
|
|
41
|
+
if (j && ne === i.CLICK || w !== null)
|
|
41
42
|
return;
|
|
42
43
|
if (K) {
|
|
43
|
-
|
|
44
|
+
f(!1), c.current = setTimeout(() => {
|
|
44
45
|
m();
|
|
45
|
-
},
|
|
46
|
+
}, C);
|
|
46
47
|
return;
|
|
47
48
|
}
|
|
48
|
-
r.current = !0, !v() && !
|
|
49
|
+
r.current = !0, !v() && !O.current && (r.current = !1, f(!1), c.current = setTimeout(() => {
|
|
49
50
|
m();
|
|
50
|
-
},
|
|
51
|
+
}, C));
|
|
51
52
|
} else
|
|
52
53
|
m();
|
|
53
|
-
},
|
|
54
|
+
}, k = ({
|
|
54
55
|
preventFocusRestore: e = !1,
|
|
55
56
|
skipAnimationFlag: t = !1
|
|
56
57
|
}) => {
|
|
57
|
-
P.current = e,
|
|
58
|
+
P.current = e, b(), r.current = !1, q(t), f(!1), y(!1), s == null || s(!1), g(!1), d.current = !1, A(!1);
|
|
58
59
|
};
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
}, [
|
|
62
|
-
const
|
|
63
|
-
|
|
64
|
-
},
|
|
65
|
-
if (!(
|
|
60
|
+
E(() => {
|
|
61
|
+
l || (P.current = !1);
|
|
62
|
+
}, [l]);
|
|
63
|
+
const le = (e) => {
|
|
64
|
+
A(e);
|
|
65
|
+
}, N = (e) => {
|
|
66
|
+
if (!(u === i.CLICK && x !== void 0)) {
|
|
66
67
|
if (e) {
|
|
67
|
-
|
|
68
|
+
c.current && (clearTimeout(c.current), c.current = null), r.current && (b(), r.current = !1), u === i.HOVER && f(!0), y(!0), s == null || s(!0), R !== !1 && h.emit({
|
|
68
69
|
id: I,
|
|
69
70
|
isAiming: v
|
|
70
71
|
});
|
|
71
72
|
return;
|
|
72
73
|
}
|
|
73
|
-
|
|
74
|
+
u === i.HOVER ? J() : m();
|
|
74
75
|
}
|
|
75
|
-
},
|
|
76
|
-
L(e),
|
|
77
|
-
},
|
|
76
|
+
}, fe = (e) => {
|
|
77
|
+
L(e), N(e);
|
|
78
|
+
}, Q = () => {
|
|
78
79
|
var e, t;
|
|
79
|
-
|
|
80
|
-
T.current = null,
|
|
80
|
+
S.current = !0, !(u !== i.HOVER || (t = (e = h).isAiming) != null && t.call(e) && h.activeMenuId !== I) && (L(!1), b(), r.current = !1, l ? (g(!0), d.current = !0, f(!0)) : (n.current && (clearTimeout(n.current), n.current = null), f(!0), y(!0), s == null || s(!0), g(!0), d.current = !0, T.current = setTimeout(() => {
|
|
81
|
+
T.current = null, R !== !1 && h.emit({
|
|
81
82
|
id: I,
|
|
82
83
|
isAiming: v
|
|
83
84
|
});
|
|
84
85
|
}, 0)));
|
|
85
|
-
}
|
|
86
|
-
|
|
86
|
+
};
|
|
87
|
+
G.current = Q;
|
|
88
|
+
const ae = () => {
|
|
89
|
+
S.current = !1, u === i.HOVER && (L(!1), g(!1), d.current = !1, n.current && (clearTimeout(n.current), n.current = null), r.current && !v() && !O.current && (r.current = !1, f(!1), c.current = setTimeout(() => {
|
|
87
90
|
m();
|
|
88
|
-
},
|
|
89
|
-
},
|
|
90
|
-
e ||
|
|
91
|
+
}, C)));
|
|
92
|
+
}, de = (e, t) => {
|
|
93
|
+
e || A(!1), te(e), re(t);
|
|
91
94
|
};
|
|
92
|
-
|
|
93
|
-
t !== I &&
|
|
95
|
+
E(() => R === !1 ? void 0 : h.subscribe(({ id: t }) => {
|
|
96
|
+
t !== I && k({
|
|
94
97
|
preventFocusRestore: !0,
|
|
95
98
|
skipAnimationFlag: !0
|
|
96
99
|
});
|
|
97
|
-
}), [I,
|
|
98
|
-
!
|
|
99
|
-
|
|
100
|
+
}), [I, R]), E(() => u !== i.HOVER ? void 0 : h.subscribeAimingChange((t) => {
|
|
101
|
+
!t && S.current && G.current();
|
|
102
|
+
}), [u]), E(() => {
|
|
103
|
+
!l || u !== i.HOVER || W || (K ? n.current && (clearTimeout(n.current), n.current = null) : n.current || (n.current = setTimeout(() => {
|
|
104
|
+
J();
|
|
100
105
|
}, H)));
|
|
101
|
-
}, [
|
|
106
|
+
}, [u, l, K, H, W]), E(() => {
|
|
102
107
|
V == null || V(D);
|
|
103
108
|
}, [D]);
|
|
104
|
-
const
|
|
109
|
+
const me = () => {
|
|
105
110
|
const e = [];
|
|
106
|
-
|
|
111
|
+
F.current && e.push(F.current);
|
|
107
112
|
const t = Array.from(
|
|
108
113
|
document.querySelectorAll("[data-menu-level]")
|
|
109
114
|
);
|
|
110
115
|
return e.push(...t), e;
|
|
111
116
|
};
|
|
112
|
-
return
|
|
113
|
-
elements:
|
|
114
|
-
enabled:
|
|
117
|
+
return Ie({
|
|
118
|
+
elements: l ? [F, z] : [],
|
|
119
|
+
enabled: l,
|
|
115
120
|
onFocusOutside: (e) => {
|
|
116
|
-
var
|
|
121
|
+
var U;
|
|
117
122
|
const t = e.target;
|
|
118
|
-
if (!
|
|
123
|
+
if (!l || t === document.body)
|
|
119
124
|
return;
|
|
120
|
-
if (!
|
|
121
|
-
let
|
|
122
|
-
const
|
|
125
|
+
if (!me().some((p) => t ? p === t || p.contains(t) : !1)) {
|
|
126
|
+
let p = !1;
|
|
127
|
+
const he = {
|
|
123
128
|
target: t,
|
|
124
129
|
preventDefault: () => {
|
|
125
|
-
|
|
130
|
+
p = !0;
|
|
126
131
|
},
|
|
127
132
|
get defaultPrevented() {
|
|
128
|
-
return
|
|
133
|
+
return p;
|
|
129
134
|
}
|
|
130
135
|
};
|
|
131
|
-
if ((
|
|
136
|
+
if ((U = M.current) == null || U.call(M, he), p)
|
|
132
137
|
return;
|
|
133
|
-
|
|
138
|
+
k({ preventFocusRestore: !0 });
|
|
134
139
|
}
|
|
135
140
|
}
|
|
136
141
|
}), {
|
|
137
|
-
isOpen:
|
|
138
|
-
mode:
|
|
139
|
-
onOpenChange:
|
|
140
|
-
onOpenByKeyboard:
|
|
141
|
-
triggerRef:
|
|
142
|
-
contentRef:
|
|
142
|
+
isOpen: l,
|
|
143
|
+
mode: u,
|
|
144
|
+
onOpenChange: N,
|
|
145
|
+
onOpenByKeyboard: fe,
|
|
146
|
+
triggerRef: z,
|
|
147
|
+
contentRef: F,
|
|
143
148
|
isAnimatedOpen: D,
|
|
144
|
-
skipAnimation:
|
|
145
|
-
animationDuration:
|
|
149
|
+
skipAnimation: ee,
|
|
150
|
+
animationDuration: C,
|
|
146
151
|
hoverCloseDelay: H,
|
|
147
152
|
closeMenuImmediately: (e) => {
|
|
148
|
-
|
|
153
|
+
k({ preventFocusRestore: e });
|
|
149
154
|
},
|
|
150
|
-
onContentEnter:
|
|
151
|
-
onContentLeave:
|
|
152
|
-
onChildOpen:
|
|
153
|
-
onSubmenuOpen:
|
|
154
|
-
isRootContentBlocked:
|
|
155
|
-
isChildOpen:
|
|
156
|
-
itemWithFocusedInput:
|
|
157
|
-
setItemWithFocusedInput:
|
|
155
|
+
onContentEnter: Q,
|
|
156
|
+
onContentLeave: ae,
|
|
157
|
+
onChildOpen: de,
|
|
158
|
+
onSubmenuOpen: le,
|
|
159
|
+
isRootContentBlocked: se,
|
|
160
|
+
isChildOpen: j,
|
|
161
|
+
itemWithFocusedInput: w,
|
|
162
|
+
setItemWithFocusedInput: ue,
|
|
158
163
|
shouldPreventFocusRestore: () => P.current,
|
|
159
164
|
setOnFocusOutside: (e) => {
|
|
160
|
-
|
|
165
|
+
M.current = e;
|
|
161
166
|
},
|
|
162
|
-
isChildAiming:
|
|
163
|
-
onChildAiming:
|
|
167
|
+
isChildAiming: oe,
|
|
168
|
+
onChildAiming: ie
|
|
164
169
|
};
|
|
165
170
|
};
|
|
166
171
|
export {
|
|
167
|
-
|
|
172
|
+
De as useContextMenu
|
|
168
173
|
};
|
package/dist/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import { ContextMenuBusCallback, ContextMenuBusPayload } from './contextMenuBus.types';
|
|
1
|
+
import { ContextMenuBusCallback, ContextMenuBusPayload, ContextMenuBusAimingChangeCallback } from './contextMenuBus.types';
|
|
2
2
|
export declare const contextMenuBus: {
|
|
3
3
|
emit: (payload: ContextMenuBusPayload) => void;
|
|
4
|
+
emitAimingChange: (aiming: boolean) => void;
|
|
4
5
|
subscribe: (cb: ContextMenuBusCallback) => (() => void);
|
|
6
|
+
subscribeAimingChange: (cb: ContextMenuBusAimingChangeCallback) => (() => void);
|
|
5
7
|
readonly isAiming: (() => boolean) | null;
|
|
6
8
|
readonly activeMenuId: string | null;
|
|
7
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contextMenuBus.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,qBAAqB,
|
|
1
|
+
{"version":3,"file":"contextMenuBus.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,kCAAkC,EACnC,MAAM,wBAAwB,CAAC;AAuDhC,eAAO,MAAM,cAAc;oBAtCJ,qBAAqB,KAAG,IAAI;+BAUjB,OAAO,KAAG,IAAI;oBAOzB,sBAAsB,KAAG,CAAC,MAAM,IAAI,CAAC;gCAYtD,kCAAkC,KACrC,CAAC,MAAM,IAAI,CAAC;8BApCM,OAAO;;CAuD3B,CAAC"}
|
package/dist/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.js
CHANGED
|
@@ -1,18 +1,24 @@
|
|
|
1
|
-
let t = [],
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
},
|
|
1
|
+
let n = [], t = [], s = null, r = null;
|
|
2
|
+
const u = (e) => {
|
|
3
|
+
n.forEach((i) => i(e)), s = e.isAiming, r = e.id;
|
|
4
|
+
}, g = (e) => {
|
|
5
|
+
t.forEach((i) => i(e));
|
|
6
|
+
}, c = (e) => (n.push(e), () => {
|
|
7
|
+
n = n.filter((i) => i !== e);
|
|
8
|
+
}), l = (e) => (t.push(e), () => {
|
|
5
9
|
t = t.filter((i) => i !== e);
|
|
6
|
-
}),
|
|
7
|
-
emit:
|
|
8
|
-
|
|
10
|
+
}), m = {
|
|
11
|
+
emit: u,
|
|
12
|
+
emitAimingChange: g,
|
|
13
|
+
subscribe: c,
|
|
14
|
+
subscribeAimingChange: l,
|
|
9
15
|
get isAiming() {
|
|
10
|
-
return
|
|
16
|
+
return s;
|
|
11
17
|
},
|
|
12
18
|
get activeMenuId() {
|
|
13
|
-
return
|
|
19
|
+
return r;
|
|
14
20
|
}
|
|
15
21
|
};
|
|
16
22
|
export {
|
|
17
|
-
|
|
23
|
+
m as contextMenuBus
|
|
18
24
|
};
|
|
@@ -16,4 +16,8 @@ export type ContextMenuBusPayload = {
|
|
|
16
16
|
* Callback function for context menu bus subscribers.
|
|
17
17
|
*/
|
|
18
18
|
export type ContextMenuBusCallback = (payload: ContextMenuBusPayload) => void;
|
|
19
|
+
/**
|
|
20
|
+
* Callback function for aiming state change subscribers.
|
|
21
|
+
*/
|
|
22
|
+
export type ContextMenuBusAimingChangeCallback = (aiming: boolean) => void;
|
|
19
23
|
//# sourceMappingURL=contextMenuBus.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contextMenuBus.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAC"}
|
|
1
|
+
{"version":3,"file":"contextMenuBus.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAC;AAE9E;;GAEG;AACH,MAAM,MAAM,kCAAkC,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC"}
|
package/dist/components/ContextMenu/hooks/useContextMenuItemFocus/useContextMenuItemFocus.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useContextMenuItemFocus.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuItemFocus/useContextMenuItemFocus.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,8BAA8B,EAC9B,6BAA6B,EAC9B,MAAM,iCAAiC,CAAC;AAEzC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,WAAW,WAClD,8BAA8B,CAAC,CAAC,CAAC,KACzC,6BAA6B,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"useContextMenuItemFocus.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuItemFocus/useContextMenuItemFocus.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,8BAA8B,EAC9B,6BAA6B,EAC9B,MAAM,iCAAiC,CAAC;AAEzC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,WAAW,WAClD,8BAA8B,CAAC,CAAC,CAAC,KACzC,6BAA6B,CAAC,CAAC,CAmKjC,CAAC"}
|
package/dist/components/ContextMenu/hooks/useContextMenuItemFocus/useContextMenuItemFocus.js
CHANGED
|
@@ -1,66 +1,71 @@
|
|
|
1
|
-
import { useState as
|
|
2
|
-
import { useLevelContext as
|
|
3
|
-
const
|
|
1
|
+
import { useState as R, useRef as H, useLayoutEffect as N, useEffect as T } from "react";
|
|
2
|
+
import { useLevelContext as d } from "../../providers/LevelProvider/LevelProvider.js";
|
|
3
|
+
const w = (E) => {
|
|
4
4
|
const {
|
|
5
|
-
displayName:
|
|
6
|
-
id:
|
|
7
|
-
isDisabled:
|
|
8
|
-
hasSubmenu:
|
|
9
|
-
onMouseEnter:
|
|
10
|
-
onMouseLeave:
|
|
11
|
-
onFocus:
|
|
12
|
-
onBlur:
|
|
13
|
-
onPointerEnter:
|
|
14
|
-
onPointerLeave:
|
|
15
|
-
onPointerMove:
|
|
16
|
-
isSelectable:
|
|
17
|
-
subMenuTriggerId:
|
|
18
|
-
} =
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
5
|
+
displayName: L,
|
|
6
|
+
id: a,
|
|
7
|
+
isDisabled: u,
|
|
8
|
+
hasSubmenu: k,
|
|
9
|
+
onMouseEnter: I,
|
|
10
|
+
onMouseLeave: p,
|
|
11
|
+
onFocus: b,
|
|
12
|
+
onBlur: D,
|
|
13
|
+
onPointerEnter: x,
|
|
14
|
+
onPointerLeave: F,
|
|
15
|
+
onPointerMove: S,
|
|
16
|
+
isSelectable: o = !0,
|
|
17
|
+
subMenuTriggerId: y
|
|
18
|
+
} = E, [M, r] = R(!1), n = H(null), { setActiveItemId: l, activeItemId: s, isAiming: e, isChildAiming: t } = d(L), v = () => {
|
|
19
|
+
n.current && (clearInterval(n.current), n.current = null);
|
|
20
|
+
};
|
|
21
|
+
return N(() => {
|
|
22
|
+
k ? (s === null || s !== y && a !== s) && r(!1) : a !== s && r(!1);
|
|
23
|
+
}, [s, y, k, a]), T(() => () => v(), []), {
|
|
24
|
+
dataHighlighted: M && o && !u ? "" : void 0,
|
|
25
|
+
onFocus: (c) => {
|
|
26
|
+
const f = (e == null ? void 0 : e()) || (t == null ? void 0 : t());
|
|
27
|
+
o && !u && !f && (l(a), r(!u)), b == null || b(c);
|
|
26
28
|
},
|
|
27
|
-
onMouseEnter: (
|
|
28
|
-
const
|
|
29
|
-
|
|
29
|
+
onMouseEnter: (c) => {
|
|
30
|
+
const f = (e == null ? void 0 : e()) || (t == null ? void 0 : t());
|
|
31
|
+
o && !u && !f && (l(a), r(!u)), f && o && !u && (v(), n.current = setInterval(() => {
|
|
32
|
+
!(e != null && e()) && !(t != null && t()) && (l(a), r(!0), v());
|
|
33
|
+
}, 16)), f || I == null || I(c);
|
|
30
34
|
},
|
|
31
|
-
onBlur: (
|
|
32
|
-
const
|
|
33
|
-
|
|
35
|
+
onBlur: (c) => {
|
|
36
|
+
const f = (e == null ? void 0 : e()) || (t == null ? void 0 : t());
|
|
37
|
+
o && !u && !f && r(!1), D == null || D(c);
|
|
34
38
|
},
|
|
35
|
-
onMouseLeave: (
|
|
36
|
-
|
|
37
|
-
|
|
39
|
+
onMouseLeave: (c) => {
|
|
40
|
+
v();
|
|
41
|
+
const f = (e == null ? void 0 : e()) || (t == null ? void 0 : t());
|
|
42
|
+
o && !u && !f && r(!1), f || p == null || p(c);
|
|
38
43
|
},
|
|
39
44
|
/**
|
|
40
45
|
* This is necessary to disable the standard focus behavior
|
|
41
46
|
* when hovering over an item and similar elements in Radix.
|
|
42
47
|
*/
|
|
43
|
-
onPointerEnter: (
|
|
44
|
-
|
|
48
|
+
onPointerEnter: (c) => {
|
|
49
|
+
c.preventDefault(), x == null || x(c);
|
|
45
50
|
},
|
|
46
51
|
/**
|
|
47
52
|
* This is necessary to disable the standard focus behavior
|
|
48
53
|
* when hovering over an item and similar elements in Radix.
|
|
49
54
|
*/
|
|
50
|
-
onPointerLeave: (
|
|
51
|
-
|
|
55
|
+
onPointerLeave: (c) => {
|
|
56
|
+
c.preventDefault(), F == null || F(c);
|
|
52
57
|
},
|
|
53
58
|
/**
|
|
54
59
|
* This is necessary to disable the standard focus behavior
|
|
55
60
|
* when hovering over an item and similar elements in Radix.
|
|
56
61
|
*/
|
|
57
|
-
onPointerMove: (
|
|
58
|
-
|
|
59
|
-
const
|
|
60
|
-
|
|
62
|
+
onPointerMove: (c) => {
|
|
63
|
+
c.preventDefault();
|
|
64
|
+
const f = (e == null ? void 0 : e()) || (t == null ? void 0 : t());
|
|
65
|
+
o && !u && !f && (l(a), r(!u)), f || S == null || S(c);
|
|
61
66
|
}
|
|
62
67
|
};
|
|
63
68
|
};
|
|
64
69
|
export {
|
|
65
|
-
|
|
70
|
+
w as useContextMenuItemFocus
|
|
66
71
|
};
|
package/package.json
CHANGED