@fluentui-react-native/callout 0.26.1 → 0.27.1
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/CHANGELOG.json +16 -1
- package/CHANGELOG.md +10 -2
- package/FRNCallout.podspec +3 -0
- package/lib/Callout.d.ts.map +1 -1
- package/lib/Callout.js +17 -5
- package/lib/Callout.js.map +1 -1
- package/lib/Callout.types.d.ts +2 -2
- package/lib/Callout.types.d.ts.map +1 -1
- package/lib/Callout.types.js.map +1 -1
- package/lib/CalloutNativeCommands.types.d.ts +5 -0
- package/lib/CalloutNativeCommands.types.d.ts.map +1 -0
- package/lib/CalloutNativeCommands.types.js +2 -0
- package/lib/CalloutNativeCommands.types.js.map +1 -0
- package/lib/CalloutNativeComponent.d.ts +8 -1
- package/lib/CalloutNativeComponent.d.ts.map +1 -1
- package/lib/CalloutNativeComponent.js +1 -1
- package/lib/CalloutNativeComponent.js.map +1 -1
- package/lib/MacOSCalloutNativeComponent.d.ts +8 -1
- package/lib/MacOSCalloutNativeComponent.d.ts.map +1 -1
- package/lib/MacOSCalloutNativeComponent.js +1 -1
- package/lib/MacOSCalloutNativeComponent.js.map +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Callout.d.ts.map +1 -1
- package/lib-commonjs/Callout.js +15 -3
- package/lib-commonjs/Callout.js.map +1 -1
- package/lib-commonjs/Callout.types.d.ts +2 -2
- package/lib-commonjs/Callout.types.d.ts.map +1 -1
- package/lib-commonjs/Callout.types.js.map +1 -1
- package/lib-commonjs/CalloutNativeCommands.types.d.ts +5 -0
- package/lib-commonjs/CalloutNativeCommands.types.d.ts.map +1 -0
- package/lib-commonjs/CalloutNativeCommands.types.js +3 -0
- package/lib-commonjs/CalloutNativeCommands.types.js.map +1 -0
- package/lib-commonjs/CalloutNativeComponent.d.ts +8 -1
- package/lib-commonjs/CalloutNativeComponent.d.ts.map +1 -1
- package/lib-commonjs/CalloutNativeComponent.js +5 -0
- package/lib-commonjs/CalloutNativeComponent.js.map +1 -1
- package/lib-commonjs/MacOSCalloutNativeComponent.d.ts +8 -1
- package/lib-commonjs/MacOSCalloutNativeComponent.d.ts.map +1 -1
- package/lib-commonjs/MacOSCalloutNativeComponent.js +5 -0
- package/lib-commonjs/MacOSCalloutNativeComponent.js.map +1 -1
- package/lib-commonjs/index.d.ts +1 -0
- package/lib-commonjs/index.d.ts.map +1 -1
- package/lib-commonjs/index.js.map +1 -1
- package/macos/CalloutView.swift +15 -7
- package/macos/FRNCallout.h +14 -0
- package/macos/FRNCalloutManager.m +24 -0
- package/package.json +9 -5
- package/src/Callout.tsx +23 -7
- package/src/Callout.types.ts +3 -2
- package/src/CalloutNativeCommands.types.ts +4 -0
- package/src/CalloutNativeComponent.ts +12 -1
- package/src/MacOSCalloutNativeComponent.ts +12 -1
- package/src/index.ts +1 -0
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,22 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/callout",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Fri, 27 Sep 2024 05:53:19 GMT",
|
|
6
|
+
"version": "0.27.0",
|
|
7
|
+
"tag": "@fluentui-react-native/callout_v0.27.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"minor": [
|
|
10
|
+
{
|
|
11
|
+
"author": "ppatboyd@outlook.com",
|
|
12
|
+
"package": "@fluentui-react-native/callout",
|
|
13
|
+
"commit": "7d1fa1e8c9aab65745ceb4e19efda75fd06e33bb",
|
|
14
|
+
"comment": "Add focusWindow and blurWindow command APIs to the Callout componentRef interface"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Mon, 15 Apr 2024 21:31:43 GMT",
|
|
6
21
|
"version": "0.26.1",
|
|
7
22
|
"tag": "@fluentui-react-native/callout_v0.26.1",
|
|
8
23
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/callout
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
<!-- This log was last generated on Fri, 27 Sep 2024 05:53:19 GMT and should not be manually modified. -->
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.27.0
|
|
8
|
+
|
|
9
|
+
Fri, 27 Sep 2024 05:53:19 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- Add focusWindow and blurWindow command APIs to the Callout componentRef interface (ppatboyd@outlook.com)
|
|
14
|
+
|
|
7
15
|
## 0.26.1
|
|
8
16
|
|
|
9
|
-
Mon, 15 Apr 2024 21:
|
|
17
|
+
Mon, 15 Apr 2024 21:31:43 GMT
|
|
10
18
|
|
|
11
19
|
### Patches
|
|
12
20
|
|
package/FRNCallout.podspec
CHANGED
|
@@ -4,6 +4,7 @@ package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
|
|
|
4
4
|
|
|
5
5
|
Pod::Spec.new do |s|
|
|
6
6
|
s.name = 'FRNCallout'
|
|
7
|
+
s.module_name = 'FRNCallout'
|
|
7
8
|
s.version = package['version']
|
|
8
9
|
s.summary = package['description']
|
|
9
10
|
s.license = package['license']
|
|
@@ -18,4 +19,6 @@ Pod::Spec.new do |s|
|
|
|
18
19
|
s.osx.source_files = "macos/*.{swift,h,m}"
|
|
19
20
|
|
|
20
21
|
s.dependency 'React'
|
|
22
|
+
|
|
23
|
+
install_modules_dependencies(s)
|
|
21
24
|
end
|
package/lib/Callout.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;
|
|
1
|
+
{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAYH,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAgB,MAAM,iBAAiB,CAAC;AAatF,eAAO,MAAM,OAAO,6JAqDlB,CAAC;AAEH,eAAe,OAAO,CAAC"}
|
package/lib/Callout.js
CHANGED
|
@@ -27,23 +27,35 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
27
27
|
};
|
|
28
28
|
import * as React from 'react';
|
|
29
29
|
import { findNodeHandle, Platform } from 'react-native';
|
|
30
|
-
import { useViewCommandFocus } from '@fluentui-react-native/interactive-hooks';
|
|
31
30
|
import { backgroundColorTokens, borderTokens } from '@fluentui-react-native/tokens';
|
|
32
31
|
import { compose } from '@uifabricshared/foundation-compose';
|
|
33
32
|
import { mergeSettings } from '@uifabricshared/foundation-settings';
|
|
34
33
|
import { settings } from './Callout.settings';
|
|
35
34
|
import { calloutName } from './Callout.types';
|
|
36
35
|
import CalloutNativeComponent from './CalloutNativeComponent';
|
|
37
|
-
import
|
|
36
|
+
import FRNCalloutNativeComponent from './MacOSCalloutNativeComponent';
|
|
37
|
+
import { Commands } from './MacOSCalloutNativeComponent';
|
|
38
38
|
var NativeCalloutView = Platform.select({
|
|
39
|
-
macos:
|
|
39
|
+
macos: FRNCalloutNativeComponent,
|
|
40
40
|
default: CalloutNativeComponent, // win32
|
|
41
41
|
});
|
|
42
42
|
export var Callout = compose({
|
|
43
43
|
displayName: calloutName,
|
|
44
44
|
usePrepareProps: function (props, useStyling) {
|
|
45
45
|
var componentRef = props.componentRef, target = props.target, rest = __rest(props, ["componentRef", "target"]);
|
|
46
|
-
|
|
46
|
+
React.useImperativeHandle(componentRef, function () { return ({
|
|
47
|
+
blurWindow: function () {
|
|
48
|
+
if (componentRef.current != null) {
|
|
49
|
+
Commands.blurWindow(nativeComponentRef.current);
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
focusWindow: function () {
|
|
53
|
+
if (componentRef.current != null) {
|
|
54
|
+
Commands.focusWindow(nativeComponentRef.current);
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
}); }, [componentRef]);
|
|
58
|
+
var nativeComponentRef = React.useRef(null);
|
|
47
59
|
var _a = React.useState(null), nativeTarget = _a[0], setNativeTarget = _a[1];
|
|
48
60
|
React.useLayoutEffect(function () {
|
|
49
61
|
if (typeof target === 'string') {
|
|
@@ -60,7 +72,7 @@ export var Callout = compose({
|
|
|
60
72
|
}
|
|
61
73
|
}, [target]);
|
|
62
74
|
var slotProps = mergeSettings(useStyling(props), {
|
|
63
|
-
root: __assign(__assign({ ref:
|
|
75
|
+
root: __assign(__assign({ ref: nativeComponentRef }, (nativeTarget && { target: nativeTarget })), rest),
|
|
64
76
|
});
|
|
65
77
|
return { slotProps: slotProps };
|
|
66
78
|
},
|
package/lib/Callout.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Callout.js","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;;;;;;;;;;;;;;;;;;;;;;;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Callout.js","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;;;;;;;;;;;;;;;;;;;;;;;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxD,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEpF,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,yBAAyB,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,IAAM,iBAAiB,GAAG,QAAQ,CAAC,MAAM,CAA2E;IAClH,KAAK,EAAE,yBAAyB;IAChC,OAAO,EAAE,sBAAsB,EAAE,QAAQ;CAC1C,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,OAAO,GAAG,OAAO,CAAe;IAC3C,WAAW,EAAE,WAAW;IACxB,eAAe,EAAE,UAAC,KAAoB,EAAE,UAA4C;QAC1E,IAAA,YAAY,GAAsB,KAAK,aAA3B,EAAE,MAAM,GAAc,KAAK,OAAnB,EAAK,IAAI,UAAK,KAAK,EAAzC,0BAAiC,CAAF,CAAW;QAChD,KAAK,CAAC,mBAAmB,CACvB,YAAY,EACZ,cAAM,OAAA,CAAC;YACL,UAAU;gBACR,IAAI,YAAY,CAAC,OAAO,IAAI,IAAI,EAAE;oBAChC,QAAQ,CAAC,UAAU,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;iBACjD;YACH,CAAC;YACD,WAAW;gBACT,IAAI,YAAY,CAAC,OAAO,IAAI,IAAI,EAAE;oBAChC,QAAQ,CAAC,WAAW,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;iBAClD;YACH,CAAC;SACF,CAAC,EAXI,CAWJ,EACF,CAAC,YAAY,CAAC,CACf,CAAC;QACF,IAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAoD,IAAI,CAAC,CAAC;QAC3F,IAAA,KAAkC,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,EAA7E,YAAY,QAAA,EAAE,eAAe,QAAgD,CAAC;QAErF,KAAK,CAAC,eAAe,CAAC;YACpB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;gBAC9B,qCAAqC;gBACrC,eAAe,CAAC,MAAM,CAAC,CAAC;aACzB;iBAAM,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAE;gBAC1B,0CAA0C;gBAC1C,eAAe,CAAC,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;aACjD;iBAAM;gBACL,iEAAiE;gBACjE,eAAe,CAAC,IAAI,CAAC,CAAC;aACvB;QACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QAEb,IAAM,SAAS,GAAG,aAAa,CAAoB,UAAU,CAAC,KAAK,CAAC,EAAE;YACpE,IAAI,sBACF,GAAG,EAAE,kBAAkB,IACpB,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAC1C,IAAI,CACR;SACF,CAAC,CAAC;QAEH,OAAO,EAAE,SAAS,WAAA,EAAE,CAAC;IACvB,CAAC;IACD,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,iBAAiB;KACxB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC,qBAAqB,EAAE,YAAY,CAAC;KAC5C;CACF,CAAC,CAAC;AAEH,eAAe,OAAO,CAAC"}
|
package/lib/Callout.types.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type * as React from 'react';
|
|
2
2
|
import type { KeyboardMetrics, ViewStyle } from 'react-native';
|
|
3
3
|
import type { IViewProps } from '@fluentui-react-native/adapters';
|
|
4
|
-
import type { IFocusable } from '@fluentui-react-native/interactive-hooks';
|
|
5
4
|
import type { IBackgroundColorTokens, IBorderTokens } from '@fluentui-react-native/tokens';
|
|
6
5
|
import type { IRenderData } from '@uifabricshared/foundation-composable';
|
|
6
|
+
import type { CalloutNativeCommands } from './CalloutNativeCommands.types';
|
|
7
7
|
export declare const calloutName = "Callout";
|
|
8
8
|
/**
|
|
9
9
|
* Properties and Tokens for FluentUI React Native Callout
|
|
@@ -81,7 +81,7 @@ export interface ICalloutProps extends IViewProps, ICalloutTokens {
|
|
|
81
81
|
/**
|
|
82
82
|
* A RefObject to access the IFocusable interface. Use this to access the public methods and properties of the component.
|
|
83
83
|
*/
|
|
84
|
-
componentRef?: React.RefObject<
|
|
84
|
+
componentRef?: React.RefObject<CalloutNativeCommands>;
|
|
85
85
|
/**
|
|
86
86
|
* Defines event redirection behaviors for pointer events relative to the Callout control.
|
|
87
87
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Callout.types.d.ts","sourceRoot":"","sources":["../src/Callout.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Callout.types.d.ts","sourceRoot":"","sources":["../src/Callout.types.ts"],"names":[],"mappings":"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"}
|
package/lib/Callout.types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Callout.types.js","sourceRoot":"","sources":["../src/Callout.types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Callout.types.js","sourceRoot":"","sources":["../src/Callout.types.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,IAAM,WAAW,GAAG,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalloutNativeCommands.types.d.ts","sourceRoot":"","sources":["../src/CalloutNativeCommands.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC,WAAW,IAAI,IAAI,CAAC;IACpB,UAAU,IAAI,IAAI,CAAC;CACpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalloutNativeCommands.types.js","sourceRoot":"","sources":["../src/CalloutNativeCommands.types.ts"],"names":[],"mappings":""}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
* Licensed under the MIT License.
|
|
4
4
|
* @format
|
|
5
5
|
*/
|
|
6
|
+
/// <reference types="react" />
|
|
6
7
|
import type { HostComponent, ViewProps } from 'react-native';
|
|
7
8
|
import type { WithDefault, DirectEventHandler, Double, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
|
|
8
9
|
import type { UnsafeMixed } from './codegenTypes';
|
|
@@ -37,6 +38,12 @@ export interface NativeProps extends ViewProps {
|
|
|
37
38
|
target: Int32;
|
|
38
39
|
}>;
|
|
39
40
|
}
|
|
40
|
-
|
|
41
|
+
export type CalloutComponentType = HostComponent<NativeProps>;
|
|
42
|
+
export interface CalloutNativeCommands {
|
|
43
|
+
focusWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;
|
|
44
|
+
blurWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;
|
|
45
|
+
}
|
|
46
|
+
export declare const Commands: CalloutNativeCommands;
|
|
47
|
+
declare const _default: CalloutComponentType;
|
|
41
48
|
export default _default;
|
|
42
49
|
//# sourceMappingURL=CalloutNativeComponent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutNativeComponent.d.ts","sourceRoot":"","sources":["../src/CalloutNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG
|
|
1
|
+
{"version":3,"file":"CalloutNativeComponent.d.ts","sourceRoot":"","sources":["../src/CalloutNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAIhH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,CAAC,EAAE,WAAW,CACzB,aAAa,GACb,YAAY,GACZ,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,WAAW,GACX,cAAc,GACd,cAAc,GACd,aAAa,GACb,iBAAiB,GACjB,gBAAgB,GAChB,gBAAgB,GAChB,cAAc,GACd,iBAAiB,EACnB,gBAAgB,CACjB,CAAC;IACF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,cAAc,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC/E,SAAS,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;CAChD;AAED,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;AAC9D,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACvE,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;CACvE;AAED,eAAO,MAAM,QAAQ,EAAE,qBAErB,CAAC;;AAEH,wBAAyF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.__INTERNAL_VIEW_CONFIG=void 0;var _codegenNativeComponent=_interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));var NativeComponentRegistry=require('react-native/Libraries/NativeComponent/NativeComponentRegistry');var _require=require('react-native/Libraries/NativeComponent/ViewConfigIgnore'),ConditionallyIgnoredEventHandlers=_require.ConditionallyIgnoredEventHandlers;var nativeComponentName='RCTCallout';var __INTERNAL_VIEW_CONFIG=exports.__INTERNAL_VIEW_CONFIG={uiViewClassName:'RCTCallout',directEventTypes:{topRestoreFocus:{registrationName:'onRestoreFocus'},topDismiss:{registrationName:'onDismiss'},topShow:{registrationName:'onShow'}},validAttributes:Object.assign({accessibilityLabel:true,accessibilityOnShowAnnouncement:true,anchorRect:true,directionalHint:true,dismissBehaviors:true,doNotTakePointerCapture:true,focusable:true,isBeakVisible:true,maxHeight:true,maxWidth:true,setInitialFocus:true,target:true,testID:true},ConditionallyIgnoredEventHandlers({onRestoreFocus:true,onDismiss:true,onShow:true}))};var _default=exports.default=NativeComponentRegistry.get(nativeComponentName,function(){return __INTERNAL_VIEW_CONFIG;});
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.__INTERNAL_VIEW_CONFIG=exports.Commands=void 0;var _codegenNativeCommands=_interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeCommands"));var _codegenNativeComponent=_interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));var NativeComponentRegistry=require('react-native/Libraries/NativeComponent/NativeComponentRegistry');var _require=require('react-native/Libraries/NativeComponent/ViewConfigIgnore'),ConditionallyIgnoredEventHandlers=_require.ConditionallyIgnoredEventHandlers;var _require2=require("react-native/Libraries/ReactNative/RendererProxy"),dispatchCommand=_require2.dispatchCommand;var nativeComponentName='RCTCallout';var __INTERNAL_VIEW_CONFIG=exports.__INTERNAL_VIEW_CONFIG={uiViewClassName:'RCTCallout',directEventTypes:{topRestoreFocus:{registrationName:'onRestoreFocus'},topDismiss:{registrationName:'onDismiss'},topShow:{registrationName:'onShow'}},validAttributes:Object.assign({accessibilityLabel:true,accessibilityOnShowAnnouncement:true,anchorRect:true,directionalHint:true,dismissBehaviors:true,doNotTakePointerCapture:true,focusable:true,isBeakVisible:true,maxHeight:true,maxWidth:true,setInitialFocus:true,target:true,testID:true},ConditionallyIgnoredEventHandlers({onRestoreFocus:true,onDismiss:true,onShow:true}))};var _default=exports.default=NativeComponentRegistry.get(nativeComponentName,function(){return __INTERNAL_VIEW_CONFIG;});var Commands=exports.Commands={focusWindow:function focusWindow(ref){dispatchCommand(ref,"focusWindow",[]);},blurWindow:function blurWindow(ref){dispatchCommand(ref,"blurWindow",[]);}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutNativeComponent.js","sourceRoot":"","sources":["../src/CalloutNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;
|
|
1
|
+
{"version":3,"file":"CalloutNativeComponent.js","sourceRoot":"","sources":["../src/CalloutNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,qBAAqB,MAAM,wDAAwD,CAAC;AAC3F,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;AAwD7F,MAAM,CAAC,IAAM,QAAQ,GAA0B,qBAAqB,CAAwB;IAC1F,iBAAiB,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;CACjD,CAAC,CAAC;AAEH,eAAe,sBAAsB,CAAc,YAAY,CAAyB,CAAC"}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
* Licensed under the MIT License.
|
|
4
4
|
* @format
|
|
5
5
|
*/
|
|
6
|
+
/// <reference types="react" />
|
|
6
7
|
import type { HostComponent, ViewProps } from 'react-native';
|
|
7
8
|
import type { DirectEventHandler, Double, Int32, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
|
|
8
9
|
type AnchorRect = {
|
|
@@ -36,6 +37,12 @@ export interface NativeProps extends ViewProps {
|
|
|
36
37
|
target: Int32;
|
|
37
38
|
}>;
|
|
38
39
|
}
|
|
39
|
-
|
|
40
|
+
export type CalloutComponentType = HostComponent<NativeProps>;
|
|
41
|
+
export interface CalloutNativeCommands {
|
|
42
|
+
focusWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;
|
|
43
|
+
blurWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;
|
|
44
|
+
}
|
|
45
|
+
export declare const Commands: CalloutNativeCommands;
|
|
46
|
+
declare const _default: CalloutComponentType;
|
|
40
47
|
export default _default;
|
|
41
48
|
//# sourceMappingURL=MacOSCalloutNativeComponent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MacOSCalloutNativeComponent.d.ts","sourceRoot":"","sources":["../src/MacOSCalloutNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG
|
|
1
|
+
{"version":3,"file":"MacOSCalloutNativeComponent.d.ts","sourceRoot":"","sources":["../src/MacOSCalloutNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAIhH,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,CAAC,EAAE,WAAW,CACzB,aAAa,GACb,YAAY,GACZ,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,WAAW,GACX,cAAc,GACd,cAAc,GACd,aAAa,GACb,iBAAiB,GACjB,gBAAgB,GAChB,gBAAgB,GAChB,cAAc,GACd,iBAAiB,EACnB,aAAa,CACd,CAAC;IACF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,cAAc,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC/E,SAAS,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;CAChD;AAED,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;AAC9D,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACvE,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;CACvE;AAED,eAAO,MAAM,QAAQ,EAAE,qBAErB,CAAC;;AAEH,wBAAyF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.__INTERNAL_VIEW_CONFIG=void 0;var _codegenNativeComponent=_interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));var NativeComponentRegistry=require('react-native/Libraries/NativeComponent/NativeComponentRegistry');var _require=require('react-native/Libraries/NativeComponent/ViewConfigIgnore'),ConditionallyIgnoredEventHandlers=_require.ConditionallyIgnoredEventHandlers;var nativeComponentName='FRNCallout';var __INTERNAL_VIEW_CONFIG=exports.__INTERNAL_VIEW_CONFIG={uiViewClassName:'FRNCallout',directEventTypes:{topRestoreFocus:{registrationName:'onRestoreFocus'},topDismiss:{registrationName:'onDismiss'},topShow:{registrationName:'onShow'}},validAttributes:Object.assign({accessibilityLabel:true,accessibilityOnShowAnnouncement:true,anchorRect:true,directionalHint:true,dismissBehaviors:true,doNotTakePointerCapture:true,focusable:true,isBeakVisible:true,maxHeight:true,maxWidth:true,setInitialFocus:true,target:true,testID:true},ConditionallyIgnoredEventHandlers({onRestoreFocus:true,onDismiss:true,onShow:true}))};var _default=exports.default=NativeComponentRegistry.get(nativeComponentName,function(){return __INTERNAL_VIEW_CONFIG;});
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.__INTERNAL_VIEW_CONFIG=exports.Commands=void 0;var _codegenNativeCommands=_interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeCommands"));var _codegenNativeComponent=_interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));var NativeComponentRegistry=require('react-native/Libraries/NativeComponent/NativeComponentRegistry');var _require=require('react-native/Libraries/NativeComponent/ViewConfigIgnore'),ConditionallyIgnoredEventHandlers=_require.ConditionallyIgnoredEventHandlers;var _require2=require("react-native/Libraries/ReactNative/RendererProxy"),dispatchCommand=_require2.dispatchCommand;var nativeComponentName='FRNCallout';var __INTERNAL_VIEW_CONFIG=exports.__INTERNAL_VIEW_CONFIG={uiViewClassName:'FRNCallout',directEventTypes:{topRestoreFocus:{registrationName:'onRestoreFocus'},topDismiss:{registrationName:'onDismiss'},topShow:{registrationName:'onShow'}},validAttributes:Object.assign({accessibilityLabel:true,accessibilityOnShowAnnouncement:true,anchorRect:true,directionalHint:true,dismissBehaviors:true,doNotTakePointerCapture:true,focusable:true,isBeakVisible:true,maxHeight:true,maxWidth:true,setInitialFocus:true,target:true,testID:true},ConditionallyIgnoredEventHandlers({onRestoreFocus:true,onDismiss:true,onShow:true}))};var _default=exports.default=NativeComponentRegistry.get(nativeComponentName,function(){return __INTERNAL_VIEW_CONFIG;});var Commands=exports.Commands={focusWindow:function focusWindow(ref){dispatchCommand(ref,"focusWindow",[]);},blurWindow:function blurWindow(ref){dispatchCommand(ref,"blurWindow",[]);}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MacOSCalloutNativeComponent.js","sourceRoot":"","sources":["../src/MacOSCalloutNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;
|
|
1
|
+
{"version":3,"file":"MacOSCalloutNativeComponent.js","sourceRoot":"","sources":["../src/MacOSCalloutNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,qBAAqB,MAAM,wDAAwD,CAAC;AAC3F,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;AAmD7F,MAAM,CAAC,IAAM,QAAQ,GAA0B,qBAAqB,CAAwB;IAC1F,iBAAiB,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;CACjD,CAAC,CAAC;AAEH,eAAe,sBAAsB,CAAc,YAAY,CAAyB,CAAC"}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { calloutName } from './Callout.types';
|
|
2
2
|
export type { DirectionalHint, DismissBehaviors, ICalloutProps, ICalloutRenderData, ICalloutSlotProps, ICalloutTokens, ICalloutType, RestoreFocusEvent, } from './Callout.types';
|
|
3
|
+
export type { CalloutNativeCommands } from './CalloutNativeCommands.types';
|
|
3
4
|
export { Callout } from './Callout';
|
|
4
5
|
//# sourceMappingURL=index.d.ts.map
|
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAY9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;
|
|
1
|
+
{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAYH,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAgB,MAAM,iBAAiB,CAAC;AAatF,eAAO,MAAM,OAAO,6JAqDlB,CAAC;AAEH,eAAe,OAAO,CAAC"}
|
package/lib-commonjs/Callout.js
CHANGED
|
@@ -56,7 +56,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
56
56
|
exports.Callout = void 0;
|
|
57
57
|
var React = __importStar(require("react"));
|
|
58
58
|
var react_native_1 = require("react-native");
|
|
59
|
-
var interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
|
|
60
59
|
var tokens_1 = require("@fluentui-react-native/tokens");
|
|
61
60
|
var foundation_compose_1 = require("@uifabricshared/foundation-compose");
|
|
62
61
|
var foundation_settings_1 = require("@uifabricshared/foundation-settings");
|
|
@@ -64,6 +63,7 @@ var Callout_settings_1 = require("./Callout.settings");
|
|
|
64
63
|
var Callout_types_1 = require("./Callout.types");
|
|
65
64
|
var CalloutNativeComponent_1 = __importDefault(require("./CalloutNativeComponent"));
|
|
66
65
|
var MacOSCalloutNativeComponent_1 = __importDefault(require("./MacOSCalloutNativeComponent"));
|
|
66
|
+
var MacOSCalloutNativeComponent_2 = require("./MacOSCalloutNativeComponent");
|
|
67
67
|
var NativeCalloutView = react_native_1.Platform.select({
|
|
68
68
|
macos: MacOSCalloutNativeComponent_1.default,
|
|
69
69
|
default: CalloutNativeComponent_1.default, // win32
|
|
@@ -72,7 +72,19 @@ exports.Callout = (0, foundation_compose_1.compose)({
|
|
|
72
72
|
displayName: Callout_types_1.calloutName,
|
|
73
73
|
usePrepareProps: function (props, useStyling) {
|
|
74
74
|
var componentRef = props.componentRef, target = props.target, rest = __rest(props, ["componentRef", "target"]);
|
|
75
|
-
|
|
75
|
+
React.useImperativeHandle(componentRef, function () { return ({
|
|
76
|
+
blurWindow: function () {
|
|
77
|
+
if (componentRef.current != null) {
|
|
78
|
+
MacOSCalloutNativeComponent_2.Commands.blurWindow(nativeComponentRef.current);
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
focusWindow: function () {
|
|
82
|
+
if (componentRef.current != null) {
|
|
83
|
+
MacOSCalloutNativeComponent_2.Commands.focusWindow(nativeComponentRef.current);
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
}); }, [componentRef]);
|
|
87
|
+
var nativeComponentRef = React.useRef(null);
|
|
76
88
|
var _a = React.useState(null), nativeTarget = _a[0], setNativeTarget = _a[1];
|
|
77
89
|
React.useLayoutEffect(function () {
|
|
78
90
|
if (typeof target === 'string') {
|
|
@@ -89,7 +101,7 @@ exports.Callout = (0, foundation_compose_1.compose)({
|
|
|
89
101
|
}
|
|
90
102
|
}, [target]);
|
|
91
103
|
var slotProps = (0, foundation_settings_1.mergeSettings)(useStyling(props), {
|
|
92
|
-
root: __assign(__assign({ ref:
|
|
104
|
+
root: __assign(__assign({ ref: nativeComponentRef }, (nativeTarget && { target: nativeTarget })), rest),
|
|
93
105
|
});
|
|
94
106
|
return { slotProps: slotProps };
|
|
95
107
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Callout.js","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,2CAA+B;AAC/B,6CAAwD;AAGxD,
|
|
1
|
+
{"version":3,"file":"Callout.js","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,2CAA+B;AAC/B,6CAAwD;AAGxD,wDAAoF;AAEpF,yEAA6D;AAC7D,2EAAoE;AAEpE,uDAA8C;AAE9C,iDAA8C;AAE9C,oFAA8D;AAE9D,8FAAsE;AACtE,6EAAyD;AAEzD,IAAM,iBAAiB,GAAG,uBAAQ,CAAC,MAAM,CAA2E;IAClH,KAAK,EAAE,qCAAyB;IAChC,OAAO,EAAE,gCAAsB,EAAE,QAAQ;CAC1C,CAAC,CAAC;AAEU,QAAA,OAAO,GAAG,IAAA,4BAAO,EAAe;IAC3C,WAAW,EAAE,2BAAW;IACxB,eAAe,EAAE,UAAC,KAAoB,EAAE,UAA4C;QAC1E,IAAA,YAAY,GAAsB,KAAK,aAA3B,EAAE,MAAM,GAAc,KAAK,OAAnB,EAAK,IAAI,UAAK,KAAK,EAAzC,0BAAiC,CAAF,CAAW;QAChD,KAAK,CAAC,mBAAmB,CACvB,YAAY,EACZ,cAAM,OAAA,CAAC;YACL,UAAU;gBACR,IAAI,YAAY,CAAC,OAAO,IAAI,IAAI,EAAE;oBAChC,sCAAQ,CAAC,UAAU,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;iBACjD;YACH,CAAC;YACD,WAAW;gBACT,IAAI,YAAY,CAAC,OAAO,IAAI,IAAI,EAAE;oBAChC,sCAAQ,CAAC,WAAW,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;iBAClD;YACH,CAAC;SACF,CAAC,EAXI,CAWJ,EACF,CAAC,YAAY,CAAC,CACf,CAAC;QACF,IAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAoD,IAAI,CAAC,CAAC;QAC3F,IAAA,KAAkC,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,EAA7E,YAAY,QAAA,EAAE,eAAe,QAAgD,CAAC;QAErF,KAAK,CAAC,eAAe,CAAC;YACpB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;gBAC9B,qCAAqC;gBACrC,eAAe,CAAC,MAAM,CAAC,CAAC;aACzB;iBAAM,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAE;gBAC1B,0CAA0C;gBAC1C,eAAe,CAAC,IAAA,6BAAc,EAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;aACjD;iBAAM;gBACL,iEAAiE;gBACjE,eAAe,CAAC,IAAI,CAAC,CAAC;aACvB;QACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QAEb,IAAM,SAAS,GAAG,IAAA,mCAAa,EAAoB,UAAU,CAAC,KAAK,CAAC,EAAE;YACpE,IAAI,sBACF,GAAG,EAAE,kBAAkB,IACpB,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAC1C,IAAI,CACR;SACF,CAAC,CAAC;QAEH,OAAO,EAAE,SAAS,WAAA,EAAE,CAAC;IACvB,CAAC;IACD,QAAQ,EAAE,2BAAQ;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,iBAAiB;KACxB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC,8BAAqB,EAAE,qBAAY,CAAC;KAC5C;CACF,CAAC,CAAC;AAEH,kBAAe,eAAO,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type * as React from 'react';
|
|
2
2
|
import type { KeyboardMetrics, ViewStyle } from 'react-native';
|
|
3
3
|
import type { IViewProps } from '@fluentui-react-native/adapters';
|
|
4
|
-
import type { IFocusable } from '@fluentui-react-native/interactive-hooks';
|
|
5
4
|
import type { IBackgroundColorTokens, IBorderTokens } from '@fluentui-react-native/tokens';
|
|
6
5
|
import type { IRenderData } from '@uifabricshared/foundation-composable';
|
|
6
|
+
import type { CalloutNativeCommands } from './CalloutNativeCommands.types';
|
|
7
7
|
export declare const calloutName = "Callout";
|
|
8
8
|
/**
|
|
9
9
|
* Properties and Tokens for FluentUI React Native Callout
|
|
@@ -81,7 +81,7 @@ export interface ICalloutProps extends IViewProps, ICalloutTokens {
|
|
|
81
81
|
/**
|
|
82
82
|
* A RefObject to access the IFocusable interface. Use this to access the public methods and properties of the component.
|
|
83
83
|
*/
|
|
84
|
-
componentRef?: React.RefObject<
|
|
84
|
+
componentRef?: React.RefObject<CalloutNativeCommands>;
|
|
85
85
|
/**
|
|
86
86
|
* Defines event redirection behaviors for pointer events relative to the Callout control.
|
|
87
87
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Callout.types.d.ts","sourceRoot":"","sources":["../src/Callout.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Callout.types.d.ts","sourceRoot":"","sources":["../src/Callout.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Callout.types.js","sourceRoot":"","sources":["../src/Callout.types.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"Callout.types.js","sourceRoot":"","sources":["../src/Callout.types.ts"],"names":[],"mappings":";;;AAQa,QAAA,WAAW,GAAG,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalloutNativeCommands.types.d.ts","sourceRoot":"","sources":["../src/CalloutNativeCommands.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC,WAAW,IAAI,IAAI,CAAC;IACpB,UAAU,IAAI,IAAI,CAAC;CACpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalloutNativeCommands.types.js","sourceRoot":"","sources":["../src/CalloutNativeCommands.types.ts"],"names":[],"mappings":""}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
* Licensed under the MIT License.
|
|
4
4
|
* @format
|
|
5
5
|
*/
|
|
6
|
+
/// <reference types="react" />
|
|
6
7
|
import type { HostComponent, ViewProps } from 'react-native';
|
|
7
8
|
import type { WithDefault, DirectEventHandler, Double, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
|
|
8
9
|
import type { UnsafeMixed } from './codegenTypes';
|
|
@@ -37,6 +38,12 @@ export interface NativeProps extends ViewProps {
|
|
|
37
38
|
target: Int32;
|
|
38
39
|
}>;
|
|
39
40
|
}
|
|
40
|
-
|
|
41
|
+
export type CalloutComponentType = HostComponent<NativeProps>;
|
|
42
|
+
export interface CalloutNativeCommands {
|
|
43
|
+
focusWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;
|
|
44
|
+
blurWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;
|
|
45
|
+
}
|
|
46
|
+
export declare const Commands: CalloutNativeCommands;
|
|
47
|
+
declare const _default: CalloutComponentType;
|
|
41
48
|
export default _default;
|
|
42
49
|
//# sourceMappingURL=CalloutNativeComponent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutNativeComponent.d.ts","sourceRoot":"","sources":["../src/CalloutNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG
|
|
1
|
+
{"version":3,"file":"CalloutNativeComponent.d.ts","sourceRoot":"","sources":["../src/CalloutNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAIhH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,CAAC,EAAE,WAAW,CACzB,aAAa,GACb,YAAY,GACZ,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,WAAW,GACX,cAAc,GACd,cAAc,GACd,aAAa,GACb,iBAAiB,GACjB,gBAAgB,GAChB,gBAAgB,GAChB,cAAc,GACd,iBAAiB,EACnB,gBAAgB,CACjB,CAAC;IACF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,cAAc,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC/E,SAAS,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;CAChD;AAED,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;AAC9D,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACvE,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;CACvE;AAED,eAAO,MAAM,QAAQ,EAAE,qBAErB,CAAC;;AAEH,wBAAyF"}
|
|
@@ -8,6 +8,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
8
8
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
9
9
|
};
|
|
10
10
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
11
|
+
exports.Commands = void 0;
|
|
12
|
+
var codegenNativeCommands_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeCommands"));
|
|
11
13
|
var codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
|
|
14
|
+
exports.Commands = (0, codegenNativeCommands_1.default)({
|
|
15
|
+
supportedCommands: ['blurWindow', 'focusWindow'],
|
|
16
|
+
});
|
|
12
17
|
exports.default = (0, codegenNativeComponent_1.default)('RCTCallout');
|
|
13
18
|
//# sourceMappingURL=CalloutNativeComponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutNativeComponent.js","sourceRoot":"","sources":["../src/CalloutNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG
|
|
1
|
+
{"version":3,"file":"CalloutNativeComponent.js","sourceRoot":"","sources":["../src/CalloutNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;AAKH,iHAA2F;AAC3F,mHAA6F;AAwDhF,QAAA,QAAQ,GAA0B,IAAA,+BAAqB,EAAwB;IAC1F,iBAAiB,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;CACjD,CAAC,CAAC;AAEH,kBAAe,IAAA,gCAAsB,EAAc,YAAY,CAAyB,CAAC"}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
* Licensed under the MIT License.
|
|
4
4
|
* @format
|
|
5
5
|
*/
|
|
6
|
+
/// <reference types="react" />
|
|
6
7
|
import type { HostComponent, ViewProps } from 'react-native';
|
|
7
8
|
import type { DirectEventHandler, Double, Int32, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
|
|
8
9
|
type AnchorRect = {
|
|
@@ -36,6 +37,12 @@ export interface NativeProps extends ViewProps {
|
|
|
36
37
|
target: Int32;
|
|
37
38
|
}>;
|
|
38
39
|
}
|
|
39
|
-
|
|
40
|
+
export type CalloutComponentType = HostComponent<NativeProps>;
|
|
41
|
+
export interface CalloutNativeCommands {
|
|
42
|
+
focusWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;
|
|
43
|
+
blurWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;
|
|
44
|
+
}
|
|
45
|
+
export declare const Commands: CalloutNativeCommands;
|
|
46
|
+
declare const _default: CalloutComponentType;
|
|
40
47
|
export default _default;
|
|
41
48
|
//# sourceMappingURL=MacOSCalloutNativeComponent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MacOSCalloutNativeComponent.d.ts","sourceRoot":"","sources":["../src/MacOSCalloutNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG
|
|
1
|
+
{"version":3,"file":"MacOSCalloutNativeComponent.d.ts","sourceRoot":"","sources":["../src/MacOSCalloutNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAIhH,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,CAAC,EAAE,WAAW,CACzB,aAAa,GACb,YAAY,GACZ,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,WAAW,GACX,cAAc,GACd,cAAc,GACd,aAAa,GACb,iBAAiB,GACjB,gBAAgB,GAChB,gBAAgB,GAChB,cAAc,GACd,iBAAiB,EACnB,aAAa,CACd,CAAC;IACF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,cAAc,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC/E,SAAS,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;CAChD;AAED,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;AAC9D,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACvE,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;CACvE;AAED,eAAO,MAAM,QAAQ,EAAE,qBAErB,CAAC;;AAEH,wBAAyF"}
|
|
@@ -8,6 +8,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
8
8
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
9
9
|
};
|
|
10
10
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
11
|
+
exports.Commands = void 0;
|
|
12
|
+
var codegenNativeCommands_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeCommands"));
|
|
11
13
|
var codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
|
|
14
|
+
exports.Commands = (0, codegenNativeCommands_1.default)({
|
|
15
|
+
supportedCommands: ['blurWindow', 'focusWindow'],
|
|
16
|
+
});
|
|
12
17
|
exports.default = (0, codegenNativeComponent_1.default)('FRNCallout');
|
|
13
18
|
//# sourceMappingURL=MacOSCalloutNativeComponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MacOSCalloutNativeComponent.js","sourceRoot":"","sources":["../src/MacOSCalloutNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG
|
|
1
|
+
{"version":3,"file":"MacOSCalloutNativeComponent.js","sourceRoot":"","sources":["../src/MacOSCalloutNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;AAKH,iHAA2F;AAC3F,mHAA6F;AAmDhF,QAAA,QAAQ,GAA0B,IAAA,+BAAqB,EAAwB;IAC1F,iBAAiB,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;CACjD,CAAC,CAAC;AAEH,kBAAe,IAAA,gCAAsB,EAAc,YAAY,CAAyB,CAAC"}
|
package/lib-commonjs/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { calloutName } from './Callout.types';
|
|
2
2
|
export type { DirectionalHint, DismissBehaviors, ICalloutProps, ICalloutRenderData, ICalloutSlotProps, ICalloutTokens, ICalloutType, RestoreFocusEvent, } from './Callout.types';
|
|
3
|
+
export type { CalloutNativeCommands } from './CalloutNativeCommands.types';
|
|
3
4
|
export { Callout } from './Callout';
|
|
4
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,iDAA8C;AAArC,4GAAA,WAAW,OAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,iDAA8C;AAArC,4GAAA,WAAW,OAAA;AAYpB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA"}
|
package/macos/CalloutView.swift
CHANGED
|
@@ -5,7 +5,7 @@ import React
|
|
|
5
5
|
#endif // USE_REACT_AS_MODULE
|
|
6
6
|
|
|
7
7
|
@objc(FRNCalloutView)
|
|
8
|
-
class CalloutView: RCTView, CalloutWindowLifeCycleDelegate {
|
|
8
|
+
open class CalloutView: RCTView, CalloutWindowLifeCycleDelegate {
|
|
9
9
|
|
|
10
10
|
@objc public var target: NSNumber? {
|
|
11
11
|
didSet {
|
|
@@ -35,6 +35,14 @@ class CalloutView: RCTView, CalloutWindowLifeCycleDelegate {
|
|
|
35
35
|
@objc public var onShow: RCTDirectEventBlock?
|
|
36
36
|
|
|
37
37
|
@objc public var onDismiss: RCTDirectEventBlock?
|
|
38
|
+
|
|
39
|
+
@objc public func focusWindow() {
|
|
40
|
+
calloutWindow.makeKey()
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@objc public func blurWindow() {
|
|
44
|
+
calloutWindow.parent?.makeKey()
|
|
45
|
+
}
|
|
38
46
|
|
|
39
47
|
public weak var bridge: RCTBridge?
|
|
40
48
|
|
|
@@ -42,7 +50,7 @@ class CalloutView: RCTView, CalloutWindowLifeCycleDelegate {
|
|
|
42
50
|
super.init(frame: .zero)
|
|
43
51
|
}
|
|
44
52
|
|
|
45
|
-
required init?(coder: NSCoder) {
|
|
53
|
+
public required init?(coder: NSCoder) {
|
|
46
54
|
preconditionFailure()
|
|
47
55
|
}
|
|
48
56
|
|
|
@@ -58,7 +66,7 @@ class CalloutView: RCTView, CalloutWindowLifeCycleDelegate {
|
|
|
58
66
|
object: nil)
|
|
59
67
|
}
|
|
60
68
|
|
|
61
|
-
override func viewDidMoveToWindow() {
|
|
69
|
+
public override func viewDidMoveToWindow() {
|
|
62
70
|
super.viewDidMoveToWindow()
|
|
63
71
|
if (window != nil) {
|
|
64
72
|
showCallout()
|
|
@@ -67,7 +75,7 @@ class CalloutView: RCTView, CalloutWindowLifeCycleDelegate {
|
|
|
67
75
|
}
|
|
68
76
|
}
|
|
69
77
|
|
|
70
|
-
override func updateLayer() {
|
|
78
|
+
public override func updateLayer() {
|
|
71
79
|
if let layer = calloutWindow.contentView?.layer {
|
|
72
80
|
layer.borderColor = borderColor.cgColor
|
|
73
81
|
layer.borderWidth = borderWidth
|
|
@@ -78,15 +86,15 @@ class CalloutView: RCTView, CalloutWindowLifeCycleDelegate {
|
|
|
78
86
|
|
|
79
87
|
// MARK: RCTComponent Overrides
|
|
80
88
|
|
|
81
|
-
override func insertReactSubview(_ subview: NSView!, at atIndex: Int) {
|
|
89
|
+
public override func insertReactSubview(_ subview: NSView!, at atIndex: Int) {
|
|
82
90
|
proxyView.insertReactSubview(subview, at: atIndex)
|
|
83
91
|
}
|
|
84
92
|
|
|
85
|
-
override func didUpdateReactSubviews() {
|
|
93
|
+
public override func didUpdateReactSubviews() {
|
|
86
94
|
proxyView.didUpdateReactSubviews()
|
|
87
95
|
}
|
|
88
96
|
|
|
89
|
-
override func reactSetFrame(_ frame: CGRect) {
|
|
97
|
+
public override func reactSetFrame(_ frame: CGRect) {
|
|
90
98
|
proxyView.reactSetFrame(frame)
|
|
91
99
|
updateCalloutFrameToAnchor()
|
|
92
100
|
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
//
|
|
2
|
+
// FRNCallout.h
|
|
3
|
+
// Pods
|
|
4
|
+
//
|
|
5
|
+
// Created by Patrick Boyd on 9/24/24.
|
|
6
|
+
//
|
|
7
|
+
// Created as a dummy file to enable importing FRNCallout-Swift.h and invoking Swift functions from Obj-C
|
|
8
|
+
//
|
|
9
|
+
|
|
10
|
+
#ifndef FRNCallout_h
|
|
11
|
+
#define FRNCallout_h
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
#endif /* FRNCallout_h */
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
#import "FRNCalloutManager.h"
|
|
2
2
|
|
|
3
|
+
#import "FRNCallout-Swift.h"
|
|
4
|
+
|
|
3
5
|
@implementation RCTConvert (FRNCalloutAdditions)
|
|
4
6
|
|
|
5
7
|
// RCTConvert does not properly convert a JS screenRect into a native CGRect/NSRect,
|
|
@@ -36,6 +38,28 @@ RCT_ENUM_CONVERTER(NSRectEdge, (@{
|
|
|
36
38
|
|
|
37
39
|
@interface RCT_EXTERN_MODULE(FRNCalloutManager, RCTViewManager)
|
|
38
40
|
|
|
41
|
+
RCT_EXPORT_METHOD(focusWindow : (nonnull NSNumber *)viewTag)
|
|
42
|
+
{
|
|
43
|
+
dispatch_async(dispatch_get_main_queue(), ^{
|
|
44
|
+
NSView *view = [self.bridge.uiManager viewForReactTag:viewTag];
|
|
45
|
+
|
|
46
|
+
if ([view isKindOfClass:[FRNCalloutView class]]) {
|
|
47
|
+
[(FRNCalloutView *)view focusWindow];
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
RCT_EXPORT_METHOD(blurWindow : (nonnull NSNumber *)viewTag)
|
|
53
|
+
{
|
|
54
|
+
dispatch_async(dispatch_get_main_queue(), ^{
|
|
55
|
+
NSView *view = [self.bridge.uiManager viewForReactTag:viewTag];
|
|
56
|
+
|
|
57
|
+
if ([view isKindOfClass:[FRNCalloutView class]]) {
|
|
58
|
+
[(FRNCalloutView *)view blurWindow];
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
|
|
39
63
|
RCT_EXPORT_VIEW_PROPERTY(target, NSNumber)
|
|
40
64
|
|
|
41
65
|
RCT_EXPORT_VIEW_PROPERTY(anchorRect, screenRect)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/callout",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.27.1",
|
|
4
4
|
"description": "A cross-platform Callout component using the Fluent Design System",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "",
|
|
@@ -26,11 +26,10 @@
|
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@fluentui-react-native/adapters": "0.13.0",
|
|
29
|
-
"@fluentui-react-native/interactive-hooks": "0.27.0",
|
|
30
29
|
"@fluentui-react-native/tokens": "0.23.0",
|
|
31
|
-
"@uifabricshared/foundation-composable": "0.13.
|
|
32
|
-
"@uifabricshared/foundation-compose": "1.15.
|
|
33
|
-
"@uifabricshared/foundation-settings": "0.15.
|
|
30
|
+
"@uifabricshared/foundation-composable": "0.13.1",
|
|
31
|
+
"@uifabricshared/foundation-compose": "1.15.1",
|
|
32
|
+
"@uifabricshared/foundation-settings": "0.15.1"
|
|
34
33
|
},
|
|
35
34
|
"devDependencies": {
|
|
36
35
|
"@fluentui-react-native/eslint-config-rules": "0.1.1",
|
|
@@ -75,5 +74,10 @@
|
|
|
75
74
|
"react-native-windows": {
|
|
76
75
|
"optional": true
|
|
77
76
|
}
|
|
77
|
+
},
|
|
78
|
+
"codegenConfig": {
|
|
79
|
+
"name": "FRNCalloutSpec",
|
|
80
|
+
"type": "components",
|
|
81
|
+
"jsSrcsDir": "lib"
|
|
78
82
|
}
|
|
79
83
|
}
|
package/src/Callout.tsx
CHANGED
|
@@ -8,7 +8,6 @@ import * as React from 'react';
|
|
|
8
8
|
import { findNodeHandle, Platform } from 'react-native';
|
|
9
9
|
import type { HostComponent } from 'react-native';
|
|
10
10
|
|
|
11
|
-
import { useViewCommandFocus } from '@fluentui-react-native/interactive-hooks';
|
|
12
11
|
import { backgroundColorTokens, borderTokens } from '@fluentui-react-native/tokens';
|
|
13
12
|
import type { IUseComposeStyling } from '@uifabricshared/foundation-compose';
|
|
14
13
|
import { compose } from '@uifabricshared/foundation-compose';
|
|
@@ -19,11 +18,12 @@ import type { ICalloutProps, ICalloutSlotProps, ICalloutType } from './Callout.t
|
|
|
19
18
|
import { calloutName } from './Callout.types';
|
|
20
19
|
import type { NativeProps as CalloutNativeProps } from './CalloutNativeComponent';
|
|
21
20
|
import CalloutNativeComponent from './CalloutNativeComponent';
|
|
22
|
-
import type { NativeProps as
|
|
23
|
-
import
|
|
21
|
+
import type { NativeProps as FRNCalloutNativeProps } from './MacOSCalloutNativeComponent';
|
|
22
|
+
import FRNCalloutNativeComponent from './MacOSCalloutNativeComponent';
|
|
23
|
+
import { Commands } from './MacOSCalloutNativeComponent';
|
|
24
24
|
|
|
25
|
-
const NativeCalloutView = Platform.select<HostComponent<
|
|
26
|
-
macos:
|
|
25
|
+
const NativeCalloutView = Platform.select<HostComponent<FRNCalloutNativeProps> | HostComponent<CalloutNativeProps>>({
|
|
26
|
+
macos: FRNCalloutNativeComponent,
|
|
27
27
|
default: CalloutNativeComponent, // win32
|
|
28
28
|
});
|
|
29
29
|
|
|
@@ -31,7 +31,23 @@ export const Callout = compose<ICalloutType>({
|
|
|
31
31
|
displayName: calloutName,
|
|
32
32
|
usePrepareProps: (props: ICalloutProps, useStyling: IUseComposeStyling<ICalloutType>) => {
|
|
33
33
|
const { componentRef, target, ...rest } = props;
|
|
34
|
-
|
|
34
|
+
React.useImperativeHandle(
|
|
35
|
+
componentRef,
|
|
36
|
+
() => ({
|
|
37
|
+
blurWindow() {
|
|
38
|
+
if (componentRef.current != null) {
|
|
39
|
+
Commands.blurWindow(nativeComponentRef.current);
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
focusWindow() {
|
|
43
|
+
if (componentRef.current != null) {
|
|
44
|
+
Commands.focusWindow(nativeComponentRef.current);
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
}),
|
|
48
|
+
[componentRef],
|
|
49
|
+
);
|
|
50
|
+
const nativeComponentRef = React.useRef<React.ElementRef<typeof NativeCalloutView> | null>(null);
|
|
35
51
|
const [nativeTarget, setNativeTarget] = React.useState<number | string | null>(null);
|
|
36
52
|
|
|
37
53
|
React.useLayoutEffect(() => {
|
|
@@ -49,7 +65,7 @@ export const Callout = compose<ICalloutType>({
|
|
|
49
65
|
|
|
50
66
|
const slotProps = mergeSettings<ICalloutSlotProps>(useStyling(props), {
|
|
51
67
|
root: {
|
|
52
|
-
ref:
|
|
68
|
+
ref: nativeComponentRef,
|
|
53
69
|
...(nativeTarget && { target: nativeTarget }),
|
|
54
70
|
...rest,
|
|
55
71
|
},
|
package/src/Callout.types.ts
CHANGED
|
@@ -2,9 +2,10 @@ import type * as React from 'react';
|
|
|
2
2
|
import type { KeyboardMetrics, ViewStyle } from 'react-native';
|
|
3
3
|
|
|
4
4
|
import type { IViewProps } from '@fluentui-react-native/adapters';
|
|
5
|
-
import type { IFocusable } from '@fluentui-react-native/interactive-hooks';
|
|
6
5
|
import type { IBackgroundColorTokens, IBorderTokens } from '@fluentui-react-native/tokens';
|
|
7
6
|
import type { IRenderData } from '@uifabricshared/foundation-composable';
|
|
7
|
+
|
|
8
|
+
import type { CalloutNativeCommands } from './CalloutNativeCommands.types';
|
|
8
9
|
export const calloutName = 'Callout';
|
|
9
10
|
|
|
10
11
|
/**
|
|
@@ -113,7 +114,7 @@ export interface ICalloutProps extends IViewProps, ICalloutTokens {
|
|
|
113
114
|
/**
|
|
114
115
|
* A RefObject to access the IFocusable interface. Use this to access the public methods and properties of the component.
|
|
115
116
|
*/
|
|
116
|
-
componentRef?: React.RefObject<
|
|
117
|
+
componentRef?: React.RefObject<CalloutNativeCommands>;
|
|
117
118
|
|
|
118
119
|
/**
|
|
119
120
|
* Defines event redirection behaviors for pointer events relative to the Callout control.
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
import type { HostComponent, ViewProps } from 'react-native';
|
|
8
8
|
|
|
9
9
|
import type { WithDefault, DirectEventHandler, Double, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
|
|
10
|
+
import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
|
|
10
11
|
import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
|
|
11
12
|
|
|
12
13
|
import type { UnsafeMixed } from './codegenTypes';
|
|
@@ -57,4 +58,14 @@ export interface NativeProps extends ViewProps {
|
|
|
57
58
|
onShow?: DirectEventHandler<{ target: Int32 }>;
|
|
58
59
|
}
|
|
59
60
|
|
|
60
|
-
export
|
|
61
|
+
export type CalloutComponentType = HostComponent<NativeProps>;
|
|
62
|
+
export interface CalloutNativeCommands {
|
|
63
|
+
focusWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;
|
|
64
|
+
blurWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
export const Commands: CalloutNativeCommands = codegenNativeCommands<CalloutNativeCommands>({
|
|
68
|
+
supportedCommands: ['blurWindow', 'focusWindow'],
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
export default codegenNativeComponent<NativeProps>('RCTCallout') as CalloutComponentType;
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
import type { HostComponent, ViewProps } from 'react-native';
|
|
8
8
|
|
|
9
9
|
import type { DirectEventHandler, Double, Int32, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
|
|
10
|
+
import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
|
|
10
11
|
import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
|
|
11
12
|
|
|
12
13
|
type AnchorRect = {
|
|
@@ -52,4 +53,14 @@ export interface NativeProps extends ViewProps {
|
|
|
52
53
|
onShow?: DirectEventHandler<{ target: Int32 }>;
|
|
53
54
|
}
|
|
54
55
|
|
|
55
|
-
export
|
|
56
|
+
export type CalloutComponentType = HostComponent<NativeProps>;
|
|
57
|
+
export interface CalloutNativeCommands {
|
|
58
|
+
focusWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;
|
|
59
|
+
blurWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
export const Commands: CalloutNativeCommands = codegenNativeCommands<CalloutNativeCommands>({
|
|
63
|
+
supportedCommands: ['blurWindow', 'focusWindow'],
|
|
64
|
+
});
|
|
65
|
+
|
|
66
|
+
export default codegenNativeComponent<NativeProps>('FRNCallout') as CalloutComponentType;
|