@fluentui-copilot/react-reference 0.9.0 → 0.10.0

package/CHANGELOG.json

@@ -2,7 +2,28 @@
   "name": "@fluentui-copilot/react-reference",
   "entries": [
     {
-      "date": "Wed, 13 Mar 2024 18:00:37 GMT",
+      "date": "Wed, 03 Apr 2024 00:23:26 GMT",
+      "tag": "@fluentui-copilot/react-reference_v0.10.0",
+      "version": "0.10.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui-copilot/react-reference",
+            "commit": "f39879814cf5225d9dcbecf32aa2038b9a0a3488",
+            "comment": "chore: Removing deprecated props and hooks that made use of old Popover pattern that was replaced by the use of the Preview component."
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui-copilot/react-reference",
+            "commit": "56cbae9a99e595f4b295ae07c77179d361136b2a",
+            "comment": "chore: Removing deprecated ReferenceGroup component that was replaced by useReferenceGroup utility hook."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 13 Mar 2024 18:01:50 GMT",
       "tag": "@fluentui-copilot/react-reference_v0.9.0",
       "version": "0.9.0",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,22 @@
 # Change Log - @fluentui-copilot/react-reference
 
-This log was last generated on Wed, 13 Mar 2024 18:00:37 GMT and should not be manually modified.
+This log was last generated on Wed, 03 Apr 2024 00:23:26 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.10.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-reference_v0.10.0)
+
+Wed, 03 Apr 2024 00:23:26 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-reference_v0.9.0..@fluentui-copilot/react-reference_v0.10.0)
+
+### Minor changes
+
+- chore: Removing deprecated props and hooks that made use of old Popover pattern that was replaced by the use of the Preview component. ([PR #1487](https://github.com/microsoft/fluentai/pull/1487) by Humberto.Morimoto@microsoft.com)
+- chore: Removing deprecated ReferenceGroup component that was replaced by useReferenceGroup utility hook. ([PR #1489](https://github.com/microsoft/fluentai/pull/1489) by Humberto.Morimoto@microsoft.com)
+
 ## [0.9.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-reference_v0.9.0)
 
-Wed, 13 Mar 2024 18:00:37 GMT 
+Wed, 13 Mar 2024 18:01:50 GMT 
 [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/reference_v0.8.2..@fluentui-copilot/react-reference_v0.9.0)
 
 ### Minor changes

package/dist/index.d.ts

@@ -2,12 +2,10 @@ import type { Button } from '@fluentui/react-components';
 import type { ComponentProps } from '@fluentui/react-components';
 import type { ComponentState } from '@fluentui/react-components';
 import type { ForwardRefComponent } from '@fluentui/react-components';
-import type { OnOpenChangeData } from '@fluentui/react-components';
-import type { OpenPopoverEvents } from '@fluentui/react-components';
 import type { PopoverProps } from '@fluentui/react-components';
-import type { PopoverSurface } from '@fluentui/react-components';
 import type { PopoverSurfaceProps } from '@fluentui/react-components';
 import type { PopoverSurfaceSlots } from '@fluentui/react-components';
+import type { PositioningShorthand } from '@fluentui/react-components';
 import * as React_2 from 'react';
 import type { Slot } from '@fluentui/react-components';
 import type { SlotClassNames } from '@fluentui/react-components';
@@ -29,11 +27,6 @@ export declare type CitationProps = ComponentProps<Partial<CitationSlots>> & {
      * Citations are inline by default with margins to separate them from inline text.
      */
     block?: boolean;
-    /**
-     * Unique ID of the associated `Reference`.
-     * @deprecated No longer used.
-     */
-    referenceId?: string;
 };
 
 export declare type CitationSlots = {
@@ -41,28 +34,13 @@ export declare type CitationSlots = {
      * The root slot.
      */
     root: NonNullable<Slot<'a'>>;
-    /**
-     * Popover slot. This will be displayed on hover/focus.
-     *
-     * @deprecated Use `Preview` component and `useReferenceCitationPreview` hook instead.
-     */
-    popover?: Slot<'div'>;
-    /**
-     * PopoverSurface slot. This exposes the underlying PopoverSurface that is displayed on hover/focus.
-     *
-     * @deprecated Use `Preview` component and `useReferenceCitationPreview` hook instead.
-     */
-    popoverSurface: Slot<typeof PopoverSurface>;
 };
 
 /**
  * State used in rendering Citation
  */
 export declare type CitationState = ComponentState<CitationSlots> & Required<Pick<CitationProps, 'block'>> & {
-    disableAutoFocus: boolean;
-    isPopoverOpen: boolean;
     isPopoverLocked: boolean;
-    onPopoverOpenChange: (e: OpenPopoverEvents, data: OnOpenChangeData) => void;
 };
 
 declare type CopilotMode = {
@@ -72,82 +50,36 @@ declare type CopilotMode = {
 /**
  * A "packaged Citation". A packaged Citation is a `Citation` that is
  * pre-packaged with props set by the `useReferenceCitation` hook.
- *
- * @deprecated Use `useReferenceCitationPreview` hook instead.
  */
 export declare type PackagedCitation = React_2.FC<PackagedCitationProps>;
 
-/**
- * A "packaged Citation". A packaged Citation is a `Citation` that is
- * pre-packaged with props set by the `useReferenceCitation` hook.
- */
-declare type PackagedCitation_2 = React_2.FC<PackagedCitationProps_2>;
-
-/**
- * @deprecated Use `useReferenceCitationPreview` hook instead.
- */
-declare type PackagedCitationPopover = React_2.FC<PackagedCitationPopoverProps>;
-
-/**
- * @deprecated Use `useReferenceCitationPreview` hook instead.
- */
-declare type PackagedCitationPopoverProps = Omit<PackagedReferenceProps, 'layout'>;
-
-/**
- * Props for a "packaged Citation". A packaged Citation is a `Citation` that is
- * pre-packaged with props set by the `useReferenceCitation` hook.
- *
- * @deprecated Use `useReferenceCitationPreview` hook instead.
- */
-export declare type PackagedCitationProps = Omit<CitationProps, PartialCitationProps> & Partial<Pick<CitationProps, PartialCitationProps>>;
-
 /**
  * Props for a "packaged Citation". A packaged Citation is a `Citation` that is
  * pre-packaged with props set by the `useReferenceCitation` hook.
  */
-declare type PackagedCitationProps_2 = Omit<CitationProps, PartialCitationProps_2 | 'popover' | 'popoverSurface'> & Partial<Pick<CitationProps, PartialCitationProps_2>>;
+export declare type PackagedCitationProps = Omit<CitationProps, 'referenceHref'> & Partial<Pick<CitationProps, 'referenceHref'>>;
 
 /**
  * A "packaged Reference". A packaged Reference is a `Reference` that is
  * pre-packaged with props set by the `useReferenceCitation` hook.
- *
- * @deprecated Use `useReferenceCitationPreview` hook instead.
  */
 export declare type PackagedReference = React_2.FC<PackagedReferenceProps>;
 
-/**
- * A "packaged Reference". A packaged Reference is a `Reference` that is
- * pre-packaged with props set by the `useReferenceCitation` hook.
- */
-declare type PackagedReference_2 = React_2.FC<PackagedReferenceProps_2>;
-
 /**
  * Props for a "packaged Reference". A packaged Reference is a `Reference` that is
  * pre-packaged with props set by the `useReferenceCitation` hook.
- *
- * @deprecated Use `useReferenceCitationPreview` hook instead.
  */
 export declare type PackagedReferenceProps = Omit<ReferenceProps, PartialReferenceProps> & Partial<Pick<ReferenceProps, PartialReferenceProps>>;
 
-/**
- * Props for a "packaged Reference". A packaged Reference is a `Reference` that is
- * pre-packaged with props set by the `useReferenceCitation` hook.
- */
-declare type PackagedReferenceProps_2 = Omit<ReferenceProps, PartialReferenceProps_2> & Partial<Pick<ReferenceProps, PartialReferenceProps_2>>;
-
-declare type PartialCitationProps = 'referenceHref' | 'referenceId';
-
-declare type PartialCitationProps_2 = 'referenceHref' | 'referenceId';
-
 declare type PartialReferenceProps = 'citationHref' | 'index' | 'referenceId';
 
-declare type PartialReferenceProps_2 = 'citationHref' | 'index' | 'referenceId';
-
 /**
  * Preview Props
  */
 declare type PreviewProps = PopoverProps;
 
+declare const PreviewSurface: ForwardRefComponent<PreviewSurfaceProps>;
+
 /**
  * PreviewSurface Props
  */
@@ -160,8 +92,6 @@ export declare const Reference: ForwardRefComponent<ReferenceProps>;
 /**
  * Data used to package a `Citation` and `Reference` together with
  * the `useReferenceCitation` hook.
- *
- * @deprecated Use `useReferenceCitationPreview` hook instead.
  */
 export declare type ReferenceCitationData = {
     index: number;
@@ -169,81 +99,13 @@ export declare type ReferenceCitationData = {
     citationId?: string;
     citationProps?: PackagedCitationProps;
     referenceProps?: PackagedReferenceProps;
-    popoverProps?: PackagedCitationPopoverProps;
-};
-
-/**
- * Data used to package a `Citation` and `Reference` together with
- * the `useReferenceCitation` hook.
- */
-declare type ReferenceCitationData_2 = {
-    index: number;
-    referenceId?: string;
-    citationId?: string;
-    citationProps?: PackagedCitationProps_2;
-    referenceProps?: PackagedReferenceProps_2;
     previewProps?: PreviewProps;
     previewSurfaceProps?: PreviewSurfaceProps;
+    sensitivityLabelProps?: SensitivityLabelProps;
 };
 
 export declare const referenceClassNames: SlotClassNames<ReferenceSlots>;
 
-/**
- * ReferenceGroup component
- * @deprecated use `useReferenceGroup` instead.
- */
-export declare const ReferenceGroup: ForwardRefComponent<ReferenceGroupProps>;
-
-export declare const referenceGroupClassNames: SlotClassNames<ReferenceGroupSlots>;
-
-declare type ReferenceGroupContext = {
-    open?: boolean;
-    setOpen: () => void;
-};
-
-/**
- * ReferenceGroup Props
- */
-export declare type ReferenceGroupProps = ComponentProps<Partial<ReferenceGroupSlots>, 'content'> & CopilotMode;
-
-export declare type ReferenceGroupSlots = {
-    /**
-     * The root slot.
-     */
-    root: NonNullable<Slot<'div'>>;
-    /**
-     * Label slot. Primary description of the group.
-     */
-    label: NonNullable<Slot<'span'>>;
-    /**
-     * Icon slot.
-     */
-    icon: Slot<'span'>;
-    /**
-     * Details button slot. Used to expand/collapse the group.
-     */
-    detailsButton: NonNullable<Slot<'button'>>;
-    /**
-     * Content slot. Used to display the group's references. Visibility should be controlled by `detailsButton`.
-     */
-    content: NonNullable<Slot<'div'>>;
-};
-
-/**
- * State used in rendering ReferenceGroup
- */
-export declare type ReferenceGroupState = ComponentState<ReferenceGroupSlots> & Required<Pick<ReferenceGroupProps, 'mode'>> & {
-    /**
-     * State to track if the group is open or not.
-     */
-    isOpen: boolean;
-    /**
-     * Callback used to open the group from a child.
-     * @returns void
-     */
-    setOpen: () => void;
-};
-
 export declare const ReferenceGroupToggle: ForwardRefComponent<ReferenceGroupToggleProps>;
 
 export declare const referenceGroupToggleClassNames: SlotClassNames<ReferenceGroupToggleSlots>;
@@ -306,6 +168,9 @@ export declare type ReferenceProps = ComponentProps<Partial<ReferenceSlots>> & C
      * Text snippet from the reference source.
      */
     excerpt?: string;
+    /**
+     * @deprecated Inline layout is the only one that is available, use `Preview` component instead for an equivalent to a `Reference` with a popover layout inside of a `Popover`.
+     */
     layout?: 'inline' | 'popover';
 };
 
@@ -334,11 +199,6 @@ export declare type ReferenceSlots = {
      * Sensitivity slot. Used to display a `SensitivityLabel`.
      */
     sensitivity: Slot<'span'>;
-    /**
-     * @deprecated Use `sensitivity` instead.
-     * Sensitivity label slot. Displays a label indicating how sensitive the information displayed in the reference is.
-     */
-    sensitivityLabel: Slot<'span'>;
     /**
      * Metadata slot. Container for `primaryText`, `secondaryText`, `tertiaryText` and `icon`.
      */
@@ -389,11 +249,6 @@ export declare const renderCitation_unstable: (state: CitationState) => JSX.Elem
  */
 export declare const renderReference_unstable: (state: ReferenceState) => JSX.Element;
 
-/**
- * Render the final JSX of ReferenceGroup
- */
-export declare const renderReferenceGroup_unstable: (state: ReferenceGroupState, contextValues: ReferenceGroupContext) => JSX.Element;
-
 /**
  * Render the final JSX of ReferenceGroupToggle
  */
@@ -404,6 +259,36 @@ export declare const renderReferenceGroupToggle_unstable: (state: ReferenceGroup
  */
 export declare const renderReferenceList_unstable: (state: ReferenceListState) => JSX.Element;
 
+/**
+ * SensitivityLabel Props
+ */
+declare type SensitivityLabelProps = ComponentProps<SensitivityLabelSlots> & {
+    description: string;
+};
+
+declare type SensitivityLabelSlots = {
+    root: Slot<'span'>;
+    label?: Slot<'span'>;
+    tooltip?: Slot<typeof SensitivityTooltip>;
+};
+
+declare const SensitivityTooltip: ForwardRefComponent<SensitivityTooltipProps>;
+
+/**
+ * SensitivityTooltip Props
+ */
+declare type SensitivityTooltipProps = ComponentProps<SensitivityTooltipSlots> & {
+    positioning?: PositioningShorthand;
+};
+
+declare type SensitivityTooltipSlots = {
+    root: Slot<'span'>;
+    heading?: Slot<'span'>;
+    message?: Slot<'span'>;
+    previewSurface?: Slot<typeof PreviewSurface>;
+    trigger?: Slot<'span'>;
+};
+
 /**
  * Create the state required to render Citation.
  *
@@ -413,7 +298,7 @@ export declare const renderReferenceList_unstable: (state: ReferenceListState) =
  * @param props - props from this instance of Citation
  * @param ref - reference to root HTMLElement of Citation
  */
-export declare const useCitation_unstable: (props: CitationProps, ref: React_2.Ref<HTMLElement>) => CitationState;
+export declare const useCitation_unstable: (props: CitationProps, ref: React.Ref<HTMLElement>) => CitationState;
 
 /**
  * Apply styling to the Citation slots based on the state
@@ -431,29 +316,9 @@ export declare const useCitationStyles_unstable: (state: CitationState) => Citat
  */
 export declare const useReference_unstable: (props: ReferenceProps, ref: React_2.Ref<HTMLElement>) => ReferenceState;
 
-/**
- * @deprecated Use `useReferenceCitationPreview` hook instead.
- */
-export declare type UseReferenceCitation = (data: ReferenceCitationData) => {
+export declare type UseReferenceCitationPreview = (data: ReferenceCitationData) => {
     Citation: PackagedCitation;
     Reference: PackagedReference;
-    Popover: PackagedCitationPopover;
-};
-
-/**
- * Hook to package a `Citation` and `Reference` together in an
- * accessibly by default manner.
- *
- * When using citations and references, prefer using them via this
- * hook to ensure props are wired up correctly.
- *
- * @deprecated Use `useReferenceCitationPreview` hook instead.
- */
-export declare const useReferenceCitation: UseReferenceCitation;
-
-export declare type UseReferenceCitationPreview = (data: ReferenceCitationData_2) => {
-    Citation: PackagedCitation_2;
-    Reference: PackagedReference_2;
 };
 
 /**
@@ -479,26 +344,10 @@ export declare type UseReferenceGroup = (props: UseReferenceGroupProps) => {
  */
 export declare const useReferenceGroup: UseReferenceGroup;
 
-/**
- * Create the state required to render ReferenceGroup.
- *
- * The returned state can be modified with hooks such as useReferenceGroupStyles_unstable,
- * before being passed to renderReferenceGroup_unstable.
- *
- * @param props - props from this instance of ReferenceGroup
- * @param ref - reference to root HTMLElement of ReferenceGroup
- */
-export declare const useReferenceGroup_unstable: (props: ReferenceGroupProps, ref: React_2.Ref<HTMLElement>) => ReferenceGroupState;
-
 export declare type UseReferenceGroupProps = {
     referenceListId?: string;
 };
 
-/**
- * Apply styling to the ReferenceGroup slots based on the state
- */
-export declare const useReferenceGroupStyles_unstable: (state: ReferenceGroupState) => ReferenceGroupState;
-
 /**
  * Create the state required to render ReferenceGroupToggle.
  *

package/lib/components/Citation/Citation.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Citation.types.ts"],"sourcesContent":["import type {\n  ComponentProps,\n  ComponentState,\n  OnOpenChangeData,\n  OpenPopoverEvents,\n  PopoverSurface,\n  Slot,\n} from '@fluentui/react-components';\n\nexport type CitationSlots = {\n  /**\n   * The root slot.\n   */\n  root: NonNullable<Slot<'a'>>;\n\n  /**\n   * Popover slot. This will be displayed on hover/focus.\n   *\n   * @deprecated Use `Preview` component and `useReferenceCitationPreview` hook instead.\n   */\n  popover?: Slot<'div'>;\n\n  /**\n   * PopoverSurface slot. This exposes the underlying PopoverSurface that is displayed on hover/focus.\n   *\n   * @deprecated Use `Preview` component and `useReferenceCitationPreview` hook instead.\n   */\n  popoverSurface: Slot<typeof PopoverSurface>;\n};\n\n/**\n * Citation Props\n */\nexport type CitationProps = ComponentProps<Partial<CitationSlots>> & {\n  /**\n   * HREF to the associated `Reference`.\n   */\n  referenceHref?: string;\n\n  /**\n   * Whether the citation is a block citation and has no built in margins.\n   * Citations are inline by default with margins to separate them from inline text.\n   */\n  block?: boolean;\n\n  /**\n   * Unique ID of the associated `Reference`.\n   * @deprecated No longer used.\n   */\n  referenceId?: string;\n};\n\n/**\n * State used in rendering Citation\n */\nexport type CitationState = ComponentState<CitationSlots> &\n  Required<Pick<CitationProps, 'block'>> & {\n    disableAutoFocus: boolean;\n    isPopoverOpen: boolean;\n    isPopoverLocked: boolean;\n    onPopoverOpenChange: (e: OpenPopoverEvents, data: OnOpenChangeData) => void;\n  };\n"],"names":[],"mappings":"AAAA,WA6DI"}
+{"version":3,"sources":["Citation.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type CitationSlots = {\n  /**\n   * The root slot.\n   */\n  root: NonNullable<Slot<'a'>>;\n};\n\n/**\n * Citation Props\n */\nexport type CitationProps = ComponentProps<Partial<CitationSlots>> & {\n  /**\n   * HREF to the associated `Reference`.\n   */\n  referenceHref?: string;\n\n  /**\n   * Whether the citation is a block citation and has no built in margins.\n   * Citations are inline by default with margins to separate them from inline text.\n   */\n  block?: boolean;\n};\n\n/**\n * State used in rendering Citation\n */\nexport type CitationState = ComponentState<CitationSlots> &\n  Required<Pick<CitationProps, 'block'>> & {\n    isPopoverLocked: boolean;\n  };\n"],"names":[],"mappings":"AAAA,WA+BI"}

package/lib/components/Citation/renderCitation.js

@@ -1,29 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
-import { Popover, PopoverTrigger, assertSlots } from '@fluentui/react-components';
-const popoverPositioning = {
-  overflowBoundaryPadding: 4,
-  position: 'below'
-};
+import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-components';
 /**
  * Render the final JSX of Citation
  */
 export const renderCitation_unstable = state => {
   assertSlots(state);
-  return state.popover && state.popoverSurface ? /*#__PURE__*/_jsxs(Popover, {
-    closeOnScroll: true,
-    onOpenChange: state.onPopoverOpenChange,
-    open: state.isPopoverOpen,
-    positioning: popoverPositioning,
-    size: "small",
-    trapFocus: true,
-    unstable_disableAutoFocus: state.disableAutoFocus,
-    withArrow: true,
-    children: [/*#__PURE__*/_jsx(PopoverTrigger, {
-      disableButtonEnhancement: true,
-      children: /*#__PURE__*/_jsx(state.root, {})
-    }), /*#__PURE__*/_jsx(state.popoverSurface, {
-      children: /*#__PURE__*/_jsx(state.popover, {})
-    })]
-  }) : /*#__PURE__*/_jsx(state.root, {});
+  return /*#__PURE__*/_jsx(state.root, {});
 };
 //# sourceMappingURL=renderCitation.js.map

package/lib/components/Citation/renderCitation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderCitation.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { Popover, PopoverTrigger, assertSlots } from '@fluentui/react-components';\nimport type { PositioningProps } from '@fluentui/react-components';\nimport type { CitationState, CitationSlots } from './Citation.types';\n\nconst popoverPositioning: PositioningProps = {\n  overflowBoundaryPadding: 4,\n  position: 'below',\n};\n\n/**\n * Render the final JSX of Citation\n */\nexport const renderCitation_unstable = (state: CitationState) => {\n  assertSlots<CitationSlots>(state);\n\n  return state.popover && state.popoverSurface ? (\n    <Popover\n      closeOnScroll\n      onOpenChange={state.onPopoverOpenChange}\n      open={state.isPopoverOpen}\n      positioning={popoverPositioning}\n      size=\"small\"\n      trapFocus\n      unstable_disableAutoFocus={state.disableAutoFocus}\n      withArrow\n    >\n      <PopoverTrigger disableButtonEnhancement>\n        <state.root />\n      </PopoverTrigger>\n      <state.popoverSurface>\n        <state.popover />\n      </state.popoverSurface>\n    </Popover>\n  ) : (\n    <state.root />\n  );\n};\n"],"names":["Popover","PopoverTrigger","assertSlots","popoverPositioning","overflowBoundaryPadding","position","renderCitation_unstable","state","popover","popoverSurface","closeOnScroll","onOpenChange","onPopoverOpenChange","open","isPopoverOpen","positioning","size","trapFocus","unstable_disableAutoFocus","disableAutoFocus","withArrow","disableButtonEnhancement","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,OAAO,EAAEC,cAAc,EAAEC,WAAW,QAAQ,6BAA6B;AAIlF,MAAMC,qBAAuC;IAC3CC,yBAAyB;IACzBC,UAAU;AACZ;AAEA;;CAEC,GACD,OAAO,MAAMC,0BAA0B,CAACC;IACtCL,YAA2BK;IAE3B,OAAOA,MAAMC,OAAO,IAAID,MAAME,cAAc,iBAC1C,MAACT;QACCU,aAAa;QACbC,cAAcJ,MAAMK,mBAAmB;QACvCC,MAAMN,MAAMO,aAAa;QACzBC,aAAaZ;QACba,MAAK;QACLC,SAAS;QACTC,2BAA2BX,MAAMY,gBAAgB;QACjDC,SAAS;;0BAET,KAACnB;gBAAeoB,wBAAwB;0BACtC,cAAA,KAACd,MAAMe,IAAI;;0BAEb,KAACf,MAAME,cAAc;0BACnB,cAAA,KAACF,MAAMC,OAAO;;;uBAIlB,KAACD,MAAMe,IAAI;AAEf,EAAE"}
+{"version":3,"sources":["renderCitation.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { CitationState, CitationSlots } from './Citation.types';\n/**\n * Render the final JSX of Citation\n */\nexport const renderCitation_unstable = (state: CitationState) => {\n  assertSlots<CitationSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderCitation_unstable","state","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAEzD;;CAEC,GACD,OAAO,MAAMC,0BAA0B,CAACC;IACtCF,YAA2BE;IAE3B,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

package/lib/components/Citation/useCitation.js

@@ -1,16 +1,5 @@
-import * as React from 'react';
-import { getNativeElementProps, PopoverSurface, mergeCallbacks, slot, useFluent, useId, useIsomorphicLayoutEffect } from '@fluentui/react-components';
-import { Enter, Escape } from '@fluentui/keyboard-keys';
-import { useTimeout } from '@fluentui/react-utilities';
+import { getNativeElementProps, slot } from '@fluentui/react-components';
 import { usePreviewContext_unstable } from '@fluentui-copilot/react-preview';
-const POPOVER_MOUSE_HIDE_DELAY = 500;
-const POPOVER_KEYBOARD_HIDE_DELAY = 0;
-const getDelay = type => {
-  if (type === 'focus' || type === 'blur') {
-    return POPOVER_KEYBOARD_HIDE_DELAY;
-  }
-  return POPOVER_MOUSE_HIDE_DELAY;
-};
 /**
  * Create the state required to render Citation.
  *
@@ -22,137 +11,16 @@ const getDelay = type => {
  */
 export const useCitation_unstable = (props, ref) => {
   const {
-    popover,
-    popoverSurface,
     referenceHref,
     block = false,
     ...otherProps
   } = props;
-  const {
-    targetDocument
-  } = useFluent();
-  const [setTimeout, clearTimeout] = useTimeout();
-  const popoverId = useId('citation-popover-');
-  const [disableAutoFocus, setDisableAutoFocus] = React.useState(true);
-  const {
-    current: citationInternalState
-  } = React.useRef({
-    openByClick: false,
-    openByHoverOverCitation: false,
-    openByHoverOverPopover: false,
-    openByKeyboard: false
-  });
-  const isOpen = () => {
-    return citationInternalState.openByClick || citationInternalState.openByHoverOverCitation || citationInternalState.openByHoverOverPopover || citationInternalState.openByKeyboard;
-  };
-  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);
-  const preventDefaultClose = React.useRef(false);
-  const handleCitationTargetEnter = e => {
-    citationInternalState.openByHoverOverCitation = true;
-    // We want to disable auto focus only if the popover is being opened by hovering over the citation
-    if (!citationInternalState.openByClick && !citationInternalState.openByKeyboard) {
-      setDisableAutoFocus(true);
-    }
-    setIsPopoverOpen(isOpen());
-  };
-  const handleCitationTargetLeave = e => {
-    citationInternalState.openByHoverOverCitation = false;
-    setTimeout(() => {
-      setIsPopoverOpen(isOpen());
-    }, getDelay(e.type));
-  };
-  const handleCitationClick = e => {
-    // Setting preventDefaultClose so that onPopoverOpenChange does not apply its logic when click is on the citation as we want to control that behavior.
-    preventDefaultClose.current = true;
-    // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via click.
-    setDisableAutoFocus(false);
-    // If openByKeyboard is true, then the popover was already opened via keyboard and we always want to close it.
-    citationInternalState.openByClick = citationInternalState.openByKeyboard ? false : !citationInternalState.openByClick;
-    citationInternalState.openByHoverOverCitation = false;
-    citationInternalState.openByHoverOverPopover = false;
-    citationInternalState.openByKeyboard = false;
-    setIsPopoverOpen(isOpen());
-  };
-  const handleCitationKeyDown = e => {
-    if (e.key === Enter) {
-      clearTimeout();
-      // Setting default prevented so the enter key does not trigger a click event or onPopoverOpenChange.
-      e.preventDefault();
-      // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via keyboard.
-      setDisableAutoFocus(false);
-      // If openByClick is true, then the popover was already opened via click and we always want to close it.
-      citationInternalState.openByKeyboard = citationInternalState.openByClick ? false : !citationInternalState.openByKeyboard;
-      citationInternalState.openByClick = false;
-      citationInternalState.openByHoverOverCitation = false;
-      citationInternalState.openByHoverOverPopover = false;
-      setIsPopoverOpen(isOpen());
-    }
-  };
-  const handlePopoverTargetEnter = e => {
-    citationInternalState.openByHoverOverPopover = true;
-    setIsPopoverOpen(isOpen());
-  };
-  const handlePopoverTargetLeave = e => {
-    citationInternalState.openByHoverOverPopover = false;
-    setTimeout(() => {
-      setIsPopoverOpen(isOpen());
-    }, getDelay(e.type));
-  };
-  const onPopoverOpenChange = (e, data) => {
-    if (!data.open) {
-      // We set all open state to false if preventDefaultClose was not set to true
-      if (!preventDefaultClose.current) {
-        clearTimeout();
-        citationInternalState.openByClick = false;
-        citationInternalState.openByHoverOverCitation = false;
-        citationInternalState.openByHoverOverPopover = false;
-        citationInternalState.openByKeyboard = false;
-        // use isOpen if managing owned popover, otherwise use data.open
-        const open = popover ? isOpen() : data.open;
-        setIsPopoverOpen(open);
-      }
-    }
-    preventDefaultClose.current = false;
-  };
-  // hitting escape should close the popover if it was opened by hover
-  // this is necessary to attach to the document because focus is likely not within the citation or popover
-  useIsomorphicLayoutEffect(() => {
-    if (isPopoverOpen) {
-      const onDocumentKeyDown = e => {
-        const openedByHover = !citationInternalState.openByClick && !citationInternalState.openByKeyboard;
-        if (openedByHover && e.key === Escape) {
-          clearTimeout();
-          // We set state back to its default if the Escape key has been pressed
-          setDisableAutoFocus(true);
-          citationInternalState.openByClick = false;
-          citationInternalState.openByHoverOverCitation = false;
-          citationInternalState.openByHoverOverPopover = false;
-          citationInternalState.openByKeyboard = false;
-          setIsPopoverOpen(isOpen());
-          e.stopPropagation();
-        }
-      };
-      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('keydown', onDocumentKeyDown, {
-        capture: true
-      });
-      return () => {
-        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('keydown', onDocumentKeyDown, {
-          capture: true
-        });
-      };
-    }
-  }, [targetDocument, isPopoverOpen]);
-  const isPopoverLocked = usePreviewContext_unstable(ctx => ctx.isPreviewLocked) && props['aria-expanded'] || citationInternalState.openByClick || citationInternalState.openByKeyboard;
+  const isPopoverLocked = usePreviewContext_unstable(ctx => ctx.isPreviewLocked) && props['aria-expanded'];
   const state = {
     block,
-    disableAutoFocus,
-    isPopoverOpen,
     isPopoverLocked,
-    onPopoverOpenChange,
     components: {
-      root: 'a',
-      popover: 'div',
-      popoverSurface: PopoverSurface
+      root: 'a'
     },
     root: slot.always(getNativeElementProps('a', {
       ref,
@@ -162,30 +30,8 @@ export const useCitation_unstable = (props, ref) => {
       ...otherProps
     }), {
       elementType: 'a'
-    }),
-    popover: slot.optional(popover, {
-      elementType: 'div'
-    }),
-    popoverSurface: slot.optional(popoverSurface, {
-      defaultProps: {
-        id: popoverId,
-        'aria-labelledby': popoverId
-      },
-      elementType: PopoverSurface,
-      renderByDefault: true
     })
   };
-  // attach popover handling events only if a popover is present
-  if (state.popover) {
-    state.root.onMouseEnter = mergeCallbacks(state.root.onMouseEnter, handleCitationTargetEnter);
-    state.root.onMouseLeave = mergeCallbacks(state.root.onMouseLeave, handleCitationTargetLeave);
-    state.root.onBlur = mergeCallbacks(state.root.onBlur, handleCitationTargetLeave);
-    state.root.onClick = mergeCallbacks(state.root.onClick, handleCitationClick);
-    state.root.onKeyDown = mergeCallbacks(state.root.onKeyDown, handleCitationKeyDown);
-    state.popover.onMouseEnter = mergeCallbacks(state.popover.onMouseEnter, handlePopoverTargetEnter);
-    state.popover.onMouseLeave = mergeCallbacks(state.popover.onMouseLeave, handlePopoverTargetLeave);
-    state.popover.onFocus = mergeCallbacks(state.popover.onFocus, handlePopoverTargetEnter);
-  }
   return state;
 };
 //# sourceMappingURL=useCitation.js.map