@fluentui-react-native/callout 0.27.16 → 0.28.0

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # Change Log - @fluentui-react-native/callout
 
+## 0.28.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/tokens@0.24.0
+  - @uifabricshared/foundation-composable@0.14.0
+  - @uifabricshared/foundation-compose@1.16.0
+  - @uifabricshared/foundation-settings@0.16.0
+
 <!-- This log was last generated on Tue, 05 Aug 2025 18:50:44 GMT and should not be manually modified. -->
 
 <!-- Start content -->
@@ -1604,7 +1644,7 @@ Thu, 16 Dec 2021 19:10:30 GMT
 
 - Add up/down arrow key support to macOS ContextualMenu (sanajmi@microsoft.com)
 - remove focus style overrides for macOS contextual menu items (sanajmi@microsoft.com)
-- Rename Jest snapshots to be platform agnostic  (sanajmi@microsoft.com)
+- Rename Jest snapshots to be platform agnostic (sanajmi@microsoft.com)
 - Bump @fluentui-react-native/adapters to v0.8.1
 - Bump @fluentui-react-native/interactive-hooks to v0.11.1
 - Bump @fluentui-react-native/tokens to v0.11.1
@@ -2187,7 +2227,7 @@ Fri, 24 Apr 2020 17:13:37 GMT
 
 ### Patches
 
-- Dont import * from react-native (acoates@microsoft.com)
+- Dont import \* from react-native (acoates@microsoft.com)
 
 ## 0.4.1
 
@@ -2214,24 +2254,31 @@ Thu, 16 Apr 2020 23:57:38 GMT
 - publish with correct main/module references (jasonmo@microsoft.com)
 
 ## 0.3.0
+
 Thu, 09 Apr 2020 18:39:15 GMT
 
 ### Minor changes
 
 - Add ondismiss and onshow callbacks (ppatboyd@outlook.com)
+
 ## 0.2.3
+
 Fri, 03 Apr 2020 20:40:51 GMT
 
 ### Patches
 
 - add some configuration versatility (jasonmo@microsoft.com)
+
 ## 0.2.1
+
 Mon, 30 Mar 2020 16:27:00 GMT
 
 ### Patches
 
 - Update main attribute to specify TypeScript index file. (kinhln@microsoft.com)
+
 ## 0.2.0
+
 Fri, 27 Mar 2020 04:10:56 GMT
 
 ### Minor changes

package/lib/Callout.d.ts

@@ -4,6 +4,12 @@
  * @format
  */
 import type { ICalloutProps, ICalloutSlotProps } from './Callout.types';
-export declare const Callout: import("@uifabricshared/foundation-compose").IComposeReturnType<ICalloutProps, ICalloutSlotProps, import("./Callout.types").ICalloutTokens, object, object>;
+export declare const Callout: import('@uifabricshared/foundation-compose').IComposeReturnType<
+  ICalloutProps,
+  ICalloutSlotProps,
+  import('./Callout.types').ICalloutTokens,
+  object,
+  object
+>;
 export default Callout;
-//# sourceMappingURL=Callout.d.ts.map
+//# sourceMappingURL=Callout.d.ts.map

package/lib/Callout.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAWH,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAgB,MAAM,iBAAiB,CAAC;AAMtF,eAAO,MAAM,OAAO,6JAqDlB,CAAC;AAEH,eAAe,OAAO,CAAC"}

package/lib/Callout.js

@@ -4,67 +4,64 @@
  * @format
  */
 import * as React from 'react';
-import { findNodeHandle, Platform } from 'react-native';
+import { findNodeHandle } from 'react-native';
 import { backgroundColorTokens, borderTokens } from '@fluentui-react-native/tokens';
 import { compose } from '@uifabricshared/foundation-compose';
 import { mergeSettings } from '@uifabricshared/foundation-settings';
 import { settings } from './Callout.settings';
 import { calloutName } from './Callout.types';
-import CalloutNativeComponent from './CalloutNativeComponent';
-import FRNCalloutNativeComponent from './MacOSCalloutNativeComponent';
-import { Commands } from './MacOSCalloutNativeComponent';
-const NativeCalloutView = Platform.select({
-    macos: FRNCalloutNativeComponent,
-    default: CalloutNativeComponent, // win32
-});
+import NativeCalloutView from './CalloutNativeComponent';
+import { Commands } from './CalloutNativeComponent';
 export const Callout = compose({
-    displayName: calloutName,
-    usePrepareProps: (props, useStyling) => {
-        const { componentRef, target, ...rest } = props;
-        React.useImperativeHandle(componentRef, () => ({
-            blurWindow() {
-                if (componentRef.current != null) {
-                    Commands.blurWindow(nativeComponentRef.current);
-                }
-            },
-            focusWindow() {
-                if (componentRef.current != null) {
-                    Commands.focusWindow(nativeComponentRef.current);
-                }
-            },
-        }), [componentRef]);
-        const nativeComponentRef = React.useRef(null);
-        const [nativeTarget, setNativeTarget] = React.useState(null);
-        React.useLayoutEffect(() => {
-            if (typeof target === 'string') {
-                // Pass string type `target` directly
-                setNativeTarget(target);
-            }
-            else if (target?.current) {
-                // Pass the tagID for a valid ref `target`
-                setNativeTarget(findNodeHandle(target.current));
-            }
-            else {
-                // Clear `target` so we may fall back on `anchorRect` if provided
-                setNativeTarget(null);
-            }
-        }, [target]);
-        const slotProps = mergeSettings(useStyling(props), {
-            root: {
-                ref: nativeComponentRef,
-                ...(nativeTarget && { target: nativeTarget }),
-                ...rest,
-            },
-        });
-        return { slotProps };
-    },
-    settings: settings,
-    slots: {
-        root: NativeCalloutView,
-    },
-    styles: {
-        root: [backgroundColorTokens, borderTokens],
-    },
+  displayName: calloutName,
+  usePrepareProps: (props, useStyling) => {
+    const { componentRef, target, ...rest } = props;
+    React.useImperativeHandle(
+      componentRef,
+      () => ({
+        blurWindow() {
+          if (componentRef.current != null) {
+            Commands.blurWindow(nativeComponentRef.current);
+          }
+        },
+        focusWindow() {
+          if (componentRef.current != null) {
+            Commands.focusWindow(nativeComponentRef.current);
+          }
+        },
+      }),
+      [componentRef],
+    );
+    const nativeComponentRef = React.useRef(null);
+    const [nativeTarget, setNativeTarget] = React.useState(null);
+    React.useLayoutEffect(() => {
+      if (typeof target === 'string') {
+        // Pass string type `target` directly
+        setNativeTarget(target);
+      } else if (target?.current) {
+        // Pass the tagID for a valid ref `target`
+        setNativeTarget(findNodeHandle(target.current));
+      } else {
+        // Clear `target` so we may fall back on `anchorRect` if provided
+        setNativeTarget(null);
+      }
+    }, [target]);
+    const slotProps = mergeSettings(useStyling(props), {
+      root: {
+        ref: nativeComponentRef,
+        ...(nativeTarget && { target: nativeTarget }),
+        ...rest,
+      },
+    });
+    return { slotProps };
+  },
+  settings: settings,
+  slots: {
+    root: NativeCalloutView,
+  },
+  styles: {
+    root: [backgroundColorTokens, borderTokens],
+  },
 });
 export default Callout;
-//# sourceMappingURL=Callout.js.map
+//# sourceMappingURL=Callout.js.map

package/lib/Callout.js.map

@@ -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,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,MAAM,iBAAiB,GAAG,QAAQ,CAAC,MAAM,CAA2E;IAClH,KAAK,EAAE,yBAAyB;IAChC,OAAO,EAAE,sBAAsB,EAAE,QAAQ;CAC1C,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAe;IAC3C,WAAW,EAAE,WAAW;IACxB,eAAe,EAAE,CAAC,KAAoB,EAAE,UAA4C,EAAE,EAAE;QACtF,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QAChD,KAAK,CAAC,mBAAmB,CACvB,YAAY,EACZ,GAAG,EAAE,CAAC,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,EACF,CAAC,YAAY,CAAC,CACf,CAAC;QACF,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAoD,IAAI,CAAC,CAAC;QACjG,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,CAAC;QAErF,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;YACzB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;gBAC9B,qCAAqC;gBACrC,eAAe,CAAC,MAAM,CAAC,CAAC;aACzB;iBAAM,IAAI,MAAM,EAAE,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,MAAM,SAAS,GAAG,aAAa,CAAoB,UAAU,CAAC,KAAK,CAAC,EAAE;YACpE,IAAI,EAAE;gBACJ,GAAG,EAAE,kBAAkB;gBACvB,GAAG,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;gBAC7C,GAAG,IAAI;aACR;SACF,CAAC,CAAC;QAEH,OAAO,EAAE,SAAS,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"}
+{"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,MAAM,cAAc,CAAC;AAE9C,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,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAe;IAC3C,WAAW,EAAE,WAAW;IACxB,eAAe,EAAE,CAAC,KAAoB,EAAE,UAA4C,EAAE,EAAE,CAAC;QACvF,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QAChD,KAAK,CAAC,mBAAmB,CACvB,YAAY,EACZ,GAAG,EAAE,CAAC,CAAC;YACL,UAAU,GAAG;gBACX,IAAI,YAAY,CAAC,OAAO,IAAI,IAAI,EAAE,CAAC;oBACjC,QAAQ,CAAC,UAAU,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;gBAClD,CAAC;YAAA,CACF;YACD,WAAW,GAAG;gBACZ,IAAI,YAAY,CAAC,OAAO,IAAI,IAAI,EAAE,CAAC;oBACjC,QAAQ,CAAC,WAAW,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;gBACnD,CAAC;YAAA,CACF;SACF,CAAC,EACF,CAAC,YAAY,CAAC,CACf,CAAC;QACF,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAoD,IAAI,CAAC,CAAC;QACjG,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,CAAC;QAErF,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC;YAC1B,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;gBAC/B,qCAAqC;gBACrC,eAAe,CAAC,MAAM,CAAC,CAAC;YAC1B,CAAC;iBAAM,IAAI,MAAM,EAAE,OAAO,EAAE,CAAC;gBAC3B,0CAA0C;gBAC1C,eAAe,CAAC,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;YAClD,CAAC;iBAAM,CAAC;gBACN,iEAAiE;gBACjE,eAAe,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;QAAA,CACF,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QAEb,MAAM,SAAS,GAAG,aAAa,CAAoB,UAAU,CAAC,KAAK,CAAC,EAAE;YACpE,IAAI,EAAE;gBACJ,GAAG,EAAE,kBAAkB;gBACvB,GAAG,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;gBAC7C,GAAG,IAAI;aACR;SACF,CAAC,CAAC;QAEH,OAAO,EAAE,SAAS,EAAE,CAAC;IAAA,CACtB;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.settings.d.ts

@@ -1,4 +1,4 @@
 import type { IComposeSettings } from '@uifabricshared/foundation-compose';
 import type { ICalloutType } from './Callout.types';
 export declare const settings: IComposeSettings<ICalloutType>;
-//# sourceMappingURL=Callout.settings.d.ts.map
+//# sourceMappingURL=Callout.settings.d.ts.map

package/lib/Callout.settings.js

@@ -1,16 +1,16 @@
 import { calloutName } from './Callout.types';
 export const settings = [
-    {
-        tokens: {
-            backgroundColor: 'bodyStandoutBackground',
-            beakWidth: 20,
-            borderColor: 'bodyFrameBackground',
-            borderWidth: 1,
-            directionalHint: 'bottonLeftEdge',
-            gapSpace: 0,
-            minPadding: 0,
-        },
+  {
+    tokens: {
+      backgroundColor: 'bodyStandoutBackground',
+      beakWidth: 20,
+      borderColor: 'bodyFrameBackground',
+      borderWidth: 1,
+      directionalHint: 'bottonLeftEdge',
+      gapSpace: 0,
+      minPadding: 0,
     },
-    calloutName,
+  },
+  calloutName,
 ];
-//# sourceMappingURL=Callout.settings.js.map
+//# sourceMappingURL=Callout.settings.js.map

package/lib/Callout.settings.macos.d.ts

@@ -1,4 +1,4 @@
 import type { IComposeSettings } from '@uifabricshared/foundation-compose';
 import type { ICalloutType } from './Callout.types';
 export declare const settings: IComposeSettings<ICalloutType>;
-//# sourceMappingURL=Callout.settings.macos.d.ts.map
+//# sourceMappingURL=Callout.settings.macos.d.ts.map

package/lib/Callout.settings.macos.js

@@ -1,19 +1,19 @@
 import { calloutName } from './Callout.types';
 export const settings = [
-    {
-        tokens: {
-            backgroundColor: 'bodyStandoutBackground',
-            borderColor: 'transparent',
-            borderWidth: 0,
-            borderRadius: 5,
-            directionalHint: 'bottonLeftEdge',
-        },
-        root: {
-            style: {
-                position: 'absolute',
-            },
-        },
+  {
+    tokens: {
+      backgroundColor: 'bodyStandoutBackground',
+      borderColor: 'transparent',
+      borderWidth: 0,
+      borderRadius: 5,
+      directionalHint: 'bottonLeftEdge',
     },
-    calloutName,
+    root: {
+      style: {
+        position: 'absolute',
+      },
+    },
+  },
+  calloutName,
 ];
-//# sourceMappingURL=Callout.settings.macos.js.map
+//# sourceMappingURL=Callout.settings.macos.js.map