@fluentui-react-native/popover 0.4.17 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # Change Log - @fluentui-react-native/popover
 
+## 0.5.0
+
+### Minor Changes
+
+- d7adbdd: # Migration from Beachball to Changesets
+
+  This changeset represents the migration from Beachball to Changesets for version management and consolidates all changes from 440+ beachball change files that were in the `change/` directory.
+
+  All 75 affected packages receive a minor version bump to acknowledge the accumulated changes from the beachball era.
+
+  ## What Changed
+
+  Going forward, all version management uses Changesets via `yarn changeset`. The following beachball infrastructure has been removed:
+
+  - ❌ 440+ beachball change files from `change/` directory
+  - ❌ `beachball` package dependency
+  - ❌ Beachball scripts from `package.json`
+  - ❌ `beachball.config.js` configuration file
+  - ❌ Beachball publish steps from Azure Pipelines
+
+  ## New Workflow
+
+  ✅ **Create changes**: Run `yarn changeset` to document changes
+  ✅ **Version bump PRs**: Automatically created by GitHub Actions
+  ✅ **Publishing**: Handled by Azure Pipelines using `changeset publish`
+  ✅ **Validation**: CI validates changesets and blocks major version bumps
+
+  For details, see `CHANGESETS_SETUP.md` and `CONTRIBUTING.md`.
+
+### Patch Changes
+
+- d1d8c26: We were pinning @types/react and react-native-macos via resolutions. This fixes that which uncovered a bunch of type inconsistencies that needed to be addressed.
+- Updated dependencies [d7adbdd]
+- Updated dependencies [d1d8c26]
+  - @fluentui-react-native/adapters@0.14.0
+  - @fluentui-react-native/framework@0.15.0
+
 <!-- This log was last generated on Tue, 05 Aug 2025 18:50:41 GMT and should not be manually modified. -->
 
 <!-- Start content -->

package/lib/Popover.d.ts

@@ -1,4 +1,8 @@
 import type { PopoverProps } from './Popover.types';
-export declare const Popover: import("@fluentui-react-native/framework").CustomizableComponent<PopoverProps, {}, import("@fluentui-react-native/framework").Theme>;
+export declare const Popover: import('@fluentui-react-native/use-tokens').CustomizableComponent<
+  PopoverProps,
+  {},
+  import('@fluentui-react-native/theme-types').Theme
+>;
 export default Popover;
-//# sourceMappingURL=Popover.d.ts.map
+//# sourceMappingURL=Popover.d.ts.map

package/lib/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAiB,MAAM,iBAAiB,CAAC;AAKnE,eAAO,MAAM,OAAO,sIAIA,CAAC;AAGrB,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAiB,MAAM,iBAAiB,CAAC;AAKnE,eAAO,MAAM,OAAO,yIAIA,CAAC;AAGrB,eAAe,OAAO,CAAC"}

package/lib/Popover.js

@@ -2,10 +2,10 @@ import { compressible, buildUseTokens } from '@fluentui-react-native/framework';
 import { popoverName } from './Popover.types';
 const usePopoverTokens = buildUseTokens(() => ({}), popoverName);
 export const Popover = compressible((_props, _useTokens) => {
-    return () => {
-        return null;
-    };
+  return () => {
+    return null;
+  };
 }, usePopoverTokens);
 Popover.displayName = popoverName;
 export default Popover;
-//# sourceMappingURL=Popover.js.map
+//# sourceMappingURL=Popover.js.map

package/lib/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAGhF,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,gBAAgB,GAAG,cAAc,CAAgB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC;AAEhF,MAAM,CAAC,MAAM,OAAO,GAAG,YAAY,CAA8B,CAAC,MAAoB,EAAE,UAAoC,EAAE,EAAE;IAC9H,OAAO,GAAG,EAAE;QACV,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC,EAAE,gBAAgB,CAAC,CAAC;AACrB,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;AAElC,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAGhF,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,gBAAgB,GAAG,cAAc,CAAgB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC;AAEhF,MAAM,CAAC,MAAM,OAAO,GAAG,YAAY,CAA8B,CAAC,MAAoB,EAAE,UAAoC,EAAE,EAAE,CAAC;IAC/H,OAAO,GAAG,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IAAA,CACb,CAAC;AAAA,CACH,EAAE,gBAAgB,CAAC,CAAC;AACrB,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;AAElC,eAAe,OAAO,CAAC"}

package/lib/Popover.types.d.ts

@@ -1,15 +1,15 @@
 import type { IViewProps } from '@fluentui-react-native/adapters';
-export declare const popoverName = "Popover";
+export declare const popoverName = 'Popover';
 type EmptyInterface = {};
 export type PopoverTokens = EmptyInterface;
 export type PopoverProps = Omit<IViewProps, 'onPress'>;
 export type PopoverState = EmptyInterface;
 export type PopoverSlotProps = EmptyInterface;
 export type PopoverType = {
-    props: PopoverProps;
-    tokens: PopoverTokens;
-    slotProps: PopoverSlotProps;
-    state: PopoverState;
+  props: PopoverProps;
+  tokens: PopoverTokens;
+  slotProps: PopoverSlotProps;
+  state: PopoverState;
 };
 export {};
-//# sourceMappingURL=Popover.types.d.ts.map
+//# sourceMappingURL=Popover.types.d.ts.map

package/lib/Popover.types.js

@@ -1,2 +1,2 @@
 export const popoverName = 'Popover';
-//# sourceMappingURL=Popover.types.js.map
+//# sourceMappingURL=Popover.types.js.map

package/lib/index.d.ts

@@ -1,2 +1,2 @@
 export { Popover } from './Popover';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,2 +1,2 @@
 export { Popover } from './Popover';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib-commonjs/Popover.d.ts

@@ -1,4 +1,8 @@
 import type { PopoverProps } from './Popover.types';
-export declare const Popover: import("@fluentui-react-native/framework").CustomizableComponent<PopoverProps, {}, import("@fluentui-react-native/framework").Theme>;
+export declare const Popover: import('@fluentui-react-native/framework').CustomizableComponent<
+  PopoverProps,
+  {},
+  import('@fluentui-react-native/framework').Theme
+>;
 export default Popover;
-//# sourceMappingURL=Popover.d.ts.map
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAiB,MAAM,iBAAiB,CAAC;AAKnE,eAAO,MAAM,OAAO,sIAIA,CAAC;AAGrB,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAiB,MAAM,iBAAiB,CAAC;AAKnE,eAAO,MAAM,OAAO,sIAIA,CAAC;AAGrB,eAAe,OAAO,CAAC"}

package/lib-commonjs/Popover.js

@@ -1,14 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.Popover = void 0;
-const framework_1 = require("@fluentui-react-native/framework");
-const Popover_types_1 = require("./Popover.types");
+const framework_1 = require('@fluentui-react-native/framework');
+const Popover_types_1 = require('./Popover.types');
 const usePopoverTokens = (0, framework_1.buildUseTokens)(() => ({}), Popover_types_1.popoverName);
 exports.Popover = (0, framework_1.compressible)((_props, _useTokens) => {
-    return () => {
-        return null;
-    };
+  return () => {
+    return null;
+  };
 }, usePopoverTokens);
 exports.Popover.displayName = Popover_types_1.popoverName;
 exports.default = exports.Popover;
-//# sourceMappingURL=Popover.js.map
+//# sourceMappingURL=Popover.js.map

package/lib-commonjs/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":";;;AAGA,gEAAgF;AAGhF,mDAA8C;AAE9C,MAAM,gBAAgB,GAAG,IAAA,0BAAc,EAAgB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,2BAAW,CAAC,CAAC;AAEnE,QAAA,OAAO,GAAG,IAAA,wBAAY,EAA8B,CAAC,MAAoB,EAAE,UAAoC,EAAE,EAAE;IAC9H,OAAO,GAAG,EAAE;QACV,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC,EAAE,gBAAgB,CAAC,CAAC;AACrB,eAAO,CAAC,WAAW,GAAG,2BAAW,CAAC;AAElC,kBAAe,eAAO,CAAC"}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":";;;AAEA,gEAAgF;AAGhF,mDAA8C;AAE9C,MAAM,gBAAgB,GAAG,IAAA,0BAAc,EAAgB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,2BAAW,CAAC,CAAC;AAEnE,QAAA,OAAO,GAAG,IAAA,wBAAY,EAA8B,CAAC,MAAoB,EAAE,UAAoC,EAAE,EAAE,CAAC;IAC/H,OAAO,GAAG,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IAAA,CACb,CAAC;AAAA,CACH,EAAE,gBAAgB,CAAC,CAAC;AACrB,QAAA,OAAO,CAAC,WAAW,GAAG,2BAAW,CAAC;kBAEnB,QAAA,OAAO"}

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

@@ -1,15 +1,15 @@
 import type { IViewProps } from '@fluentui-react-native/adapters';
-export declare const popoverName = "Popover";
+export declare const popoverName = 'Popover';
 type EmptyInterface = {};
 export type PopoverTokens = EmptyInterface;
 export type PopoverProps = Omit<IViewProps, 'onPress'>;
 export type PopoverState = EmptyInterface;
 export type PopoverSlotProps = EmptyInterface;
 export type PopoverType = {
-    props: PopoverProps;
-    tokens: PopoverTokens;
-    slotProps: PopoverSlotProps;
-    state: PopoverState;
+  props: PopoverProps;
+  tokens: PopoverTokens;
+  slotProps: PopoverSlotProps;
+  state: PopoverState;
 };
 export {};
-//# sourceMappingURL=Popover.types.d.ts.map
+//# sourceMappingURL=Popover.types.d.ts.map

package/lib-commonjs/Popover.types.js

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

package/lib-commonjs/index.d.ts

@@ -1,2 +1,2 @@
 export { Popover } from './Popover';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.js

@@ -1,6 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.Popover = void 0;
-var Popover_1 = require("./Popover");
-Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return Popover_1.Popover; } });
-//# sourceMappingURL=index.js.map
+const Popover_1 = require('./Popover');
+Object.defineProperty(exports, 'Popover', {
+  enumerable: true,
+  get: function () {
+    return Popover_1.Popover;
+  },
+});
+//# 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,qCAAoC;AAA3B,kGAAA,OAAO,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,uCAAoC;AAA3B,kGAAA,OAAO,OAAA"}

package/package.json

@@ -1,94 +1,92 @@
 {
   "name": "@fluentui-react-native/popover",
-  "version": "0.4.17",
+  "version": "0.5.0",
   "description": "A cross-platform Popover component using the Fluent Design System",
-  "main": "lib-commonjs/index.js",
-  "module": "lib/index.js",
-  "react-native": "src/index.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui-react-native.git",
+    "directory": "packages/experimental/popover"
+  },
+  "license": "MIT",
+  "author": "",
   "exports": {
     ".": {
+      "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js",
-      "types": "./lib/index.d.ts"
+      "require": "./lib-commonjs/index.js"
     }
   },
-  "typings": "lib/index.d.ts",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
+    "build-cjs": "tsgo --outDir lib-commonjs",
+    "build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
     "depcheck": "fluentui-scripts depcheck",
-    "just": "fluentui-scripts",
     "lint": "fluentui-scripts eslint",
-    "test": "fluentui-scripts jest",
-    "update-snapshots": "fluentui-scripts jest -u",
+    "lint-package": "fluentui-scripts lint-package",
     "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/experimental/popover"
+    "test": "fluentui-scripts jest",
+    "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/adapters": "0.13.5",
-    "@fluentui-react-native/framework": "0.14.17"
+    "@fluentui-react-native/adapters": "0.14.0",
+    "@fluentui-react-native/framework": "0.15.0"
   },
   "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/scripts": "0.1.1",
-    "@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"
+    "@fluentui-react-native/framework-base": "0.3.0",
+    "@fluentui-react-native/kit-config": "0.1.2",
+    "@fluentui-react-native/scripts": "0.1.2",
+    "@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/metro-config": "^0.81.0",
+    "@types/react": "~19.1.0",
+    "react": "19.1.0",
+    "react-native": "^0.81.0",
+    "react-native-macos": "^0.81.0",
+    "react-native-windows": "^0.81.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"
+    "@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
+    },
+    "react-native-windows": {
+      "optional": true
+    }
   },
-  "author": "",
-  "license": "MIT",
   "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",
+        "tools-core"
       ]
-    }
-  },
-  "peerDependenciesMeta": {
-    "@office-iss/react-native-win32": {
-      "optional": true
     },
-    "react-native-macos": {
-      "optional": true
-    },
-    "react-native-windows": {
-      "optional": true
-    }
+    "extends": "@fluentui-react-native/kit-config"
   }
-}
+}

package/src/Popover.tsx

@@ -1,5 +1,4 @@
-/** @jsxRuntime classic */
-/** @jsx withSlots */
+/** @jsxImportSource @fluentui-react-native/framework-base */
 import type { UseTokens } from '@fluentui-react-native/framework';
 import { compressible, buildUseTokens } from '@fluentui-react-native/framework';