@fluentui-react-native/callout 0.27.17 → 0.28.1

package/lib-commonjs/{MacOSCalloutNativeComponent.js → CalloutNativeComponent.macos.js}

@@ -1,9 +1,4 @@
 "use strict";
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -15,4 +10,4 @@ exports.Commands = (0, codegenNativeCommands_1.default)({
     supportedCommands: ['blurWindow', 'focusWindow'],
 });
 exports.default = (0, codegenNativeComponent_1.default)('FRNCallout');
-//# sourceMappingURL=MacOSCalloutNativeComponent.js.map
+//# sourceMappingURL=CalloutNativeComponent.macos.js.map

package/lib-commonjs/CalloutNativeComponent.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutNativeComponent.macos.js","sourceRoot":"","sources":["../src/CalloutNativeComponent.macos.ts"],"names":[],"mappings":";;;;;;AAAA,mHAA2F;AAC3F,qHAA6F;AA+DhF,QAAA,QAAQ,GAA0B,IAAA,+BAAqB,EAAwB;IAC1F,iBAAiB,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;CACjD,CAAC,CAAC;kBAEY,IAAA,gCAAsB,EAAc,YAAY,CAAyB"}

package/lib-commonjs/__tests__/Callout.test.js

@@ -15,19 +15,33 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const renderer = __importStar(require("react-test-renderer"));
 const __1 = require("..");
 it('Callout default props', () => {
-    const tree = renderer.create(React.createElement(__1.Callout, null)).toJSON();
-    expect(tree).toMatchSnapshot();
+    let component;
+    (0, react_1.act)(() => {
+        component = renderer.create(jsx_runtime_1.jsx(__1.Callout, {}));
+    });
+    expect(component.toJSON()).toMatchSnapshot();
 });
 //# sourceMappingURL=Callout.test.js.map

package/lib-commonjs/__tests__/Callout.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.test.js","sourceRoot":"","sources":["../../src/__tests__/Callout.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,8DAAgD;AAEhD,0BAA6B;AAE7B,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;IAC/B,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,WAAO,OAAG,CAAC,CAAC,MAAM,EAAE,CAAC;IACnD,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Callout.test.js","sourceRoot":"","sources":["../../src/__tests__/Callout.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA4B;AAE5B,MAAY,QAAQ,gDAA4B;AAEhD,0BAA6B;AAE7B,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE,CAAC;IAChC,IAAI,SAAqC,CAAC;IAC1C,IAAA,WAAG,EAAC,GAAG,EAAE,CAAC;QACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,kBAAC,WAAO,KAAG,CAAC,CAAC;IAAA,CAC1C,CAAC,CAAC;IACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;AAAA,CAC/C,CAAC,CAAC"}

package/lib-commonjs/index.d.ts

@@ -1,5 +1,5 @@
 export { calloutName } from './Callout.types';
 export type { DirectionalHint, DismissBehaviors, ICalloutProps, ICalloutRenderData, ICalloutSlotProps, ICalloutTokens, ICalloutType, RestoreFocusEvent, } from './Callout.types';
-export type { CalloutNativeCommands } from './CalloutNativeCommands.types';
+export type { CalloutNativeCommands } from './CalloutNativeComponent';
 export { Callout } from './Callout';
 //# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.d.ts.map

@@ -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,YAAY,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
+{"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,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/lib-commonjs/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Callout = exports.calloutName = void 0;
-var Callout_types_1 = require("./Callout.types");
+const Callout_types_1 = require("./Callout.types");
 Object.defineProperty(exports, "calloutName", { enumerable: true, get: function () { return Callout_types_1.calloutName; } });
-var Callout_1 = require("./Callout");
+const Callout_1 = require("./Callout");
 Object.defineProperty(exports, "Callout", { enumerable: true, get: function () { return Callout_1.Callout; } });
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,mDAA8C;AAArC,4GAAA,WAAW,OAAA;AAYpB,uCAAoC;AAA3B,kGAAA,OAAO,OAAA"}

package/macos/FRNCalloutManager.m

@@ -28,7 +28,8 @@ RCT_ENUM_CONVERTER(NSRectEdge, (@{
 	@"rightTopEdge": @(NSRectEdgeMaxX),
 	@"rightCenter": @(NSRectEdgeMaxX),
 	@"rightBottomEdge": @(NSRectEdgeMaxX),
-	@"bottonLeftEdge": @(NSRectEdgeMinY),
+	@"bottomLeftEdge": @(NSRectEdgeMinY),
+  @"bottonLeftEdge": @(NSRectEdgeMinY), // Add both the correct and incorrect spellings during the transition period
 	@"bottomAutoEdge": @(NSRectEdgeMinY),
 	@"bottomCenter": @(NSRectEdgeMinY),
 	@"bottomRightEdge": @(NSRectEdgeMinY),

package/package.json

@@ -1,97 +1,81 @@
 {
   "name": "@fluentui-react-native/callout",
-  "version": "0.27.17",
+  "version": "0.28.1",
   "description": "A cross-platform Callout component using the Fluent Design System",
+  "homepage": "https://github.com/microsoft/fluentui-react-native",
   "license": "MIT",
   "author": "",
-  "homepage": "https://github.com/microsoft/fluentui-react-native",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui-react-native.git",
+    "directory": "packages/components/Callout"
+  },
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "react-native": "src/index.ts",
+  "types": "lib/index.d.ts",
   "exports": {
     ".": {
+      "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js",
-      "types": "./lib/index.d.ts"
+      "default": "./src/index.ts"
     }
   },
-  "typings": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
+    "build-cjs": "tsgo --outDir lib-commonjs",
+    "build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
     "depcheck": "fluentui-scripts depcheck",
-    "just": "fluentui-scripts",
     "lint": "fluentui-scripts eslint",
+    "lint-package": "fluentui-scripts lint-package",
+    "format": "fluentui-scripts format",
     "test": "fluentui-scripts jest",
-    "update-snapshots": "fluentui-scripts jest -u",
-    "prettier": "fluentui-scripts prettier",
-    "prettier-fix": "fluentui-scripts prettier --fix true"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/microsoft/fluentui-react-native.git",
-    "directory": "packages/components/Callout"
+    "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/adapters": "0.13.5",
-    "@fluentui-react-native/tokens": "0.23.11",
-    "@uifabricshared/foundation-composable": "0.13.11",
-    "@uifabricshared/foundation-compose": "1.15.17",
-    "@uifabricshared/foundation-settings": "0.15.11"
+    "@fluentui-react-native/adapters": "0.14.1",
+    "@fluentui-react-native/tokens": "0.24.1",
+    "@uifabricshared/foundation-composable": "0.14.1",
+    "@uifabricshared/foundation-compose": "1.16.1",
+    "@uifabricshared/foundation-settings": "0.16.1"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@fluentui-react-native/babel-config": "0.1.1",
-    "@fluentui-react-native/eslint-config-rules": "0.1.1",
-    "@fluentui-react-native/jest-config": "0.1.1",
-    "@fluentui-react-native/scripts": "0.1.1",
+    "@fluentui-react-native/eslint-config-rules": "0.1.2",
+    "@fluentui-react-native/jest-config": "0.1.0",
+    "@fluentui-react-native/kit-config": "0.1.2",
+    "@fluentui-react-native/scripts": "0.1.0",
     "@office-iss/react-native-win32": "^0.74.0",
-    "@react-native/babel-preset": "^0.74.0",
-    "@react-native/metro-config": "^0.74.0",
-    "@types/react": "~18.2.0",
-    "react": "18.2.0",
-    "react-native": "^0.74.0",
-    "react-native-macos": "^0.74.0",
-    "react-native-windows": "^0.74.0",
-    "react-test-renderer": "18.2.0"
+    "@react-native-community/cli": "^20.0.0",
+    "@react-native-community/cli-platform-android": "^20.0.0",
+    "@react-native-community/cli-platform-ios": "^20.0.0",
+    "@react-native/babel-preset": "^0.81.0",
+    "@react-native/metro-config": "^0.81.0",
+    "@types/react": "~19.1.0",
+    "@types/react-test-renderer": "^19.1.0",
+    "react": "19.1.0",
+    "react-native": "^0.81.0",
+    "react-native-macos": "^0.81.0",
+    "react-native-windows": "^0.81.0",
+    "react-test-renderer": "19.1.0"
   },
   "peerDependencies": {
     "@office-iss/react-native-win32": "^0.74.0",
-    "react": "18.2.0",
-    "react-native": "^0.73.0 || ^0.74.0",
-    "react-native-macos": "^0.73.0 || ^0.74.0",
-    "react-native-windows": "^0.73.0 || ^0.74.0"
-  },
-  "rnx-kit": {
-    "kitType": "library",
-    "alignDeps": {
-      "presets": [
-        "microsoft/react-native"
-      ],
-      "requirements": {
-        "development": [
-          "react-native@0.74"
-        ],
-        "production": [
-          "react-native@0.73 || 0.74"
-        ]
-      },
-      "capabilities": [
-        "babel-preset-react-native",
-        "core",
-        "core-android",
-        "core-ios",
-        "core-macos",
-        "core-windows",
-        "react",
-        "react-test-renderer"
-      ]
-    }
+    "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.0",
+    "react": "18.2.0 || 19.0.0 || 19.1.0",
+    "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "react-native-macos": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "react-native-windows": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
   },
   "peerDependenciesMeta": {
     "@office-iss/react-native-win32": {
       "optional": true
     },
+    "@types/react": {
+      "optional": true
+    },
     "react-native-macos": {
       "optional": true
     },
@@ -103,5 +87,23 @@
     "name": "FRNCalloutSpec",
     "type": "components",
     "jsSrcsDir": "lib"
+  },
+  "rnx-kit": {
+    "kitType": "library",
+    "alignDeps": {
+      "capabilities": [
+        "babel-preset-react-native",
+        "core",
+        "core-android",
+        "core-ios",
+        "core-macos",
+        "core-windows",
+        "react",
+        "react-test-renderer",
+        "tools-core",
+        "tools-jest"
+      ]
+    },
+    "extends": "@fluentui-react-native/kit-config"
   }
-}
+}

package/src/Callout.tsx

@@ -5,8 +5,7 @@
  */
 
 import * as React from 'react';
-import { findNodeHandle, Platform } from 'react-native';
-import type { HostComponent } from 'react-native';
+import { findNodeHandle } from 'react-native';
 
 import { backgroundColorTokens, borderTokens } from '@fluentui-react-native/tokens';
 import type { IUseComposeStyling } from '@uifabricshared/foundation-compose';
@@ -16,16 +15,9 @@ import { mergeSettings } from '@uifabricshared/foundation-settings';
 import { settings } from './Callout.settings';
 import type { ICalloutProps, ICalloutSlotProps, ICalloutType } from './Callout.types';
 import { calloutName } from './Callout.types';
-import type { NativeProps as CalloutNativeProps } from './CalloutNativeComponent';
-import CalloutNativeComponent from './CalloutNativeComponent';
-import type { NativeProps as FRNCalloutNativeProps } from './MacOSCalloutNativeComponent';
-import FRNCalloutNativeComponent from './MacOSCalloutNativeComponent';
-import { Commands } from './MacOSCalloutNativeComponent';
 
-const NativeCalloutView = Platform.select<HostComponent<FRNCalloutNativeProps> | HostComponent<CalloutNativeProps>>({
-  macos: FRNCalloutNativeComponent,
-  default: CalloutNativeComponent, // win32
-});
+import NativeCalloutView from './CalloutNativeComponent';
+import { Commands } from './CalloutNativeComponent';
 
 export const Callout = compose<ICalloutType>({
   displayName: calloutName,

package/src/Callout.types.ts

@@ -5,7 +5,7 @@ import type { IViewProps } from '@fluentui-react-native/adapters';
 import type { IBackgroundColorTokens, IBorderTokens } from '@fluentui-react-native/tokens';
 import type { IRenderData } from '@uifabricshared/foundation-composable';
 
-import type { CalloutNativeCommands } from './CalloutNativeCommands.types';
+import type { CalloutNativeCommands } from './CalloutNativeComponent';
 export const calloutName = 'Callout';
 
 /**
@@ -23,7 +23,8 @@ export type DirectionalHint =
   | 'rightTopEdge'
   | 'rightCenter'
   | 'rightBottomEdge'
-  | 'bottonLeftEdge'
+  | 'bottomLeftEdge'
+  | 'bottonLeftEdge' // Typo in the original code, should be 'bottomLeftEdge'
   | 'bottomAutoEdge'
   | 'bottomCenter'
   | 'bottomRightEdge';

package/src/{MacOSCalloutNativeComponent.ts → CalloutNativeComponent.macos.ts}

@@ -1,26 +1,39 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
-
-import type { HostComponent, ViewProps } from 'react-native';
-
-import type { DirectEventHandler, Double, Int32, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
 import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 
-type AnchorRect = {
+import type { HostComponent, ViewProps } from 'react-native';
+import type { WithDefault, UnsafeMixed, Int32, DirectEventHandler, Double } from 'react-native/Libraries/Types/CodegenTypes';
+
+interface AnchorRect {
   screenX: Double;
   screenY: Double;
   width: Double;
   height: Double;
-};
+}
 
+/**
+ * Shared native props specific to Callout native component
+ */
 export interface NativeProps extends ViewProps {
   accessibilityLabel?: string;
   accessibilityOnShowAnnouncement?: string;
   anchorRect?: AnchorRect;
+
+  dismissBehaviors?: string[];
+  doNotTakePointerCapture?: boolean;
+  focusable?: boolean;
+  isBeakVisible?: boolean;
+  maxHeight?: Int32;
+  maxWidth?: Int32;
+  setInitialFocus?: boolean;
+
+  // targetAnchor?: string; // Win32 only Callout can target an anchor registered in the anchor registry // Can be a node id or an anchor ID - This need to be reworked as Mixed types are not supported going forward
+  testID?: string;
+
+  onRestoreFocus?: DirectEventHandler<{ target: Int32; containsFocus: boolean }>;
+  onDismiss?: DirectEventHandler<{ target: Int32 }>;
+  onShow?: DirectEventHandler<{ target: Int32 }>;
+
   directionalHint?: WithDefault<
     | 'leftTopEdge'
     | 'leftCenter'
@@ -32,28 +45,18 @@ export interface NativeProps extends ViewProps {
     | 'rightTopEdge'
     | 'rightCenter'
     | 'rightBottomEdge'
-    | 'bottonLeftEdge'
+    | 'bottomLeftEdge'
+    | 'bottonLeftEdge' // Typo in the original code, should be 'bottomLeftEdge'
     | 'bottomAutoEdge'
     | 'bottomCenter'
     | 'bottomRightEdge',
-    'topLeftEdge'
+    'topleftEdge'
   >;
-  dismissBehaviors?: string[];
-  doNotTakePointerCapture?: boolean;
-  focusable?: boolean;
-  isBeakVisible?: boolean;
-  maxHeight?: Int32;
-  maxWidth?: Int32;
-  setInitialFocus?: boolean;
-  target?: Int32;
-  testID?: string;
-
-  onRestoreFocus?: DirectEventHandler<{ target: Int32; containsFocus: boolean }>;
-  onDismiss?: DirectEventHandler<{ target: Int32 }>;
-  onShow?: DirectEventHandler<{ target: Int32 }>;
+  target?: UnsafeMixed;
 }
 
 export type CalloutComponentType = HostComponent<NativeProps>;
+
 export interface CalloutNativeCommands {
   focusWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;
   blurWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;

package/src/CalloutNativeComponent.ts

@@ -1,30 +1,39 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
-
-import type { HostComponent, ViewProps } from 'react-native';
-
-import type { WithDefault, DirectEventHandler, Double, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
 import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 
-import type { UnsafeMixed } from './codegenTypes';
-// Should be:
-// import type {UnsafeMixed} from 'react-native/Libraries/Types/CodegenTypes';
+import type { HostComponent, ViewProps } from 'react-native';
+import type { WithDefault, UnsafeMixed, Int32, DirectEventHandler, Double } from 'react-native/Libraries/Types/CodegenTypes';
 
-type AnchorRect = {
+interface AnchorRect {
   screenX: Double;
   screenY: Double;
   width: Double;
   height: Double;
-};
+}
 
+/**
+ * Shared native props specific to Callout native component
+ */
 export interface NativeProps extends ViewProps {
   accessibilityLabel?: string;
   accessibilityOnShowAnnouncement?: string;
   anchorRect?: AnchorRect;
+
+  dismissBehaviors?: string[];
+  doNotTakePointerCapture?: boolean;
+  focusable?: boolean;
+  isBeakVisible?: boolean;
+  maxHeight?: Int32;
+  maxWidth?: Int32;
+  setInitialFocus?: boolean;
+
+  // targetAnchor?: string; // Win32 only Callout can target an anchor registered in the anchor registry // Can be a node id or an anchor ID - This need to be reworked as Mixed types are not supported going forward
+  testID?: string;
+
+  onRestoreFocus?: DirectEventHandler<{ target: Int32; containsFocus: boolean }>;
+  onDismiss?: DirectEventHandler<{ target: Int32 }>;
+  onShow?: DirectEventHandler<{ target: Int32 }>;
+
   directionalHint?: WithDefault<
     | 'leftTopEdge'
     | 'leftCenter'
@@ -36,29 +45,18 @@ export interface NativeProps extends ViewProps {
     | 'rightTopEdge'
     | 'rightCenter'
     | 'rightBottomEdge'
-    | 'bottonLeftEdge'
+    | 'bottomLeftEdge'
+    | 'bottonLeftEdge' // Typo in the original code, should be 'bottomLeftEdge'
     | 'bottomAutoEdge'
     | 'bottomCenter'
     | 'bottomRightEdge',
     'bottonLeftEdge'
   >;
-  dismissBehaviors?: string[];
-  doNotTakePointerCapture?: boolean;
-  focusable?: boolean;
-  isBeakVisible?: boolean;
-  maxHeight?: Int32;
-  maxWidth?: Int32;
-  setInitialFocus?: boolean;
   target?: UnsafeMixed;
-  // targetAnchor?: string; // Win32 only Callout can target an anchor registered in the anchor registry // Can be a node id or an anchor ID - This need to be reworked as Mixed types are not supported going forward
-  testID?: string;
-
-  onRestoreFocus?: DirectEventHandler<{ target: Int32; containsFocus: boolean }>;
-  onDismiss?: DirectEventHandler<{ target: Int32 }>;
-  onShow?: DirectEventHandler<{ target: Int32 }>;
 }
 
 export type CalloutComponentType = HostComponent<NativeProps>;
+
 export interface CalloutNativeCommands {
   focusWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;
   blurWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;

package/src/__tests__/Callout.test.tsx

@@ -1,10 +1,13 @@
-import * as React from 'react';
+import { act } from 'react';
 
 import * as renderer from 'react-test-renderer';
 
 import { Callout } from '..';
 
 it('Callout default props', () => {
-  const tree = renderer.create(<Callout />).toJSON();
-  expect(tree).toMatchSnapshot();
+  let component: renderer.ReactTestRenderer;
+  act(() => {
+    component = renderer.create(<Callout />);
+  });
+  expect(component!.toJSON()).toMatchSnapshot();
 });

package/src/index.ts

@@ -9,5 +9,5 @@ export type {
   ICalloutType,
   RestoreFocusEvent,
 } from './Callout.types';
-export type { CalloutNativeCommands } from './CalloutNativeCommands.types';
+export type { CalloutNativeCommands } from './CalloutNativeComponent';
 export { Callout } from './Callout';

package/lib/CalloutNativeCommands.types.d.ts

@@ -1,5 +0,0 @@
-export interface CalloutNativeCommands {
-    focusWindow(): void;
-    blurWindow(): void;
-}
-//# sourceMappingURL=CalloutNativeCommands.types.d.ts.map

package/lib/CalloutNativeCommands.types.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/lib/CalloutNativeCommands.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=CalloutNativeCommands.types.js.map

package/lib/CalloutNativeCommands.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalloutNativeCommands.types.js","sourceRoot":"","sources":["../src/CalloutNativeCommands.types.ts"],"names":[],"mappings":""}

package/lib/MacOSCalloutNativeComponent.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/lib/MacOSCalloutNativeComponent.js.map

@@ -1 +0,0 @@
-{"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,MAAM,QAAQ,GAA0B,qBAAqB,CAAwB;IAC1F,iBAAiB,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;CACjD,CAAC,CAAC;AAEH,eAAe,sBAAsB,CAAc,YAAY,CAAyB,CAAC"}

package/lib-commonjs/CalloutNativeCommands.types.d.ts

@@ -1,5 +0,0 @@
-export interface CalloutNativeCommands {
-    focusWindow(): void;
-    blurWindow(): void;
-}
-//# sourceMappingURL=CalloutNativeCommands.types.d.ts.map

package/lib-commonjs/CalloutNativeCommands.types.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/lib-commonjs/CalloutNativeCommands.types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=CalloutNativeCommands.types.js.map

package/lib-commonjs/CalloutNativeCommands.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalloutNativeCommands.types.js","sourceRoot":"","sources":["../src/CalloutNativeCommands.types.ts"],"names":[],"mappings":""}

package/lib-commonjs/MacOSCalloutNativeComponent.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/lib-commonjs/MacOSCalloutNativeComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MacOSCalloutNativeComponent.js","sourceRoot":"","sources":["../src/MacOSCalloutNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;AAKH,mHAA2F;AAC3F,qHAA6F;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/src/CalloutNativeCommands.types.ts

@@ -1,4 +0,0 @@
-export interface CalloutNativeCommands {
-  focusWindow(): void;
-  blurWindow(): void;
-}

package/src/codegenTypes.d.ts

@@ -1,2 +0,0 @@
-// Separate .d.ts file to fool codegen, since UnsafeMixed does not existing in the TS types of RN currently.
-export type UnsafeMixed = any;