@fluentui-react-native/use-slots 0.10.11 → 0.11.0

package/CHANGELOG.json

@@ -1,6 +1,21 @@
 {
   "name": "@fluentui-react-native/use-slots",
   "entries": [
+    {
+      "date": "Tue, 05 Aug 2025 18:50:39 GMT",
+      "version": "0.10.12",
+      "tag": "@fluentui-react-native/use-slots_v0.10.12",
+      "comments": {
+        "patch": [
+          {
+            "author": "jasonmo@microsoft.com",
+            "package": "@fluentui-react-native/use-slots",
+            "commit": "1ed213f1b48036479e39ace7f25f9a31f46042bf",
+            "comment": "move repo to pnpm, create babel and jest config packages, fix dependencies"
+          }
+        ]
+      }
+    },
     {
       "date": "Tue, 22 Jul 2025 19:06:24 GMT",
       "version": "0.10.8",

package/CHANGELOG.md

@@ -1,9 +1,54 @@
 # Change Log - @fluentui-react-native/use-slots
 
-<!-- This log was last generated on Tue, 22 Jul 2025 19:06:24 GMT and should not be manually modified. -->
+## 0.11.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/framework-base@0.3.0
+  - @fluentui-react-native/use-slot@0.7.0
+
+<!-- This log was last generated on Tue, 05 Aug 2025 18:50:39 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## 0.10.12
+
+Tue, 05 Aug 2025 18:50:39 GMT
+
+### Patches
+
+- move repo to pnpm, create babel and jest config packages, fix dependencies (jasonmo@microsoft.com)
+
 ## 0.10.8
 
 Tue, 22 Jul 2025 19:06:24 GMT

package/babel.config.js

@@ -1 +1 @@
-module.exports = require('@fluentui-react-native/scripts/configs/babel.config');
+module.exports = require('@fluentui-react-native/babel-config');

package/lib/buildUseSlots.d.ts

@@ -1,17 +1,18 @@
-import type { ComposableFunction, SlotFn, NativeReactType } from '@fluentui-react-native/framework-base';
+import { type ComponentType } from '@fluentui-react-native/use-slot';
+import type { FunctionComponent, PropsFilter } from '@fluentui-react-native/framework-base';
 export type Slots<TSlotProps> = {
-    [K in keyof TSlotProps]: SlotFn<TSlotProps[K]>;
+  [K in keyof TSlotProps]: FunctionComponent<TSlotProps[K]>;
 };
 export type UseSlotOptions<TSlotProps> = {
-    slots: {
-        [K in keyof TSlotProps]: NativeReactType | ComposableFunction<TSlotProps[K]>;
-    };
-    filters?: {
-        [K in keyof TSlotProps]?: (propName: string) => boolean;
-    };
-    useStyling?: TSlotProps | GetSlotProps<TSlotProps>;
+  slots: {
+    [K in keyof TSlotProps]: ComponentType<TSlotProps[K]>;
+  };
+  filters?: {
+    [K in keyof TSlotProps]?: PropsFilter;
+  };
+  useStyling?: TSlotProps | GetSlotProps<TSlotProps>;
 };
 export type GetSlotProps<TSlotProps> = (...args: any[]) => TSlotProps;
 export type UseSlotsBase<TSlotProps> = (...args: any[]) => Slots<TSlotProps>;
 export declare function buildUseSlots<TSlotProps>(options: UseSlotOptions<TSlotProps>): UseSlotsBase<TSlotProps>;
-//# sourceMappingURL=buildUseSlots.d.ts.map
+//# sourceMappingURL=buildUseSlots.d.ts.map

package/lib/buildUseSlots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildUseSlots.d.ts","sourceRoot":"","sources":["../src/buildUseSlots.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAUzG,MAAM,MAAM,KAAK,CAAC,UAAU,IAAI;KAAG,CAAC,IAAI,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAEnF,MAAM,MAAM,cAAc,CAAC,UAAU,IAAI;IACvC,KAAK,EAAE;SAAG,CAAC,IAAI,MAAM,UAAU,GAAG,eAAe,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;KAAE,CAAC;IACxF,OAAO,CAAC,EAAE;SAAG,CAAC,IAAI,MAAM,UAAU,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO;KAAE,CAAC;IACtE,UAAU,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,UAAU,IAAI,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,UAAU,CAAC;AAEtE,MAAM,MAAM,YAAY,CAAC,UAAU,IAAI,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,UAAU,CAAC,CAAC;AAE7E,wBAAgB,aAAa,CAAC,UAAU,EAAE,OAAO,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAkBvG"}
+{"version":3,"file":"buildUseSlots.d.ts","sourceRoot":"","sources":["../src/buildUseSlots.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAS5F,MAAM,MAAM,KAAK,CAAC,UAAU,IAAI;KAAG,CAAC,IAAI,MAAM,UAAU,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAE9F,MAAM,MAAM,cAAc,CAAC,UAAU,IAAI;IACvC,KAAK,EAAE;SAAG,CAAC,IAAI,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;KAAE,CAAC;IACjE,OAAO,CAAC,EAAE;SAAG,CAAC,IAAI,MAAM,UAAU,CAAC,CAAC,EAAE,WAAW;KAAE,CAAC;IACpD,UAAU,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,UAAU,IAAI,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,UAAU,CAAC;AAEtE,MAAM,MAAM,YAAY,CAAC,UAAU,IAAI,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,UAAU,CAAC,CAAC;AAE7E,wBAAgB,aAAa,CAAC,UAAU,EAAE,OAAO,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAqBvG"}

package/lib/buildUseSlots.js

@@ -1,17 +1,19 @@
 import { useSlot } from '@fluentui-react-native/use-slot';
 export function buildUseSlots(options) {
-    const { slots, filters = {}, useStyling } = options;
-    return (...args) => {
-        // get the baseline slot props to render with the slots
-        const slotProps = typeof useStyling === 'function' ? useStyling(...args) : (useStyling || {});
-        // build up a set of slots closures and store them in props
-        const builtSlots = {};
-        // for each slot go through and either cache the slot props or call part one render if it is staged
-        Object.keys(slots).forEach((slotName) => {
-            builtSlots[slotName] = useSlot(slots[slotName], slotProps[slotName], filters[slotName]);
-        });
-        // return the prebuilt closures, these will have internal references to state.results
-        return builtSlots;
-    };
+  const { slots, filters = {}, useStyling } = options;
+  return (...args) => {
+    // get the baseline slot props to render with the slots
+    const slotProps = typeof useStyling === 'function' ? useStyling(...args) : useStyling || {};
+    // build up a set of slots closures and store them in props
+    const builtSlots = {};
+    // for each slot go through and either cache the slot props or call part one render if it is staged
+    // note: changing this to a for..in loop causes rule of hooks violations
+    // eslint-disable-next-line @rnx-kit/no-foreach-with-captured-variables
+    Object.keys(slots).forEach((slotName) => {
+      builtSlots[slotName] = useSlot(slots[slotName], slotProps[slotName], filters[slotName]);
+    });
+    // return the prebuilt closures, these will have internal references to state.results
+    return builtSlots;
+  };
 }
-//# sourceMappingURL=buildUseSlots.js.map
+//# sourceMappingURL=buildUseSlots.js.map

package/lib/buildUseSlots.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildUseSlots.js","sourceRoot":"","sources":["../src/buildUseSlots.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAqB1D,MAAM,UAAU,aAAa,CAAa,OAAmC;IAC3E,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,EAAE,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IACpD,OAAO,CAAC,GAAG,IAAW,EAAE,EAAE;QACxB,uDAAuD;QACvD,MAAM,SAAS,GACb,OAAO,UAAU,KAAK,UAAU,CAAC,CAAC,CAAE,UAAqC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAE,CAAC,UAAU,IAAI,EAAE,CAAgB,CAAC;QAE1H,2DAA2D;QAC3D,MAAM,UAAU,GAAsB,EAAuB,CAAC;QAE9D,mGAAmG;QACnG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YACtC,UAAU,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC1F,CAAC,CAAC,CAAC;QAEH,qFAAqF;QACrF,OAAO,UAAU,CAAC;IACpB,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"buildUseSlots.js","sourceRoot":"","sources":["../src/buildUseSlots.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAsB,MAAM,iCAAiC,CAAC;AAsB9E,MAAM,UAAU,aAAa,CAAa,OAAmC,EAA4B;IACvG,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,EAAE,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IACpD,OAAO,CAAC,GAAG,IAAW,EAAE,EAAE,CAAC;QACzB,uDAAuD;QACvD,MAAM,SAAS,GACb,OAAO,UAAU,KAAK,UAAU,CAAC,CAAC,CAAE,UAAqC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAE,CAAC,UAAU,IAAI,EAAE,CAAgB,CAAC;QAE1H,2DAA2D;QAC3D,MAAM,UAAU,GAAsB,EAAuB,CAAC;QAE9D,mGAAmG;QAEnG,wEAAwE;QACxE,uEAAuE;QACvE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC;YACvC,UAAU,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;QAAA,CACzF,CAAC,CAAC;QAEH,qFAAqF;QACrF,OAAO,UAAU,CAAC;IAAA,CACnB,CAAC;AAAA,CACH"}

package/lib/buildUseSlots.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=buildUseSlots.test.d.ts.map
+//# sourceMappingURL=buildUseSlots.test.d.ts.map

package/lib/buildUseSlots.test.js

@@ -1,27 +1,37 @@
+import { jsx as _jsx } from '@fluentui-react-native/framework-base/jsx-runtime';
+/** @jsxImportSource @fluentui-react-native/framework-base */
+import { act } from 'react';
 import { View, Text } from 'react-native';
-import { withSlots, stagedComponent } from '@fluentui-react-native/framework-base';
+import { stagedComponent } from '@fluentui-react-native/framework-base';
 import * as renderer from 'react-test-renderer';
 import { buildUseSlots } from './buildUseSlots';
 const useSlotsBase = buildUseSlots({
-    slots: {
-        outer: View,
-        inner: View,
-        content: Text,
-    },
+  slots: {
+    outer: View,
+    inner: View,
+    content: Text,
+  },
 });
 const CompBase = stagedComponent((props) => {
-    const Slots = useSlotsBase(props);
-    return (extra) => {
-        const merged = { ...props, ...extra };
-        return (withSlots(Slots.outer, { ...merged },
-            withSlots(Slots.inner, { style: { backgroundColor: 'blue', width: 20, height: 10 } },
-                withSlots(Slots.content, null, "Hello"))));
-    };
+  const Slots = useSlotsBase(props);
+  return (extra) => {
+    const merged = { ...props, ...extra };
+    return _jsx(Slots.outer, {
+      ...merged,
+      children: _jsx(Slots.inner, {
+        style: { backgroundColor: 'blue', width: 20, height: 10 },
+        children: _jsx(Slots.content, { children: 'Hello' }),
+      }),
+    });
+  };
 });
 describe('buildUseSlots test suite', () => {
-    it('Simple component render', () => {
-        const tree = renderer.create(withSlots(CompBase, { style: { width: 30, height: 20, borderColor: 'green', borderWidth: 1 } })).toJSON();
-        expect(tree).toMatchSnapshot();
+  it('Simple component render', () => {
+    let component;
+    act(() => {
+      component = renderer.create(_jsx(CompBase, { style: { width: 30, height: 20, borderColor: 'green', borderWidth: 1 } }));
     });
+    expect(component.toJSON()).toMatchSnapshot();
+  });
 });
-//# sourceMappingURL=buildUseSlots.test.js.map
+//# sourceMappingURL=buildUseSlots.test.js.map

package/lib/buildUseSlots.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildUseSlots.test.js","sourceRoot":"","sources":["../src/buildUseSlots.test.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACnF,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQhD,MAAM,YAAY,GAAG,aAAa,CAAa;IAC7C,KAAK,EAAE;QACL,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,IAAI;KACd;CACF,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,eAAe,CAAC,CAAC,KAAgB,EAAE,EAAE;IACpD,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAClC,OAAO,CAAC,KAAgB,EAAE,EAAE;QAC1B,MAAM,MAAM,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC;QACtC,OAAO,CACL,UAAC,KAAK,CAAC,KAAK,OAAK,MAAM;YACrB,UAAC,KAAK,CAAC,KAAK,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;gBACpE,UAAC,KAAK,CAAC,OAAO,gBAAsB,CACxB,CACF,CACf,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAC5H,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"buildUseSlots.test.js","sourceRoot":"","sources":["../src/buildUseSlots.test.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQhD,MAAM,YAAY,GAAG,aAAa,CAAa;IAC7C,KAAK,EAAE;QACL,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,IAAI;KACd;CACF,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,eAAe,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC;IACrD,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAClC,OAAO,CAAC,KAAgB,EAAE,EAAE,CAAC;QAC3B,MAAM,MAAM,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC;QACtC,OAAO,CACL,KAAC,KAAK,CAAC,KAAK,OAAK,MAAM,YACrB,KAAC,KAAK,CAAC,KAAK,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YACpE,KAAC,KAAK,CAAC,OAAO,wBAAsB,GACxB,GACF,CACf,CAAC;IAAA,CACH,CAAC;AAAA,CACH,CAAC,CAAC;AAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE,CAAC;IACzC,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE,CAAC;QAClC,IAAI,SAAqC,CAAC;QAC1C,GAAG,CAAC,GAAG,EAAE,CAAC;YACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,GAAI,CAAC,CAAC;QAAA,CACnH,CAAC,CAAC;QACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;IAAA,CAC/C,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC"}

package/lib/index.d.ts

@@ -1,3 +1,3 @@
 export { buildUseSlots } from './buildUseSlots';
 export type { GetSlotProps, Slots, UseSlotOptions, UseSlotsBase } from './buildUseSlots';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

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

package/lib/useSlots.samples.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=useSlots.samples.test.d.ts.map
+//# sourceMappingURL=useSlots.samples.test.d.ts.map