chore: move trigger methods to its own package react-trigger

change/@fluentui-react-dialog-722963da-2d75-4320-af16-29ccbf9aec83.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: updates dependencies from react-utilities to react-trigger",
+  "packageName": "@fluentui/react-dialog",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-menu-1b214075-8b38-435a-82e9-906e6d1910a0.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: updates dependencies from react-utilities to react-trigger",
+  "packageName": "@fluentui/react-menu",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-overflow-a9aab4af-7393-459d-a52a-5158bb8c1f7e.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: updates dependencies from react-utilities to react-trigger",
+  "packageName": "@fluentui/react-overflow",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-popover-3ea22487-b825-4fef-a0db-39ff5dc2ce36.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: updates dependencies from react-utilities to react-trigger",
+  "packageName": "@fluentui/react-popover",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-tooltip-74189f64-3cbd-4d6b-8d83-0f693116db8d.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: updates dependencies from react-utilities to react-trigger",
+  "packageName": "@fluentui/react-tooltip",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-trigger-878d2c89-74e6-475d-bd81-c43652fb8f57.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "feat: move trigger methods from react-utilities",
+  "packageName": "@fluentui/react-trigger",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-utilities-45241420-e135-4d20-b21b-77d5d4d25847.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: delete trigger methods",
+  "packageName": "@fluentui/react-utilities",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

packages/react-components/react-dialog/etc/react-dialog.api.md

@@ -10,7 +10,7 @@ import { ARIAButtonResultProps } from '@fluentui/react-aria';
 import { ARIAButtonType } from '@fluentui/react-aria';
 import type { ComponentProps } from '@fluentui/react-utilities';
 import type { ComponentState } from '@fluentui/react-utilities';
-import type { FluentTriggerComponent } from '@fluentui/react-utilities';
+import type { FluentTriggerComponent } from '@fluentui/react-trigger';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 import { JSXElementConstructor } from 'react';
 import * as React_2 from 'react';

packages/react-components/react-dialog/package.json

@@ -35,6 +35,7 @@
   "dependencies": {
     "@griffel/react": "^1.3.0",
     "@fluentui/react-utilities": "^9.1.0",
+    "@fluentui/react-trigger": "^9.0.0-alpha.0",
     "@fluentui/keyboard-keys": "^9.0.0",
     "@fluentui/react-context-selector": "^9.0.3",
     "@fluentui/react-shared-contexts": "^9.0.1",

packages/react-components/react-dialog/src/components/DialogTrigger/DialogTrigger.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { useDialogTrigger_unstable } from './useDialogTrigger';
 import { renderDialogTrigger_unstable } from './renderDialogTrigger';
 import type { DialogTriggerProps } from './DialogTrigger.types';
-import type { FluentTriggerComponent } from '@fluentui/react-utilities';
+import type { FluentTriggerComponent } from '@fluentui/react-trigger';
 
 /**
  * A non-visual component that wraps its child

packages/react-components/react-dialog/src/components/DialogTrigger/useDialogTrigger.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { useModalAttributes } from '@fluentui/react-tabster';
-import { applyTriggerPropsToChildren, getTriggerChild, useEventCallback } from '@fluentui/react-utilities';
+import { useEventCallback } from '@fluentui/react-utilities';
+import { applyTriggerPropsToChildren, getTriggerChild } from '@fluentui/react-trigger';
 import { DialogTriggerChildProps, DialogTriggerProps, DialogTriggerState } from './DialogTrigger.types';
 import { useDialogContext_unstable, useDialogSurfaceContext_unstable } from '../../contexts';
 import { useARIAButtonProps } from '@fluentui/react-aria';

packages/react-components/react-menu/etc/react-menu.api.md

@@ -13,7 +13,7 @@ import { ARIAButtonType } from '@fluentui/react-aria';
 import type { ComponentProps } from '@fluentui/react-utilities';
 import type { ComponentState } from '@fluentui/react-utilities';
 import type { ContextSelector } from '@fluentui/react-context-selector';
-import type { FluentTriggerComponent } from '@fluentui/react-utilities';
+import type { FluentTriggerComponent } from '@fluentui/react-trigger';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 import type { PositioningShorthand } from '@fluentui/react-positioning';
 import * as React_2 from 'react';

packages/react-components/react-menu/package.json

@@ -43,6 +43,7 @@
     "@fluentui/react-tabster": "^9.1.1",
     "@fluentui/react-theme": "^9.1.0",
     "@fluentui/react-utilities": "^9.1.0",
+    "@fluentui/react-trigger": "^9.0.0-alpha.0",
     "@griffel/react": "^1.3.0",
     "tslib": "^2.1.0"
   },

packages/react-components/react-menu/src/components/MenuTrigger/MenuTrigger.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { useMenuTrigger_unstable } from './useMenuTrigger';
 import { renderMenuTrigger_unstable } from './renderMenuTrigger';
 import type { MenuTriggerProps } from './MenuTrigger.types';
-import type { FluentTriggerComponent } from '@fluentui/react-utilities';
+import type { FluentTriggerComponent } from '@fluentui/react-trigger';
 
 /**
  * Wraps a trigger element as an only child

packages/react-components/react-menu/src/components/MenuTrigger/useMenuTrigger.ts

@@ -5,13 +5,8 @@ import { useIsSubmenu } from '../../utils/useIsSubmenu';
 import { useFocusFinders } from '@fluentui/react-tabster';
 import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
 import { ArrowRight, ArrowLeft, Escape, ArrowDown } from '@fluentui/keyboard-keys';
-import {
-  applyTriggerPropsToChildren,
-  getTriggerChild,
-  mergeCallbacks,
-  useEventCallback,
-  useMergedRefs,
-} from '@fluentui/react-utilities';
+import { mergeCallbacks, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';
+import { applyTriggerPropsToChildren, getTriggerChild } from '@fluentui/react-trigger';
 import { useARIAButtonProps } from '@fluentui/react-aria';
 
 /**

packages/react-components/react-overflow/package.json

@@ -33,6 +33,7 @@
     "@fluentui/react-context-selector": "^9.0.3",
     "@fluentui/react-theme": "^9.1.0",
     "@fluentui/react-utilities": "^9.1.0",
+    "@fluentui/react-trigger": "^9.0.0-alpha.0",
     "@griffel/react": "^1.3.0",
     "tslib": "^2.1.0"
   },

packages/react-components/react-overflow/src/components/Overflow.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { makeStyles, mergeClasses } from '@griffel/react';
 import type { OnUpdateOverflow, OverflowGroupState, ObserveOptions } from '@fluentui/priority-overflow';
-import { applyTriggerPropsToChildren, useMergedRefs } from '@fluentui/react-utilities';
+import { useMergedRefs } from '@fluentui/react-utilities';
+import { applyTriggerPropsToChildren } from '@fluentui/react-trigger';
 
 import { OverflowContext } from '../overflowContext';
 import { updateVisibilityAttribute, useOverflowContainer } from '../useOverflowContainer';

packages/react-components/react-overflow/src/components/OverflowItem/OverflowItem.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { applyTriggerPropsToChildren, useMergedRefs } from '@fluentui/react-utilities';
+import { useMergedRefs } from '@fluentui/react-utilities';
+import { applyTriggerPropsToChildren } from '@fluentui/react-trigger';
 import { useOverflowItem } from '../../useOverflowItem';
 import { OverflowItemProps } from './OverflowItem.types';
 

packages/react-components/react-popover/etc/react-popover.api.md

@@ -10,7 +10,7 @@ import type { ComponentProps } from '@fluentui/react-utilities';
 import type { ComponentState } from '@fluentui/react-utilities';
 import type { ContextSelector } from '@fluentui/react-context-selector';
 import { FC } from 'react';
-import type { FluentTriggerComponent } from '@fluentui/react-utilities';
+import type { FluentTriggerComponent } from '@fluentui/react-trigger';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 import { JSXElementConstructor } from 'react';
 import type { PortalProps } from '@fluentui/react-portal';

packages/react-components/react-popover/package.json

@@ -42,6 +42,7 @@
     "@fluentui/react-tabster": "^9.1.1",
     "@fluentui/react-theme": "^9.1.0",
     "@fluentui/react-utilities": "^9.1.0",
+    "@fluentui/react-trigger": "^9.0.0-alpha.0",
     "@griffel/react": "^1.3.0",
     "tslib": "^2.1.0"
   },

packages/react-components/react-popover/src/components/PopoverTrigger/PopoverTrigger.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { usePopoverTrigger_unstable } from './usePopoverTrigger';
 import { renderPopoverTrigger_unstable } from './renderPopoverTrigger';
-import type { FluentTriggerComponent } from '@fluentui/react-utilities';
+import type { FluentTriggerComponent } from '@fluentui/react-trigger';
 import type { PopoverTriggerProps } from './PopoverTrigger.types';
 
 /**

packages/react-components/react-popover/src/components/PopoverTrigger/usePopoverTrigger.ts

@@ -1,11 +1,6 @@
 import * as React from 'react';
-import {
-  applyTriggerPropsToChildren,
-  getTriggerChild,
-  mergeCallbacks,
-  useMergedRefs,
-  useEventCallback,
-} from '@fluentui/react-utilities';
+import { mergeCallbacks, useMergedRefs, useEventCallback } from '@fluentui/react-utilities';
+import { applyTriggerPropsToChildren, getTriggerChild } from '@fluentui/react-trigger';
 import { useModalAttributes } from '@fluentui/react-tabster';
 import { usePopoverContext_unstable } from '../../popoverContext';
 import type { PopoverTriggerChildProps, PopoverTriggerProps, PopoverTriggerState } from './PopoverTrigger.types';

packages/react-components/react-tooltip/etc/react-tooltip.api.md

@@ -6,7 +6,7 @@
 
 import type { ComponentProps } from '@fluentui/react-utilities';
 import type { ComponentState } from '@fluentui/react-utilities';
-import type { FluentTriggerComponent } from '@fluentui/react-utilities';
+import type { FluentTriggerComponent } from '@fluentui/react-trigger';
 import type { PortalProps } from '@fluentui/react-portal';
 import type { PositioningShorthand } from '@fluentui/react-positioning';
 import * as React_2 from 'react';

packages/react-components/react-tooltip/package.json

@@ -37,6 +37,7 @@
     "@fluentui/react-shared-contexts": "^9.0.1",
     "@fluentui/react-theme": "^9.1.0",
     "@fluentui/react-utilities": "^9.1.0",
+    "@fluentui/react-trigger": "^9.0.0-alpha.0",
     "@griffel/react": "^1.3.0",
     "tslib": "^2.1.0"
   },

packages/react-components/react-tooltip/src/components/Tooltip/Tooltip.tsx

@@ -3,7 +3,7 @@ import { useTooltip_unstable } from './useTooltip';
 import { renderTooltip_unstable } from './renderTooltip';
 import { useTooltipStyles_unstable } from './useTooltipStyles';
 import type { TooltipProps } from './Tooltip.types';
-import type { FluentTriggerComponent } from '@fluentui/react-utilities';
+import type { FluentTriggerComponent } from '@fluentui/react-trigger';
 
 /**
  * A tooltip provides light weight contextual information on top of its target element.

packages/react-components/react-tooltip/src/components/Tooltip/useTooltip.tsx

@@ -5,18 +5,17 @@ import {
   useFluent_unstable as useFluent,
 } from '@fluentui/react-shared-contexts';
 import {
-  applyTriggerPropsToChildren,
   resolveShorthand,
   useControllableState,
   useId,
   useIsomorphicLayoutEffect,
   useIsSSR,
   useMergedRefs,
   useTimeout,
-  getTriggerChild,
   mergeCallbacks,
   useEventCallback,
 } from '@fluentui/react-utilities';
+import { applyTriggerPropsToChildren, getTriggerChild } from '@fluentui/react-trigger';
 import type { TooltipProps, TooltipState, TooltipTriggerProps } from './Tooltip.types';
 import { arrowHeight, tooltipBorderRadius } from './private/constants';
 import { Escape } from '@fluentui/keyboard-keys';

packages/react-components/react-trigger/etc/react-trigger.api.md

@@ -4,6 +4,24 @@
 
 ```ts
 
+import * as React_2 from 'react';
+
+// @internal
+export const applyTriggerPropsToChildren: <TTriggerProps>(children: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | ((props: TTriggerProps) => React_2.ReactElement | null) | null | undefined, triggerProps: TTriggerProps) => React_2.ReactElement | null;
+
+// @public
+export type FluentTriggerComponent = {
+    isFluentTriggerComponent?: boolean;
+};
+
+// @internal
+export const getTriggerChild: <P = any>(children: React_2.ReactNode) => React_2.ReactElement<P, string | React_2.JSXElementConstructor<any>> & {
+    ref?: React_2.Ref<unknown> | undefined;
+};
+
+// @public
+export const isFluentTrigger: (element: React_2.ReactElement) => boolean | undefined;
+
 // (No @packageDocumentation comment for this package)
 
 ```

packages/react-components/react-trigger/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@fluentui/react-trigger",
   "version": "9.0.0-alpha.0",
-  "private": true,
   "description": "A set of trigger specific utilities",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -43,8 +42,7 @@
   "beachball": {
     "disallowedChangeTypes": [
       "major",
-      "minor",
-      "patch"
+      "prerelease"
     ]
   }
 }

packages/react-components/react-trigger/src/index.ts

@@ -1,2 +1,4 @@
-// TODO: replace with real exports
-export {};
+export { applyTriggerPropsToChildren } from './applyTriggerPropsToChildren';
+export { getTriggerChild } from './getTriggerChild';
+export { isFluentTrigger } from './isFluentTrigger';
+export type { FluentTriggerComponent } from './types';

packages/react-components/react-utilities/src/trigger/types.ts → packages/react-components/react-trigger/src/types.ts

@@ -1,5 +1,4 @@
 /**
- * @internal
  * Allows a component to be tagged as a FluentUI trigger component.
  *
  * Triggers are special-case components: they attach event listeners and other props on their child,

packages/react-components/react-utilities/etc/react-utilities.api.md

@@ -7,9 +7,6 @@
 import { DispatchWithoutAction } from 'react';
 import * as React_2 from 'react';
 
-// @internal
-export const applyTriggerPropsToChildren: <TTriggerProps>(children: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | ((props: TTriggerProps) => React_2.ReactElement | null) | null | undefined, triggerProps: TTriggerProps) => React_2.ReactElement | null;
-
 // @public
 export function canUseDOM(): boolean;
 
@@ -31,11 +28,6 @@ export type ComponentState<Slots extends SlotPropsRecord> = {
 // @public
 export type ExtractSlotProps<S> = Exclude<S, SlotShorthandValue | null | undefined>;
 
-// @internal
-export type FluentTriggerComponent = {
-    isFluentTriggerComponent?: boolean;
-};
-
 // @public
 export type ForwardRefComponent<Props> = ObscureEventName extends keyof Props ? Required<Props>[ObscureEventName] extends React_2.PointerEventHandler<infer Element> ? React_2.ForwardRefExoticComponent<Props & React_2.RefAttributes<Element>> : never : never;
 
@@ -64,11 +56,6 @@ export function getSlots<R extends SlotPropsRecord>(state: ComponentState<R>): {
     slotProps: ObjectSlotProps<R>;
 };
 
-// @internal
-export const getTriggerChild: <P = any>(children: React_2.ReactNode) => React_2.ReactElement<P, string | React_2.JSXElementConstructor<any>> & {
-    ref?: React_2.Ref<unknown> | undefined;
-};
-
 // @public
 export function isResolvedShorthand<Shorthand extends Slot<UnknownSlotProps>>(shorthand?: Shorthand): shorthand is ExtractSlotProps<Shorthand>;
 

packages/react-components/react-utilities/src/index.ts

@@ -40,7 +40,3 @@ export {
   mergeCallbacks,
   shouldPreventDefaultOnKeyDown,
 } from './utils/index';
-
-export { applyTriggerPropsToChildren, getTriggerChild } from './trigger/index';
-
-export type { FluentTriggerComponent } from './trigger/index';