@fluentui-react-native/tooltip 0.5.0 → 0.5.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/CHANGELOG.md +32 -0
- package/lib/Tooltip.d.ts +2 -2
- package/lib/Tooltip.js +23 -21
- package/lib/Tooltip.types.d.ts +37 -37
- package/lib/Tooltip.types.js +1 -1
- package/lib/TooltipNativeComponent.d.ts +5 -3
- package/lib/TooltipNativeComponent.d.ts.map +1 -1
- package/lib/TooltipNativeComponent.js +1 -1
- package/lib/TooltipNativeComponent.js.map +1 -1
- package/lib/TooltipNativeComponent.win32.d.ts +5 -3
- package/lib/TooltipNativeComponent.win32.d.ts.map +1 -1
- package/lib/TooltipNativeComponent.win32.js +1 -1
- package/lib/TooltipNativeComponent.win32.js.map +1 -1
- package/lib/__tests__/Tooltip.test.d.ts +1 -1
- package/lib/__tests__/Tooltip.test.js +9 -9
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib-commonjs/Tooltip.d.ts +2 -2
- package/lib-commonjs/Tooltip.js +61 -82
- package/lib-commonjs/Tooltip.types.d.ts +37 -37
- package/lib-commonjs/Tooltip.types.js +3 -3
- package/lib-commonjs/TooltipNativeComponent.d.ts +5 -3
- package/lib-commonjs/TooltipNativeComponent.d.ts.map +1 -1
- package/lib-commonjs/TooltipNativeComponent.js +7 -9
- package/lib-commonjs/TooltipNativeComponent.js.map +1 -1
- package/lib-commonjs/TooltipNativeComponent.win32.d.ts +5 -3
- package/lib-commonjs/TooltipNativeComponent.win32.d.ts.map +1 -1
- package/lib-commonjs/TooltipNativeComponent.win32.js +4 -4
- package/lib-commonjs/TooltipNativeComponent.win32.js.map +1 -1
- package/lib-commonjs/__tests__/Tooltip.test.d.ts +1 -1
- package/lib-commonjs/__tests__/Tooltip.test.js +44 -66
- package/lib-commonjs/index.d.ts +1 -1
- package/lib-commonjs/index.js +7 -17
- package/package.json +25 -24
- package/src/TooltipNativeComponent.ts +5 -2
- package/src/TooltipNativeComponent.win32.ts +5 -2
- package/src/__tests__/__snapshots__/Tooltip.test.tsx.snap +1 -1
- package/eslint.config.js +0 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,37 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tooltip
|
|
2
2
|
|
|
3
|
+
## 0.5.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 196cbea: Update snapshot
|
|
8
|
+
- 9cf4444: Migrate from ESLint to oxlint
|
|
9
|
+
- Updated dependencies [9cf4444]
|
|
10
|
+
- @fluentui-react-native/callout@0.28.3
|
|
11
|
+
- @fluentui-react-native/framework-base@0.3.3
|
|
12
|
+
|
|
13
|
+
## 0.5.2
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- 8a7b549: Update to the latest rnx-kit versions, fix some typing issues, and correct the vscode settings
|
|
18
|
+
- Updated dependencies [8a7b549]
|
|
19
|
+
- @fluentui-react-native/callout@0.28.2
|
|
20
|
+
- @fluentui-react-native/framework-base@0.3.2
|
|
21
|
+
|
|
22
|
+
## 0.5.1
|
|
23
|
+
|
|
24
|
+
### Patch Changes
|
|
25
|
+
|
|
26
|
+
- f72b43a: Fix codegen definitions for native components in repo
|
|
27
|
+
- 0d6e9c1: chore: migrate to `oxfmt`
|
|
28
|
+
- ac6e7af: Ensure packages have a default export that references the typescript entrypoint and clean up build dependency ordering
|
|
29
|
+
- Updated dependencies [f72b43a]
|
|
30
|
+
- Updated dependencies [0d6e9c1]
|
|
31
|
+
- Updated dependencies [ac6e7af]
|
|
32
|
+
- @fluentui-react-native/callout@0.28.1
|
|
33
|
+
- @fluentui-react-native/framework-base@0.3.1
|
|
34
|
+
|
|
3
35
|
## 0.5.0
|
|
4
36
|
|
|
5
37
|
### Minor Changes
|
package/lib/Tooltip.d.ts
CHANGED
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
* @format
|
|
5
5
|
*/
|
|
6
6
|
import type { TooltipProps } from './Tooltip.types';
|
|
7
|
-
export declare const Tooltip: import(
|
|
7
|
+
export declare const Tooltip: import("@fluentui-react-native/framework-base").FunctionComponent<TooltipProps>;
|
|
8
8
|
export default Tooltip;
|
|
9
|
-
//# sourceMappingURL=Tooltip.d.ts.map
|
|
9
|
+
//# sourceMappingURL=Tooltip.d.ts.map
|
package/lib/Tooltip.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx } from
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
/**
|
|
3
3
|
* Copyright (c) Microsoft Corporation.
|
|
4
4
|
* Licensed under the MIT License.
|
|
@@ -10,26 +10,28 @@ import { mergeProps, phasedComponent, directComponent } from '@fluentui-react-na
|
|
|
10
10
|
import { tooltipName } from './Tooltip.types';
|
|
11
11
|
import NativeTooltipView from './TooltipNativeComponent';
|
|
12
12
|
export const Tooltip = phasedComponent((props) => {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
13
|
+
const { target } = props;
|
|
14
|
+
const [nativeTarget, setNativeTarget] = React.useState(null);
|
|
15
|
+
React.useLayoutEffect(() => {
|
|
16
|
+
if (typeof target === 'string') {
|
|
17
|
+
// Pass string type `target` directly
|
|
18
|
+
setNativeTarget(target);
|
|
19
|
+
}
|
|
20
|
+
else if (target?.current) {
|
|
21
|
+
// Pass the tagID for a valid ref `target`
|
|
22
|
+
setNativeTarget(findNodeHandle(target.current));
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
// Clear `target` so we may fall back on `anchorRect` if provided
|
|
26
|
+
setNativeTarget(null);
|
|
27
|
+
}
|
|
28
|
+
}, [target]);
|
|
29
|
+
const TooltipComponent = directComponent((innerProps) => {
|
|
30
|
+
const { children, ...rest } = innerProps;
|
|
31
|
+
return (_jsx(NativeTooltipView, { ...(nativeTarget && { target: nativeTarget }), ...mergeProps(props, rest), children: children }));
|
|
32
|
+
});
|
|
33
|
+
return TooltipComponent;
|
|
32
34
|
});
|
|
33
35
|
Tooltip.displayName = tooltipName;
|
|
34
36
|
export default Tooltip;
|
|
35
|
-
//# sourceMappingURL=Tooltip.js.map
|
|
37
|
+
//# sourceMappingURL=Tooltip.js.map
|
package/lib/Tooltip.types.d.ts
CHANGED
|
@@ -1,48 +1,48 @@
|
|
|
1
1
|
import type * as React from 'react';
|
|
2
2
|
import type { ViewStyle, ViewProps } from 'react-native';
|
|
3
3
|
import type { DirectionalHint } from '@fluentui-react-native/callout';
|
|
4
|
-
export declare const tooltipName =
|
|
4
|
+
export declare const tooltipName = "Tooltip";
|
|
5
5
|
export type TooltipProps = React.PropsWithChildren<{
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
6
|
+
/**
|
|
7
|
+
* The text of the tooltip.
|
|
8
|
+
*/
|
|
9
|
+
content: string;
|
|
10
|
+
/**
|
|
11
|
+
* Notification when the visibility of the tooltip is changed.
|
|
12
|
+
*/
|
|
13
|
+
onVisibleChange?: (event: any, data: any) => void;
|
|
14
|
+
/**
|
|
15
|
+
* Positioning of the tooltip relative to the target element.
|
|
16
|
+
*
|
|
17
|
+
* @default topCenter
|
|
18
|
+
*/
|
|
19
|
+
positioning?: DirectionalHint;
|
|
20
|
+
/**
|
|
21
|
+
* Allow consumers to pass in Style props
|
|
22
|
+
*/
|
|
23
|
+
style?: ViewStyle;
|
|
24
|
+
/**
|
|
25
|
+
* Target anchor that tooltip uses for relative positioning. Certain components may proffer a string as an anchor target, such as
|
|
26
|
+
* anchoring to a point inside the component.
|
|
27
|
+
*
|
|
28
|
+
* If not provided, will anchor to the wrapper element.
|
|
29
|
+
*/
|
|
30
|
+
target?: React.RefObject<React.Component> | string;
|
|
31
|
+
/**
|
|
32
|
+
* Controls the tooltip visibility and can be used in conjunction with onVisibleChange to modify show/hide behavior. If not provided, will be updated based on hover/focus events on target element.
|
|
33
|
+
*
|
|
34
|
+
* @default false
|
|
35
|
+
*/
|
|
36
|
+
visible?: boolean;
|
|
37
37
|
}>;
|
|
38
38
|
export interface TooltipSlotProps {
|
|
39
|
-
|
|
39
|
+
root: TooltipProps;
|
|
40
40
|
}
|
|
41
41
|
export interface TooltipType {
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
props: TooltipProps;
|
|
43
|
+
slotProps: TooltipSlotProps;
|
|
44
44
|
}
|
|
45
45
|
export interface NativeProps extends ViewProps {
|
|
46
|
-
|
|
46
|
+
content?: string;
|
|
47
47
|
}
|
|
48
|
-
//# sourceMappingURL=Tooltip.types.d.ts.map
|
|
48
|
+
//# sourceMappingURL=Tooltip.types.d.ts.map
|
package/lib/Tooltip.types.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const tooltipName = 'Tooltip';
|
|
2
|
-
//# sourceMappingURL=Tooltip.types.js.map
|
|
2
|
+
//# sourceMappingURL=Tooltip.types.js.map
|
|
@@ -3,8 +3,10 @@
|
|
|
3
3
|
* Licensed under the MIT License.
|
|
4
4
|
* @format
|
|
5
5
|
*/
|
|
6
|
-
import type { HostComponent } from 'react-native';
|
|
7
|
-
|
|
6
|
+
import type { HostComponent, ViewProps } from 'react-native';
|
|
7
|
+
export interface NativeProps extends ViewProps {
|
|
8
|
+
content?: string;
|
|
9
|
+
}
|
|
8
10
|
declare const _default: HostComponent<NativeProps>;
|
|
9
11
|
export default _default;
|
|
10
|
-
//# sourceMappingURL=TooltipNativeComponent.d.ts.map
|
|
12
|
+
//# sourceMappingURL=TooltipNativeComponent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipNativeComponent.d.ts","sourceRoot":"","sources":["../src/TooltipNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"TooltipNativeComponent.d.ts","sourceRoot":"","sources":["../src/TooltipNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI7D,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;;AAED,wBAA+F"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipNativeComponent.js","sourceRoot":"","sources":["../src/TooltipNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;
|
|
1
|
+
{"version":3,"file":"TooltipNativeComponent.js","sourceRoot":"","sources":["../src/TooltipNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;AAM7F,eAAe,sBAAsB,CAAc,YAAY,CAA+B,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import type { HostComponent } from 'react-native';
|
|
2
|
-
|
|
1
|
+
import type { HostComponent, ViewProps } from 'react-native';
|
|
2
|
+
export interface NativeProps extends ViewProps {
|
|
3
|
+
content?: string;
|
|
4
|
+
}
|
|
3
5
|
declare const _default: HostComponent<NativeProps>;
|
|
4
6
|
export default _default;
|
|
5
|
-
//# sourceMappingURL=TooltipNativeComponent.win32.d.ts.map
|
|
7
|
+
//# sourceMappingURL=TooltipNativeComponent.win32.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipNativeComponent.win32.d.ts","sourceRoot":"","sources":["../src/TooltipNativeComponent.win32.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"TooltipNativeComponent.win32.d.ts","sourceRoot":"","sources":["../src/TooltipNativeComponent.win32.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI7D,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;;AAED,wBAA+F"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipNativeComponent.win32.js","sourceRoot":"","sources":["../src/TooltipNativeComponent.win32.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TooltipNativeComponent.win32.js","sourceRoot":"","sources":["../src/TooltipNativeComponent.win32.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAMtD,eAAe,sBAAsB,CAAc,YAAY,CAA+B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=Tooltip.test.d.ts.map
|
|
2
|
+
//# sourceMappingURL=Tooltip.test.d.ts.map
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { jsx as _jsx } from
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { ButtonV1 } from '@fluentui-react-native/button';
|
|
3
3
|
import * as renderer from 'react-test-renderer';
|
|
4
4
|
import { act } from 'react';
|
|
5
5
|
import { Tooltip } from '../Tooltip';
|
|
6
6
|
describe('Tooltip component tests', () => {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
it('Tooltip default', () => {
|
|
8
|
+
let component;
|
|
9
|
+
act(() => {
|
|
10
|
+
component = renderer.create(_jsx(Tooltip, { content: "Your component", children: _jsx(ButtonV1, { children: "Your component" }) }));
|
|
11
|
+
});
|
|
12
|
+
const tree = component.toJSON();
|
|
13
|
+
expect(tree).toMatchSnapshot();
|
|
11
14
|
});
|
|
12
|
-
const tree = component.toJSON();
|
|
13
|
-
expect(tree).toMatchSnapshot();
|
|
14
|
-
});
|
|
15
15
|
});
|
|
16
|
-
//# sourceMappingURL=Tooltip.test.js.map
|
|
16
|
+
//# sourceMappingURL=Tooltip.test.js.map
|
package/lib/index.d.ts
CHANGED
package/lib/index.js
CHANGED
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
* @format
|
|
5
5
|
*/
|
|
6
6
|
import type { TooltipProps } from './Tooltip.types';
|
|
7
|
-
export declare const Tooltip: import(
|
|
7
|
+
export declare const Tooltip: import("@fluentui-react-native/framework-base").FunctionComponent<TooltipProps>;
|
|
8
8
|
export default Tooltip;
|
|
9
|
-
//# sourceMappingURL=Tooltip.d.ts.map
|
|
9
|
+
//# sourceMappingURL=Tooltip.d.ts.map
|
package/lib-commonjs/Tooltip.js
CHANGED
|
@@ -1,97 +1,76 @@
|
|
|
1
|
-
|
|
2
|
-
var __createBinding =
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
(Object.create
|
|
25
|
-
? function (o, v) {
|
|
26
|
-
Object.defineProperty(o, 'default', { enumerable: true, value: v });
|
|
27
|
-
}
|
|
28
|
-
: function (o, v) {
|
|
29
|
-
o['default'] = v;
|
|
30
|
-
});
|
|
31
|
-
var __importStar =
|
|
32
|
-
(this && this.__importStar) ||
|
|
33
|
-
(function () {
|
|
34
|
-
var ownKeys = function (o) {
|
|
35
|
-
ownKeys =
|
|
36
|
-
Object.getOwnPropertyNames ||
|
|
37
|
-
function (o) {
|
|
38
|
-
var ar = [];
|
|
39
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
40
|
-
return ar;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
41
24
|
};
|
|
42
|
-
|
|
25
|
+
return ownKeys(o);
|
|
43
26
|
};
|
|
44
27
|
return function (mod) {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
50
33
|
};
|
|
51
|
-
|
|
52
|
-
var __importDefault =
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
};
|
|
57
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
34
|
+
})();
|
|
35
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
36
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
37
|
+
};
|
|
38
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
58
39
|
exports.Tooltip = void 0;
|
|
59
|
-
const jsx_runtime_1 = require(
|
|
40
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
60
41
|
/**
|
|
61
42
|
* Copyright (c) Microsoft Corporation.
|
|
62
43
|
* Licensed under the MIT License.
|
|
63
44
|
* @format
|
|
64
45
|
*/
|
|
65
|
-
const React = __importStar(require(
|
|
66
|
-
const react_native_1 = require(
|
|
67
|
-
const framework_base_1 = require(
|
|
68
|
-
const Tooltip_types_1 = require(
|
|
69
|
-
const TooltipNativeComponent_1 = __importDefault(require(
|
|
46
|
+
const React = __importStar(require("react"));
|
|
47
|
+
const react_native_1 = require("react-native");
|
|
48
|
+
const framework_base_1 = require("@fluentui-react-native/framework-base");
|
|
49
|
+
const Tooltip_types_1 = require("./Tooltip.types");
|
|
50
|
+
const TooltipNativeComponent_1 = __importDefault(require("./TooltipNativeComponent"));
|
|
70
51
|
exports.Tooltip = (0, framework_base_1.phasedComponent)((props) => {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
children: children,
|
|
52
|
+
const { target } = props;
|
|
53
|
+
const [nativeTarget, setNativeTarget] = React.useState(null);
|
|
54
|
+
React.useLayoutEffect(() => {
|
|
55
|
+
if (typeof target === 'string') {
|
|
56
|
+
// Pass string type `target` directly
|
|
57
|
+
setNativeTarget(target);
|
|
58
|
+
}
|
|
59
|
+
else if (target?.current) {
|
|
60
|
+
// Pass the tagID for a valid ref `target`
|
|
61
|
+
setNativeTarget((0, react_native_1.findNodeHandle)(target.current));
|
|
62
|
+
}
|
|
63
|
+
else {
|
|
64
|
+
// Clear `target` so we may fall back on `anchorRect` if provided
|
|
65
|
+
setNativeTarget(null);
|
|
66
|
+
}
|
|
67
|
+
}, [target]);
|
|
68
|
+
const TooltipComponent = (0, framework_base_1.directComponent)((innerProps) => {
|
|
69
|
+
const { children, ...rest } = innerProps;
|
|
70
|
+
return (jsx_runtime_1.jsx(TooltipNativeComponent_1.default, { ...(nativeTarget && { target: nativeTarget }), ...(0, framework_base_1.mergeProps)(props, rest), children: children }));
|
|
91
71
|
});
|
|
92
|
-
|
|
93
|
-
return TooltipComponent;
|
|
72
|
+
return TooltipComponent;
|
|
94
73
|
});
|
|
95
74
|
exports.Tooltip.displayName = Tooltip_types_1.tooltipName;
|
|
96
75
|
exports.default = exports.Tooltip;
|
|
97
|
-
//# sourceMappingURL=Tooltip.js.map
|
|
76
|
+
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1,48 +1,48 @@
|
|
|
1
1
|
import type * as React from 'react';
|
|
2
2
|
import type { ViewStyle, ViewProps } from 'react-native';
|
|
3
3
|
import type { DirectionalHint } from '@fluentui-react-native/callout';
|
|
4
|
-
export declare const tooltipName =
|
|
4
|
+
export declare const tooltipName = "Tooltip";
|
|
5
5
|
export type TooltipProps = React.PropsWithChildren<{
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
6
|
+
/**
|
|
7
|
+
* The text of the tooltip.
|
|
8
|
+
*/
|
|
9
|
+
content: string;
|
|
10
|
+
/**
|
|
11
|
+
* Notification when the visibility of the tooltip is changed.
|
|
12
|
+
*/
|
|
13
|
+
onVisibleChange?: (event: any, data: any) => void;
|
|
14
|
+
/**
|
|
15
|
+
* Positioning of the tooltip relative to the target element.
|
|
16
|
+
*
|
|
17
|
+
* @default topCenter
|
|
18
|
+
*/
|
|
19
|
+
positioning?: DirectionalHint;
|
|
20
|
+
/**
|
|
21
|
+
* Allow consumers to pass in Style props
|
|
22
|
+
*/
|
|
23
|
+
style?: ViewStyle;
|
|
24
|
+
/**
|
|
25
|
+
* Target anchor that tooltip uses for relative positioning. Certain components may proffer a string as an anchor target, such as
|
|
26
|
+
* anchoring to a point inside the component.
|
|
27
|
+
*
|
|
28
|
+
* If not provided, will anchor to the wrapper element.
|
|
29
|
+
*/
|
|
30
|
+
target?: React.RefObject<React.Component> | string;
|
|
31
|
+
/**
|
|
32
|
+
* Controls the tooltip visibility and can be used in conjunction with onVisibleChange to modify show/hide behavior. If not provided, will be updated based on hover/focus events on target element.
|
|
33
|
+
*
|
|
34
|
+
* @default false
|
|
35
|
+
*/
|
|
36
|
+
visible?: boolean;
|
|
37
37
|
}>;
|
|
38
38
|
export interface TooltipSlotProps {
|
|
39
|
-
|
|
39
|
+
root: TooltipProps;
|
|
40
40
|
}
|
|
41
41
|
export interface TooltipType {
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
props: TooltipProps;
|
|
43
|
+
slotProps: TooltipSlotProps;
|
|
44
44
|
}
|
|
45
45
|
export interface NativeProps extends ViewProps {
|
|
46
|
-
|
|
46
|
+
content?: string;
|
|
47
47
|
}
|
|
48
|
-
//# sourceMappingURL=Tooltip.types.d.ts.map
|
|
48
|
+
//# sourceMappingURL=Tooltip.types.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.tooltipName = void 0;
|
|
4
4
|
exports.tooltipName = 'Tooltip';
|
|
5
|
-
//# sourceMappingURL=Tooltip.types.js.map
|
|
5
|
+
//# sourceMappingURL=Tooltip.types.js.map
|
|
@@ -3,8 +3,10 @@
|
|
|
3
3
|
* Licensed under the MIT License.
|
|
4
4
|
* @format
|
|
5
5
|
*/
|
|
6
|
-
import type { HostComponent } from 'react-native';
|
|
7
|
-
|
|
6
|
+
import type { HostComponent, ViewProps } from 'react-native';
|
|
7
|
+
export interface NativeProps extends ViewProps {
|
|
8
|
+
content?: string;
|
|
9
|
+
}
|
|
8
10
|
declare const _default: HostComponent<NativeProps>;
|
|
9
11
|
export default _default;
|
|
10
|
-
//# sourceMappingURL=TooltipNativeComponent.d.ts.map
|
|
12
|
+
//# sourceMappingURL=TooltipNativeComponent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipNativeComponent.d.ts","sourceRoot":"","sources":["../src/TooltipNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"TooltipNativeComponent.d.ts","sourceRoot":"","sources":["../src/TooltipNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI7D,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;;AAED,wBAA+F"}
|
|
@@ -1,15 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
/**
|
|
3
3
|
* Copyright (c) Microsoft Corporation.
|
|
4
4
|
* Licensed under the MIT License.
|
|
5
5
|
* @format
|
|
6
6
|
*/
|
|
7
|
-
var __importDefault =
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
13
|
-
const codegenNativeComponent_1 = __importDefault(require('react-native/Libraries/Utilities/codegenNativeComponent'));
|
|
7
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
8
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
9
|
+
};
|
|
10
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
11
|
+
const codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
|
|
14
12
|
exports.default = (0, codegenNativeComponent_1.default)('RCTTooltip');
|
|
15
|
-
//# sourceMappingURL=TooltipNativeComponent.js.map
|
|
13
|
+
//# sourceMappingURL=TooltipNativeComponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipNativeComponent.js","sourceRoot":"","sources":["../src/TooltipNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;
|
|
1
|
+
{"version":3,"file":"TooltipNativeComponent.js","sourceRoot":"","sources":["../src/TooltipNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;AAIH,qHAA6F;kBAM9E,IAAA,gCAAsB,EAAc,YAAY,CAA+B"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import type { HostComponent } from 'react-native';
|
|
2
|
-
|
|
1
|
+
import type { HostComponent, ViewProps } from 'react-native';
|
|
2
|
+
export interface NativeProps extends ViewProps {
|
|
3
|
+
content?: string;
|
|
4
|
+
}
|
|
3
5
|
declare const _default: HostComponent<NativeProps>;
|
|
4
6
|
export default _default;
|
|
5
|
-
//# sourceMappingURL=TooltipNativeComponent.win32.d.ts.map
|
|
7
|
+
//# sourceMappingURL=TooltipNativeComponent.win32.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipNativeComponent.win32.d.ts","sourceRoot":"","sources":["../src/TooltipNativeComponent.win32.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"TooltipNativeComponent.win32.d.ts","sourceRoot":"","sources":["../src/TooltipNativeComponent.win32.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI7D,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;;AAED,wBAA+F"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
3
|
-
const react_native_1 = require(
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_native_1 = require("react-native");
|
|
4
4
|
exports.default = (0, react_native_1.requireNativeComponent)('RCTTooltip');
|
|
5
|
-
//# sourceMappingURL=TooltipNativeComponent.win32.js.map
|
|
5
|
+
//# sourceMappingURL=TooltipNativeComponent.win32.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipNativeComponent.win32.js","sourceRoot":"","sources":["../src/TooltipNativeComponent.win32.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"TooltipNativeComponent.win32.js","sourceRoot":"","sources":["../src/TooltipNativeComponent.win32.ts"],"names":[],"mappings":";;AAEA,+CAAsD;kBAMvC,IAAA,qCAAsB,EAAc,YAAY,CAA+B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=Tooltip.test.d.ts.map
|
|
2
|
+
//# sourceMappingURL=Tooltip.test.d.ts.map
|
|
@@ -1,73 +1,51 @@
|
|
|
1
|
-
|
|
2
|
-
var __createBinding =
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
(Object.create
|
|
25
|
-
? function (o, v) {
|
|
26
|
-
Object.defineProperty(o, 'default', { enumerable: true, value: v });
|
|
27
|
-
}
|
|
28
|
-
: function (o, v) {
|
|
29
|
-
o['default'] = v;
|
|
30
|
-
});
|
|
31
|
-
var __importStar =
|
|
32
|
-
(this && this.__importStar) ||
|
|
33
|
-
(function () {
|
|
34
|
-
var ownKeys = function (o) {
|
|
35
|
-
ownKeys =
|
|
36
|
-
Object.getOwnPropertyNames ||
|
|
37
|
-
function (o) {
|
|
38
|
-
var ar = [];
|
|
39
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
40
|
-
return ar;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
41
24
|
};
|
|
42
|
-
|
|
25
|
+
return ownKeys(o);
|
|
43
26
|
};
|
|
44
27
|
return function (mod) {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
50
33
|
};
|
|
51
|
-
|
|
52
|
-
Object.defineProperty(exports,
|
|
53
|
-
const jsx_runtime_1 = require(
|
|
54
|
-
const button_1 = require(
|
|
55
|
-
const renderer = __importStar(require(
|
|
56
|
-
const react_1 = require(
|
|
57
|
-
const Tooltip_1 = require(
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
37
|
+
const button_1 = require("@fluentui-react-native/button");
|
|
38
|
+
const renderer = __importStar(require("react-test-renderer"));
|
|
39
|
+
const react_1 = require("react");
|
|
40
|
+
const Tooltip_1 = require("../Tooltip");
|
|
58
41
|
describe('Tooltip component tests', () => {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}),
|
|
67
|
-
);
|
|
42
|
+
it('Tooltip default', () => {
|
|
43
|
+
let component;
|
|
44
|
+
(0, react_1.act)(() => {
|
|
45
|
+
component = renderer.create(jsx_runtime_1.jsx(Tooltip_1.Tooltip, { content: "Your component", children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: "Your component" }) }));
|
|
46
|
+
});
|
|
47
|
+
const tree = component.toJSON();
|
|
48
|
+
expect(tree).toMatchSnapshot();
|
|
68
49
|
});
|
|
69
|
-
const tree = component.toJSON();
|
|
70
|
-
expect(tree).toMatchSnapshot();
|
|
71
|
-
});
|
|
72
50
|
});
|
|
73
|
-
//# sourceMappingURL=Tooltip.test.js.map
|
|
51
|
+
//# sourceMappingURL=Tooltip.test.js.map
|
package/lib-commonjs/index.d.ts
CHANGED
package/lib-commonjs/index.js
CHANGED
|
@@ -1,18 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.tooltipName = exports.Tooltip = void 0;
|
|
4
|
-
const Tooltip_1 = require(
|
|
5
|
-
Object.defineProperty(exports,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
},
|
|
10
|
-
});
|
|
11
|
-
const Tooltip_types_1 = require('./Tooltip.types');
|
|
12
|
-
Object.defineProperty(exports, 'tooltipName', {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return Tooltip_types_1.tooltipName;
|
|
16
|
-
},
|
|
17
|
-
});
|
|
18
|
-
//# sourceMappingURL=index.js.map
|
|
4
|
+
const Tooltip_1 = require("./Tooltip");
|
|
5
|
+
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
|
|
6
|
+
const Tooltip_types_1 = require("./Tooltip.types");
|
|
7
|
+
Object.defineProperty(exports, "tooltipName", { enumerable: true, get: function () { return Tooltip_types_1.tooltipName; } });
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -1,65 +1,66 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tooltip",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.3",
|
|
4
4
|
"description": "A cross-platform Tooltip component for React Native.",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"author": "",
|
|
5
7
|
"repository": {
|
|
6
8
|
"type": "git",
|
|
7
9
|
"url": "https://github.com/microsoft/fluentui-react-native.git",
|
|
8
10
|
"directory": "packages/experimental/Tooltip"
|
|
9
11
|
},
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
+
"main": "lib-commonjs/index.js",
|
|
13
|
+
"module": "lib/index.js",
|
|
14
|
+
"types": "lib/index.d.ts",
|
|
12
15
|
"exports": {
|
|
13
16
|
".": {
|
|
14
17
|
"types": "./lib/index.d.ts",
|
|
15
18
|
"import": "./lib/index.js",
|
|
16
|
-
"require": "./lib-commonjs/index.js"
|
|
19
|
+
"require": "./lib-commonjs/index.js",
|
|
20
|
+
"default": "./src/index.ts"
|
|
17
21
|
}
|
|
18
22
|
},
|
|
19
|
-
"main": "lib-commonjs/index.js",
|
|
20
|
-
"module": "lib/index.js",
|
|
21
|
-
"types": "lib/index.d.ts",
|
|
22
23
|
"scripts": {
|
|
23
24
|
"build": "fluentui-scripts build",
|
|
24
25
|
"build-cjs": "tsgo --outDir lib-commonjs",
|
|
25
|
-
"build-
|
|
26
|
+
"build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
|
|
26
27
|
"clean": "fluentui-scripts clean",
|
|
27
28
|
"depcheck": "fluentui-scripts depcheck",
|
|
28
|
-
"
|
|
29
|
+
"format": "fluentui-scripts format",
|
|
30
|
+
"lint": "fluentui-scripts lint",
|
|
29
31
|
"lint-package": "fluentui-scripts lint-package",
|
|
30
|
-
"prettier": "fluentui-scripts prettier",
|
|
31
32
|
"test": "fluentui-scripts jest",
|
|
32
33
|
"update-snapshots": "fluentui-scripts jest -u"
|
|
33
34
|
},
|
|
34
35
|
"dependencies": {
|
|
35
|
-
"@fluentui-react-native/callout": "0.28.
|
|
36
|
-
"@fluentui-react-native/framework-base": "0.3.
|
|
36
|
+
"@fluentui-react-native/callout": "0.28.3",
|
|
37
|
+
"@fluentui-react-native/framework-base": "0.3.3"
|
|
37
38
|
},
|
|
38
39
|
"devDependencies": {
|
|
39
40
|
"@babel/core": "^7.20.0",
|
|
40
41
|
"@fluentui-react-native/babel-config": "0.1.1",
|
|
41
|
-
"@fluentui-react-native/button": "0.40.
|
|
42
|
-
"@fluentui-react-native/
|
|
43
|
-
"@fluentui-react-native/jest-config": "0.1.1",
|
|
42
|
+
"@fluentui-react-native/button": "0.40.3",
|
|
43
|
+
"@fluentui-react-native/jest-config": "0.1.0",
|
|
44
44
|
"@fluentui-react-native/kit-config": "0.1.2",
|
|
45
|
-
"@fluentui-react-native/
|
|
46
|
-
"@fluentui-react-native/
|
|
45
|
+
"@fluentui-react-native/lint-config-rules": "0.1.3",
|
|
46
|
+
"@fluentui-react-native/scripts": "0.1.0",
|
|
47
|
+
"@fluentui-react-native/test-tools": "0.1.0",
|
|
47
48
|
"@office-iss/react-native-win32": "^0.74.0",
|
|
48
49
|
"@react-native/babel-preset": "^0.81.0",
|
|
49
|
-
"@types/react": "~19.1.
|
|
50
|
+
"@types/react": "~19.1.4",
|
|
50
51
|
"@types/react-test-renderer": "^19.1.0",
|
|
51
|
-
"react": "19.1.
|
|
52
|
-
"react-native": "^0.81.
|
|
52
|
+
"react": "19.1.4",
|
|
53
|
+
"react-native": "^0.81.6",
|
|
53
54
|
"react-native-macos": "^0.81.0",
|
|
54
55
|
"react-native-svg": "^15.12.1",
|
|
55
56
|
"react-native-windows": "^0.81.0",
|
|
56
|
-
"react-test-renderer": "19.1.
|
|
57
|
+
"react-test-renderer": "19.1.4"
|
|
57
58
|
},
|
|
58
59
|
"peerDependencies": {
|
|
59
60
|
"@office-iss/react-native-win32": "^0.74.0",
|
|
60
|
-
"@types/react": "~18.2.0 || ~19.0.0 || ~19.1.
|
|
61
|
-
"react": "18.2.0 || 19.0.0 || 19.1.
|
|
62
|
-
"react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.
|
|
61
|
+
"@types/react": "~18.2.0 || ~19.0.0 || ~19.1.4",
|
|
62
|
+
"react": "18.2.0 || 19.0.0 || 19.1.4",
|
|
63
|
+
"react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.6",
|
|
63
64
|
"react-native-macos": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
|
|
64
65
|
"react-native-svg": ">=15.0.0 <15.13.0 || >=15.4.0 <15.13.0 || ^15.11.2 || ^15.12.1",
|
|
65
66
|
"react-native-windows": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
|
|
@@ -4,9 +4,12 @@
|
|
|
4
4
|
* @format
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
import type { HostComponent } from 'react-native';
|
|
8
|
-
import type { NativeProps } from './Tooltip.types';
|
|
7
|
+
import type { HostComponent, ViewProps } from 'react-native';
|
|
9
8
|
|
|
10
9
|
import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
|
|
11
10
|
|
|
11
|
+
export interface NativeProps extends ViewProps {
|
|
12
|
+
content?: string;
|
|
13
|
+
}
|
|
14
|
+
|
|
12
15
|
export default codegenNativeComponent<NativeProps>('RCTTooltip') as HostComponent<NativeProps>;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
import type { HostComponent } from 'react-native';
|
|
2
|
-
import type { NativeProps } from './Tooltip.types';
|
|
1
|
+
import type { HostComponent, ViewProps } from 'react-native';
|
|
3
2
|
|
|
4
3
|
import { requireNativeComponent } from 'react-native';
|
|
5
4
|
|
|
5
|
+
export interface NativeProps extends ViewProps {
|
|
6
|
+
content?: string;
|
|
7
|
+
}
|
|
8
|
+
|
|
6
9
|
export default requireNativeComponent<NativeProps>('RCTTooltip') as HostComponent<NativeProps>;
|
package/eslint.config.js
DELETED