@fluentui-copilot/react-preview 0.0.0-nightly-20251010-0406-7df7c6d1.1 → 0.0.0-nightly-20251013-0406-7c7739c8.1

package/lib/components/Preview/usePreview.js

@@ -0,0 +1,261 @@
+import * as React from 'react';
+import { Enter, Escape } from '@fluentui/keyboard-keys';
+import { mergeCallbacks, resolvePositioningShorthand, useFluent, useId, useIsomorphicLayoutEffect, usePopover_unstable } from '@fluentui/react-components';
+import { useTimeout } from '@fluentui/react-utilities';
+import { addOpenedByHoverPreview, closeAllOpenedByHoverPreviews, removeOpenedByHoverPreview } from '../../utils';
+const POPOVER_MOUSE_DELAY = 250;
+const POPOVER_KEYBOARD_HIDE_DELAY = 0;
+const getDelay = (type, popoverMouseHideDelay)=>{
+    if (type === 'focus' || type === 'blur') {
+        return POPOVER_KEYBOARD_HIDE_DELAY;
+    }
+    return popoverMouseHideDelay;
+};
+/**
+ * Create the state required to render Preview.
+ *
+ * The returned state can be modified with hooks such as usePreviewStyles_unstable,
+ * before being passed to renderPreview_unstable.
+ *
+ * @param props - props from this instance of Preview
+ * @param ref - reference to root HTMLElement of Preview
+ */ export const usePreview_unstable = (props)=>{
+    const { hideDelay = POPOVER_MOUSE_DELAY, onOpenChange, open, positioning, showDelay = POPOVER_MOUSE_DELAY, unstable_disableAutoFocus } = props;
+    const children = React.Children.toArray(props.children);
+    const { targetDocument } = useFluent();
+    const [setEnterTimeout, clearEnterTimeout] = useTimeout();
+    const [setLeaveTimeout, clearLeaveTimeout] = useTimeout();
+    const [disableAutoFocus, setDisableAutoFocus] = React.useState(true);
+    const { current: previewInternalState } = React.useRef({
+        openByClick: false,
+        openByHoverOverTrigger: false,
+        openByHoverOverPopover: false,
+        openByKeyboard: false
+    });
+    const triggerMousedOver = React.useRef(false);
+    const isOpen = ()=>{
+        return previewInternalState.openByClick || previewInternalState.openByHoverOverTrigger || previewInternalState.openByHoverOverPopover || previewInternalState.openByKeyboard;
+    };
+    const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);
+    const preventDefaultClose = React.useRef(false);
+    let popoverTrigger = undefined;
+    let popoverSurface = undefined;
+    if (children.length === 2) {
+        popoverTrigger = children[0];
+        popoverSurface = children[1];
+    } else if (children.length === 1) {
+        popoverSurface = children[0];
+    }
+    const popoverSurfaceId = useId('preview-surface', popoverSurface === null || popoverSurface === void 0 ? void 0 : popoverSurface.props.id);
+    const closeCallback = ()=>{
+        previewInternalState.openByClick = false;
+        previewInternalState.openByHoverOverTrigger = false;
+        previewInternalState.openByHoverOverPopover = false;
+        previewInternalState.openByKeyboard = false;
+        setIsPopoverOpen(isOpen());
+        clearEnterTimeout();
+    };
+    React.useEffect(()=>{
+        return ()=>{
+            // Remove all instances of the current popover from the openedByHoverPreviewManager when the component is unmounted.
+            removeOpenedByHoverPreview(popoverSurfaceId);
+        };
+    }, [
+        popoverSurfaceId
+    ]);
+    if (popoverSurface && popoverTrigger) {
+        const handleTriggerTargetEnter = (e)=>{
+            previewInternalState.openByHoverOverTrigger = true;
+            triggerMousedOver.current = true;
+            // We want to disable auto focus only if the popover is being opened by hovering over the trigger
+            if (!previewInternalState.openByClick && !previewInternalState.openByKeyboard && !isPopoverOpen) {
+                setDisableAutoFocus(true);
+                closeAllOpenedByHoverPreviews(popoverSurfaceId);
+            }
+            setEnterTimeout(()=>{
+                if (!previewInternalState.openByClick && !previewInternalState.openByKeyboard && !isPopoverOpen && isOpen()) {
+                    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {
+                        open: true
+                    });
+                    addOpenedByHoverPreview(popoverSurfaceId, closeCallback);
+                }
+                setIsPopoverOpen(isOpen());
+            }, showDelay);
+        };
+        const handleTriggerTargetLeave = (e)=>{
+            previewInternalState.openByHoverOverTrigger = false;
+            triggerMousedOver.current = false;
+            setLeaveTimeout(()=>{
+                setIsPopoverOpen(isOpen());
+                // We want to call onOpenChange only if the popover is actually closing when leaving the trigger
+                if (!previewInternalState.openByClick && !previewInternalState.openByKeyboard && !previewInternalState.openByHoverOverPopover && isPopoverOpen) {
+                    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {
+                        open: false
+                    });
+                    removeOpenedByHoverPreview(popoverSurfaceId);
+                }
+            }, getDelay(e.type, hideDelay));
+        };
+        const handleTriggerClick = (e)=>{
+            // Setting preventDefaultClose so that onPopoverOpenChange does not apply its logic when click is on the trigger 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);
+            const tmpOpenByHoverOverTrigger = previewInternalState.openByHoverOverTrigger;
+            // If openByKeyboard is true, then the popover was already opened via keyboard and we always want to close it.
+            previewInternalState.openByClick = previewInternalState.openByKeyboard ? false : !previewInternalState.openByClick;
+            previewInternalState.openByHoverOverTrigger = false;
+            previewInternalState.openByHoverOverPopover = false;
+            previewInternalState.openByKeyboard = false;
+            // We set triggerMousedOver to false when clicking, since we just interacted with the trigger via click, and not hover.
+            if (triggerMousedOver.current) {
+                previewInternalState.openByClick = false;
+                triggerMousedOver.current = false;
+            } else {
+                e.preventDefault();
+            }
+            if (!tmpOpenByHoverOverTrigger) {
+                onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {
+                    open: previewInternalState.openByClick
+                });
+            }
+            if (!isOpen()) {
+                removeOpenedByHoverPreview(popoverSurfaceId);
+            }
+            setIsPopoverOpen(isOpen());
+        };
+        const handleTriggerKeyDown = (e)=>{
+            if (e.key === Enter) {
+                clearLeaveTimeout();
+                // Setting default prevented so that 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);
+                const tmpOpenByHoverOverTrigger = previewInternalState.openByHoverOverTrigger;
+                // If openByClick is true, then the popover was already opened via click and we always want to close it.
+                previewInternalState.openByKeyboard = previewInternalState.openByClick ? false : !previewInternalState.openByKeyboard;
+                previewInternalState.openByClick = false;
+                previewInternalState.openByHoverOverTrigger = false;
+                previewInternalState.openByHoverOverPopover = false;
+                if (!tmpOpenByHoverOverTrigger) {
+                    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {
+                        open: previewInternalState.openByKeyboard
+                    });
+                }
+                if (!isOpen()) {
+                    removeOpenedByHoverPreview(popoverSurfaceId);
+                }
+                setIsPopoverOpen(isOpen());
+            }
+        };
+        const handlePopoverTargetEnter = (e)=>{
+            previewInternalState.openByHoverOverPopover = true;
+            setIsPopoverOpen(isOpen());
+        };
+        const handlePopoverTargetLeave = (e)=>{
+            previewInternalState.openByHoverOverPopover = false;
+            setLeaveTimeout(()=>{
+                setIsPopoverOpen(isOpen());
+                // We want to call onOpenChange only if the popover is actually closing when leaving the popover
+                if (!previewInternalState.openByClick && !previewInternalState.openByKeyboard && !previewInternalState.openByHoverOverTrigger) {
+                    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {
+                        open: false
+                    });
+                    removeOpenedByHoverPreview(popoverSurfaceId);
+                }
+            }, getDelay(e.type, hideDelay));
+        };
+        popoverTrigger = React.cloneElement(popoverTrigger, {
+            ...popoverTrigger.props,
+            children: React.cloneElement(popoverTrigger.props.children, {
+                ...popoverTrigger.props.children.props,
+                onBlur: mergeCallbacks(popoverTrigger.props.children.props.onBlur, handleTriggerTargetLeave),
+                onClick: mergeCallbacks(popoverTrigger.props.children.props.onClick, handleTriggerClick),
+                onKeyDown: mergeCallbacks(popoverTrigger.props.children.props.onKeyDown, handleTriggerKeyDown),
+                onMouseEnter: mergeCallbacks(popoverTrigger.props.children.props.onMouseEnter, handleTriggerTargetEnter),
+                onMouseLeave: mergeCallbacks(popoverTrigger.props.children.props.onMouseLeave, handleTriggerTargetLeave)
+            })
+        });
+        var _popoverSurface_props_arialabelledby;
+        popoverSurface = React.cloneElement(popoverSurface, {
+            ...popoverSurface.props,
+            'aria-labelledby': (_popoverSurface_props_arialabelledby = popoverSurface.props['aria-labelledby']) !== null && _popoverSurface_props_arialabelledby !== void 0 ? _popoverSurface_props_arialabelledby : popoverSurface.props['aria-label'] ? undefined : popoverSurfaceId,
+            id: popoverSurfaceId,
+            onMouseEnter: mergeCallbacks(popoverSurface.props.onMouseEnter, handlePopoverTargetEnter),
+            onMouseLeave: mergeCallbacks(popoverSurface.props.onMouseLeave, handlePopoverTargetLeave),
+            onFocus: mergeCallbacks(popoverSurface.props.onFocus, handlePopoverTargetEnter)
+        });
+    }
+    // Hitting Escape key 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 trigger or popover.
+    useIsomorphicLayoutEffect(()=>{
+        if (isPopoverOpen) {
+            const onDocumentKeyDown = (e)=>{
+                const openedByHover = !previewInternalState.openByClick && !previewInternalState.openByKeyboard;
+                if (openedByHover && e.key === Escape) {
+                    clearLeaveTimeout();
+                    // We set state back to its default if the Escape key has been pressed
+                    setDisableAutoFocus(true);
+                    closeCallback();
+                    removeOpenedByHoverPreview(popoverSurfaceId);
+                    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {
+                        open: false
+                    });
+                    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 onPopoverOpenChange = (e, data)=>{
+        if (!preventDefaultClose.current) {
+            // We set all open state to false if preventDefaultClose was not set to true and the popover is closing.
+            if (!data.open) {
+                clearLeaveTimeout();
+                closeCallback();
+                removeOpenedByHoverPreview(popoverSurfaceId);
+            }
+            onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, data);
+        }
+        preventDefaultClose.current = false;
+    };
+    let resolvedChildren = children;
+    if (popoverSurface) {
+        if (popoverTrigger) {
+            resolvedChildren = [
+                popoverTrigger,
+                popoverSurface
+            ];
+        } else {
+            resolvedChildren = popoverSurface;
+        }
+    }
+    const popoverState = usePopover_unstable({
+        ...props,
+        children: resolvedChildren,
+        onOpenChange: onPopoverOpenChange,
+        open: open !== null && open !== void 0 ? open : isPopoverOpen,
+        positioning: typeof positioning === 'string' ? {
+            autoSize: true,
+            ...resolvePositioningShorthand(positioning)
+        } : {
+            autoSize: true,
+            ...positioning
+        },
+        unstable_disableAutoFocus: unstable_disableAutoFocus !== null && unstable_disableAutoFocus !== void 0 ? unstable_disableAutoFocus : disableAutoFocus
+    });
+    return {
+        ...popoverState,
+        isPreviewLocked: previewInternalState.openByClick || previewInternalState.openByKeyboard
+    };
+};

package/lib/components/Preview/usePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreview.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Enter, Escape } from '@fluentui/keyboard-keys';\nimport {\n  mergeCallbacks,\n  resolvePositioningShorthand,\n  useFluent,\n  useId,\n  useIsomorphicLayoutEffect,\n  usePopover_unstable,\n} from '@fluentui/react-components';\nimport { useTimeout } from '@fluentui/react-utilities';\nimport type { OnOpenChangeData, OpenPopoverEvents, JSXElement } from '@fluentui/react-components';\n\nimport { addOpenedByHoverPreview, closeAllOpenedByHoverPreviews, removeOpenedByHoverPreview } from '../../utils';\nimport type { PreviewProps, PreviewState } from './Preview.types';\n\ntype PreviewInternalState = {\n  openByClick: boolean;\n  openByHoverOverTrigger: boolean;\n  openByHoverOverPopover: boolean;\n  openByKeyboard: boolean;\n};\n\nconst POPOVER_MOUSE_DELAY = 250;\nconst POPOVER_KEYBOARD_HIDE_DELAY = 0;\n\nconst getDelay = (type: string, popoverMouseHideDelay: number): number => {\n  if (type === 'focus' || type === 'blur') {\n    return POPOVER_KEYBOARD_HIDE_DELAY;\n  }\n\n  return popoverMouseHideDelay;\n};\n\ntype TargetEvent<T> = React.MouseEvent<T> | React.FocusEvent<T>;\n\n/**\n * Create the state required to render Preview.\n *\n * The returned state can be modified with hooks such as usePreviewStyles_unstable,\n * before being passed to renderPreview_unstable.\n *\n * @param props - props from this instance of Preview\n * @param ref - reference to root HTMLElement of Preview\n */\nexport const usePreview_unstable = (props: PreviewProps): PreviewState => {\n  const {\n    hideDelay = POPOVER_MOUSE_DELAY,\n    onOpenChange,\n    open,\n    positioning,\n    showDelay = POPOVER_MOUSE_DELAY,\n    unstable_disableAutoFocus,\n  } = props;\n\n  const children = React.Children.toArray(props.children) as JSXElement[];\n\n  const { targetDocument } = useFluent();\n  const [setEnterTimeout, clearEnterTimeout] = useTimeout();\n  const [setLeaveTimeout, clearLeaveTimeout] = useTimeout();\n\n  const [disableAutoFocus, setDisableAutoFocus] = React.useState(true);\n\n  const { current: previewInternalState } = React.useRef<PreviewInternalState>({\n    openByClick: false,\n    openByHoverOverTrigger: false,\n    openByHoverOverPopover: false,\n    openByKeyboard: false,\n  });\n  const triggerMousedOver = React.useRef(false);\n\n  const isOpen = () => {\n    return (\n      previewInternalState.openByClick ||\n      previewInternalState.openByHoverOverTrigger ||\n      previewInternalState.openByHoverOverPopover ||\n      previewInternalState.openByKeyboard\n    );\n  };\n\n  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\n  const preventDefaultClose = React.useRef(false);\n\n  let popoverTrigger: JSXElement | undefined = undefined;\n  let popoverSurface: JSXElement | undefined = undefined;\n  if (children.length === 2) {\n    popoverTrigger = children[0];\n    popoverSurface = children[1];\n  } else if (children.length === 1) {\n    popoverSurface = children[0];\n  }\n\n  const popoverSurfaceId = useId('preview-surface', popoverSurface?.props.id);\n\n  const closeCallback = () => {\n    previewInternalState.openByClick = false;\n    previewInternalState.openByHoverOverTrigger = false;\n    previewInternalState.openByHoverOverPopover = false;\n    previewInternalState.openByKeyboard = false;\n    setIsPopoverOpen(isOpen());\n    clearEnterTimeout();\n  };\n\n  React.useEffect(() => {\n    return () => {\n      // Remove all instances of the current popover from the openedByHoverPreviewManager when the component is unmounted.\n      removeOpenedByHoverPreview(popoverSurfaceId);\n    };\n  }, [popoverSurfaceId]);\n\n  if (popoverSurface && popoverTrigger) {\n    const handleTriggerTargetEnter = (e: TargetEvent<HTMLSpanElement>): void => {\n      previewInternalState.openByHoverOverTrigger = true;\n      triggerMousedOver.current = true;\n\n      // We want to disable auto focus only if the popover is being opened by hovering over the trigger\n      if (!previewInternalState.openByClick && !previewInternalState.openByKeyboard && !isPopoverOpen) {\n        setDisableAutoFocus(true);\n        closeAllOpenedByHoverPreviews(popoverSurfaceId);\n      }\n\n      setEnterTimeout(() => {\n        if (!previewInternalState.openByClick && !previewInternalState.openByKeyboard && !isPopoverOpen && isOpen()) {\n          onOpenChange?.(e, { open: true });\n          addOpenedByHoverPreview(popoverSurfaceId, closeCallback);\n        }\n        setIsPopoverOpen(isOpen());\n      }, showDelay);\n    };\n\n    const handleTriggerTargetLeave = (e: TargetEvent<HTMLSpanElement>): void => {\n      previewInternalState.openByHoverOverTrigger = false;\n      triggerMousedOver.current = false;\n\n      setLeaveTimeout(() => {\n        setIsPopoverOpen(isOpen());\n\n        // We want to call onOpenChange only if the popover is actually closing when leaving the trigger\n        if (\n          !previewInternalState.openByClick &&\n          !previewInternalState.openByKeyboard &&\n          !previewInternalState.openByHoverOverPopover &&\n          isPopoverOpen\n        ) {\n          onOpenChange?.(e, { open: false });\n          removeOpenedByHoverPreview(popoverSurfaceId);\n        }\n      }, getDelay(e.type, hideDelay));\n    };\n\n    const handleTriggerClick = (e: TargetEvent<HTMLSpanElement>): void => {\n      // Setting preventDefaultClose so that onPopoverOpenChange does not apply its logic when click is on the trigger as we want to control that behavior.\n      preventDefaultClose.current = true;\n\n      // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via click.\n      setDisableAutoFocus(false);\n\n      const tmpOpenByHoverOverTrigger = previewInternalState.openByHoverOverTrigger;\n\n      // If openByKeyboard is true, then the popover was already opened via keyboard and we always want to close it.\n      previewInternalState.openByClick = previewInternalState.openByKeyboard\n        ? false\n        : !previewInternalState.openByClick;\n      previewInternalState.openByHoverOverTrigger = false;\n      previewInternalState.openByHoverOverPopover = false;\n      previewInternalState.openByKeyboard = false;\n\n      // We set triggerMousedOver to false when clicking, since we just interacted with the trigger via click, and not hover.\n      if (triggerMousedOver.current) {\n        previewInternalState.openByClick = false;\n        triggerMousedOver.current = false;\n      }\n      // If it was not moused over, we want to prevent the default click action from opening a link, so the preview can open first\n      else {\n        e.preventDefault();\n      }\n\n      if (!tmpOpenByHoverOverTrigger) {\n        onOpenChange?.(e, { open: previewInternalState.openByClick });\n      }\n\n      if (!isOpen()) {\n        removeOpenedByHoverPreview(popoverSurfaceId);\n      }\n\n      setIsPopoverOpen(isOpen());\n    };\n\n    const handleTriggerKeyDown = (e: React.KeyboardEvent<HTMLSpanElement>): void => {\n      if (e.key === Enter) {\n        clearLeaveTimeout();\n\n        // Setting default prevented so that Enter key does not trigger a click event or onPopoverOpenChange.\n        e.preventDefault();\n\n        // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via keyboard.\n        setDisableAutoFocus(false);\n\n        const tmpOpenByHoverOverTrigger = previewInternalState.openByHoverOverTrigger;\n\n        // If openByClick is true, then the popover was already opened via click and we always want to close it.\n        previewInternalState.openByKeyboard = previewInternalState.openByClick\n          ? false\n          : !previewInternalState.openByKeyboard;\n        previewInternalState.openByClick = false;\n        previewInternalState.openByHoverOverTrigger = false;\n        previewInternalState.openByHoverOverPopover = false;\n\n        if (!tmpOpenByHoverOverTrigger) {\n          onOpenChange?.(e, { open: previewInternalState.openByKeyboard });\n        }\n\n        if (!isOpen()) {\n          removeOpenedByHoverPreview(popoverSurfaceId);\n        }\n\n        setIsPopoverOpen(isOpen());\n      }\n    };\n\n    const handlePopoverTargetEnter = (e: TargetEvent<HTMLDivElement>): void => {\n      previewInternalState.openByHoverOverPopover = true;\n      setIsPopoverOpen(isOpen());\n    };\n\n    const handlePopoverTargetLeave = (e: TargetEvent<HTMLDivElement>): void => {\n      previewInternalState.openByHoverOverPopover = false;\n      setLeaveTimeout(() => {\n        setIsPopoverOpen(isOpen());\n\n        // We want to call onOpenChange only if the popover is actually closing when leaving the popover\n        if (\n          !previewInternalState.openByClick &&\n          !previewInternalState.openByKeyboard &&\n          !previewInternalState.openByHoverOverTrigger\n        ) {\n          onOpenChange?.(e, { open: false });\n          removeOpenedByHoverPreview(popoverSurfaceId);\n        }\n      }, getDelay(e.type, hideDelay));\n    };\n\n    popoverTrigger = React.cloneElement(popoverTrigger, {\n      ...popoverTrigger.props,\n      children: React.cloneElement(popoverTrigger.props.children as JSXElement, {\n        ...popoverTrigger.props.children.props,\n        onBlur: mergeCallbacks(popoverTrigger.props.children.props.onBlur, handleTriggerTargetLeave),\n        onClick: mergeCallbacks(popoverTrigger.props.children.props.onClick, handleTriggerClick),\n        onKeyDown: mergeCallbacks(popoverTrigger.props.children.props.onKeyDown, handleTriggerKeyDown),\n        onMouseEnter: mergeCallbacks(popoverTrigger.props.children.props.onMouseEnter, handleTriggerTargetEnter),\n        onMouseLeave: mergeCallbacks(popoverTrigger.props.children.props.onMouseLeave, handleTriggerTargetLeave),\n      }),\n    });\n\n    popoverSurface = React.cloneElement(popoverSurface, {\n      ...popoverSurface.props,\n      'aria-labelledby':\n        popoverSurface.props['aria-labelledby'] ?? (popoverSurface.props['aria-label'] ? undefined : popoverSurfaceId),\n      id: popoverSurfaceId,\n      onMouseEnter: mergeCallbacks(popoverSurface.props.onMouseEnter, handlePopoverTargetEnter),\n      onMouseLeave: mergeCallbacks(popoverSurface.props.onMouseLeave, handlePopoverTargetLeave),\n      onFocus: mergeCallbacks(popoverSurface.props.onFocus, handlePopoverTargetEnter),\n    });\n  }\n\n  // Hitting Escape key should close the popover if it was opened by hover.\n  // This is necessary to attach to the document because focus is likely not within the trigger or popover.\n  useIsomorphicLayoutEffect(() => {\n    if (isPopoverOpen) {\n      const onDocumentKeyDown = (e: KeyboardEvent) => {\n        const openedByHover = !previewInternalState.openByClick && !previewInternalState.openByKeyboard;\n\n        if (openedByHover && e.key === Escape) {\n          clearLeaveTimeout();\n\n          // We set state back to its default if the Escape key has been pressed\n          setDisableAutoFocus(true);\n          closeCallback();\n          removeOpenedByHoverPreview(popoverSurfaceId);\n\n          onOpenChange?.(e as unknown as OpenPopoverEvents, { open: false });\n\n          e.stopPropagation();\n        }\n      };\n\n      targetDocument?.addEventListener('keydown', onDocumentKeyDown, { capture: true });\n\n      return () => {\n        targetDocument?.removeEventListener('keydown', onDocumentKeyDown, { capture: true });\n      };\n    }\n  }, [targetDocument, isPopoverOpen]);\n\n  const onPopoverOpenChange = (e: OpenPopoverEvents, data: OnOpenChangeData): void => {\n    if (!preventDefaultClose.current) {\n      // We set all open state to false if preventDefaultClose was not set to true and the popover is closing.\n      if (!data.open) {\n        clearLeaveTimeout();\n        closeCallback();\n        removeOpenedByHoverPreview(popoverSurfaceId);\n      }\n\n      onOpenChange?.(e, data);\n    }\n\n    preventDefaultClose.current = false;\n  };\n\n  let resolvedChildren = children as [JSXElement, JSXElement] | JSXElement;\n  if (popoverSurface) {\n    if (popoverTrigger) {\n      resolvedChildren = [popoverTrigger, popoverSurface];\n    } else {\n      resolvedChildren = popoverSurface;\n    }\n  }\n\n  const popoverState = usePopover_unstable({\n    ...props,\n    children: resolvedChildren,\n    onOpenChange: onPopoverOpenChange,\n    open: open ?? isPopoverOpen,\n    positioning:\n      typeof positioning === 'string'\n        ? { autoSize: true, ...resolvePositioningShorthand(positioning) }\n        : { autoSize: true, ...positioning },\n    unstable_disableAutoFocus: unstable_disableAutoFocus ?? disableAutoFocus,\n  });\n\n  return {\n    ...popoverState,\n    isPreviewLocked: previewInternalState.openByClick || previewInternalState.openByKeyboard,\n  };\n};\n"],"names":["React","Enter","Escape","mergeCallbacks","resolvePositioningShorthand","useFluent","useId","useIsomorphicLayoutEffect","usePopover_unstable","useTimeout","addOpenedByHoverPreview","closeAllOpenedByHoverPreviews","removeOpenedByHoverPreview","POPOVER_MOUSE_DELAY","POPOVER_KEYBOARD_HIDE_DELAY","getDelay","type","popoverMouseHideDelay","usePreview_unstable","props","hideDelay","onOpenChange","open","positioning","showDelay","unstable_disableAutoFocus","children","Children","toArray","targetDocument","setEnterTimeout","clearEnterTimeout","setLeaveTimeout","clearLeaveTimeout","disableAutoFocus","setDisableAutoFocus","useState","current","previewInternalState","useRef","openByClick","openByHoverOverTrigger","openByHoverOverPopover","openByKeyboard","triggerMousedOver","isOpen","isPopoverOpen","setIsPopoverOpen","preventDefaultClose","popoverTrigger","undefined","popoverSurface","length","popoverSurfaceId","id","closeCallback","useEffect","handleTriggerTargetEnter","e","handleTriggerTargetLeave","handleTriggerClick","tmpOpenByHoverOverTrigger","preventDefault","handleTriggerKeyDown","key","handlePopoverTargetEnter","handlePopoverTargetLeave","cloneElement","onBlur","onClick","onKeyDown","onMouseEnter","onMouseLeave","onFocus","onDocumentKeyDown","openedByHover","stopPropagation","addEventListener","capture","removeEventListener","onPopoverOpenChange","data","resolvedChildren","popoverState","autoSize","isPreviewLocked"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/components/PreviewContent/PreviewContent.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { usePreviewContent_unstable } from './usePreviewContent';
+import { renderPreviewContent_unstable } from './renderPreviewContent';
+import { usePreviewContentStyles_unstable } from './usePreviewContentStyles.styles';
+export const PreviewContent = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = usePreviewContent_unstable(props, ref);
+    usePreviewContentStyles_unstable(state);
+    return renderPreviewContent_unstable(state);
+});
+PreviewContent.displayName = 'PreviewContent';

package/lib/components/PreviewContent/PreviewContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PreviewContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewContent_unstable } from './usePreviewContent';\nimport { renderPreviewContent_unstable } from './renderPreviewContent';\nimport { usePreviewContentStyles_unstable } from './usePreviewContentStyles.styles';\nimport type { PreviewContentProps } from './PreviewContent.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PreviewContent: ForwardRefComponent<PreviewContentProps> = React.forwardRef((props, ref) => {\n  const state = usePreviewContent_unstable(props, ref);\n\n  usePreviewContentStyles_unstable(state);\n  return renderPreviewContent_unstable(state);\n});\n\nPreviewContent.displayName = 'PreviewContent';\n"],"names":["React","usePreviewContent_unstable","renderPreviewContent_unstable","usePreviewContentStyles_unstable","PreviewContent","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,gCAAgC,QAAQ,mCAAmC;AAIpF,OAAO,MAAMC,+BAA2DJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQP,2BAA2BK,OAAOC;IAEhDJ,iCAAiCK;IACjC,OAAON,8BAA8BM;AACvC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}

package/lib/components/PreviewContent/PreviewContent.types.js

@@ -0,0 +1,3 @@
+/**
+ * State used in rendering PreviewContent
+ */ export { };

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PreviewContent.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type PreviewContentSlots = {\n  root: NonNullable<Slot<'div'>>;\n};\n\n/**\n * PreviewContent Props\n */\nexport type PreviewContentProps = ComponentProps<PreviewContentSlots>;\n\n/**\n * State used in rendering PreviewContent\n */\nexport type PreviewContentState = ComponentState<PreviewContentSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAWA;;CAEC,GACD,WAAsE"}

package/lib/components/PreviewContent/index.js

@@ -0,0 +1,4 @@
+export { PreviewContent } from './PreviewContent';
+export { renderPreviewContent_unstable } from './renderPreviewContent';
+export { usePreviewContent_unstable } from './usePreviewContent';
+export { previewContentClassNames, usePreviewContentStyles_unstable } from './usePreviewContentStyles.styles';

package/lib/components/PreviewContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { PreviewContent } from './PreviewContent';\nexport type { PreviewContentProps, PreviewContentSlots, PreviewContentState } from './PreviewContent.types';\nexport { renderPreviewContent_unstable } from './renderPreviewContent';\nexport { usePreviewContent_unstable } from './usePreviewContent';\nexport { previewContentClassNames, usePreviewContentStyles_unstable } from './usePreviewContentStyles.styles';\n"],"names":["PreviewContent","renderPreviewContent_unstable","usePreviewContent_unstable","previewContentClassNames","usePreviewContentStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,cAAc,QAAQ,mBAAmB;AAElD,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,wBAAwB,EAAEC,gCAAgC,QAAQ,mCAAmC"}

package/lib/components/PreviewContent/renderPreviewContent.js

@@ -0,0 +1,8 @@
+  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-components';
+/**
+ * Render the final JSX of PreviewContent
+ */ export const renderPreviewContent_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(state.root, {});
+};

package/lib/components/PreviewContent/renderPreviewContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderPreviewContent.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { PreviewContentState, PreviewContentSlots } from './PreviewContent.types';\n\n/**\n * Render the final JSX of PreviewContent\n */\nexport const renderPreviewContent_unstable = (state: PreviewContentState): JSXElement => {\n  assertSlots<PreviewContentSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderPreviewContent_unstable","state","root"],"rangeMappings":";;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAIzD;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC;IAC5CF,YAAiCE;IAEjC,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

package/lib/components/PreviewContent/usePreviewContent.js

@@ -0,0 +1,22 @@
+import { getIntrinsicElementProps, slot } from '@fluentui/react-components';
+/**
+ * Create the state required to render PreviewContent.
+ *
+ * The returned state can be modified with hooks such as usePreviewContentStyles_unstable,
+ * before being passed to renderPreviewContent_unstable.
+ *
+ * @param props - props from this instance of PreviewContent
+ * @param ref - reference to root HTMLElement of PreviewContent
+ */ export const usePreviewContent_unstable = (props, ref)=>{
+    return {
+        components: {
+            root: 'div'
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        })
+    };
+};

package/lib/components/PreviewContent/usePreviewContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewContent.ts"],"sourcesContent":["import type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { PreviewContentProps, PreviewContentState } from './PreviewContent.types';\n\n/**\n * Create the state required to render PreviewContent.\n *\n * The returned state can be modified with hooks such as usePreviewContentStyles_unstable,\n * before being passed to renderPreviewContent_unstable.\n *\n * @param props - props from this instance of PreviewContent\n * @param ref - reference to root HTMLElement of PreviewContent\n */\nexport const usePreviewContent_unstable = (\n  props: PreviewContentProps,\n  ref: React.Ref<HTMLDivElement>,\n): PreviewContentState => {\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","usePreviewContent_unstable","props","ref","components","root","always","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AACA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,6BAA6B;AAG5E;;;;;;;;CAQC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC;IAEA,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAML,KAAKM,MAAM,CACfP,yBAAyB,OAAO;YAC9BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEK,aAAa;QAAM;IAEzB;AACF,EAAE"}

package/lib/components/PreviewContent/usePreviewContentStyles.styles.js

@@ -0,0 +1,20 @@
+import { __resetStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
+export const previewContentClassNames = {
+  root: 'fai-PreviewContent'
+};
+/**
+ * Styles for the root slot
+ */
+const useRootBaseClassName = __resetStyles("rd6u8g", null, [".rd6u8g{color:var(--colorNeutralForeground3);display:flex;flex-direction:column;max-width:calc(256px - var(--spacingHorizontalXS) * 2);padding:var(--spacingVerticalS) var(--spacingHorizontalS);row-gap:var(--spacingVerticalXS);word-break:break-word;box-sizing:border-box;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"]);
+/**
+ * Apply styling to the PreviewContent slots based on the state
+ */
+export const usePreviewContentStyles_unstable = state => {
+  'use no memo';
+
+  const rootBaseClassName = useRootBaseClassName();
+  state.root.className = mergeClasses(previewContentClassNames.root, rootBaseClassName, state.root.className);
+  return state;
+};
+//# sourceMappingURL=usePreviewContentStyles.styles.js.map

package/lib/components/PreviewContent/usePreviewContentStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewContentStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { PreviewContentSlots, PreviewContentState } from './PreviewContent.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewContentClassNames: SlotClassNames<PreviewContentSlots> = {\n  root: 'fai-PreviewContent',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  color: tokens.colorNeutralForeground3,\n  display: 'flex',\n  flexDirection: 'column',\n  maxWidth: `calc(256px - ${tokens.spacingHorizontalXS} * 2)`,\n  padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,\n  rowGap: tokens.spacingVerticalXS,\n  wordBreak: 'break-word',\n  boxSizing: 'border-box',\n  ...typographyStyles.caption1,\n});\n\n/**\n * Apply styling to the PreviewContent slots based on the state\n */\nexport const usePreviewContentStyles_unstable = (state: PreviewContentState): PreviewContentState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n\n  state.root.className = mergeClasses(previewContentClassNames.root, rootBaseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","typographyStyles","previewContentClassNames","root","useRootBaseClassName","color","colorNeutralForeground3","display","flexDirection","maxWidth","spacingHorizontalXS","padding","spacingVerticalS","spacingHorizontalS","rowGap","spacingVerticalXS","wordBreak","boxSizing","caption1","usePreviewContentStyles_unstable","state","rootBaseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,QAAQ,6BAA6B;AAC3E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,uBAAuBN,gBAAgB;IAC3CO,OAAOL,OAAOM,uBAAuB;IACrCC,SAAS;IACTC,eAAe;IACfC,UAAU,CAAC,aAAa,EAAET,OAAOU,mBAAmB,CAAC,KAAK,CAAC;IAC3DC,SAAS,CAAC,EAAEX,OAAOY,gBAAgB,CAAC,CAAC,EAAEZ,OAAOa,kBAAkB,CAAC,CAAC;IAClEC,QAAQd,OAAOe,iBAAiB;IAChCC,WAAW;IACXC,WAAW;IACX,GAAGhB,iBAAiBiB,QAAQ;AAC9B;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,oBAAoBjB;IAE1BgB,MAAMjB,IAAI,CAACmB,SAAS,GAAGvB,aAAaG,yBAAyBC,IAAI,EAAEkB,mBAAmBD,MAAMjB,IAAI,CAACmB,SAAS;IAE1G,OAAOF;AACT,EAAE"}

package/lib/components/PreviewContent/usePreviewContentStyles.styles.raw.js

@@ -0,0 +1,26 @@
+import { makeResetStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
+export const previewContentClassNames = {
+    root: 'fai-PreviewContent'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseClassName = makeResetStyles({
+    color: tokens.colorNeutralForeground3,
+    display: 'flex',
+    flexDirection: 'column',
+    maxWidth: `calc(256px - ${tokens.spacingHorizontalXS} * 2)`,
+    padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,
+    rowGap: tokens.spacingVerticalXS,
+    wordBreak: 'break-word',
+    boxSizing: 'border-box',
+    ...typographyStyles.caption1
+});
+/**
+ * Apply styling to the PreviewContent slots based on the state
+ */ export const usePreviewContentStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseClassName = useRootBaseClassName();
+    state.root.className = mergeClasses(previewContentClassNames.root, rootBaseClassName, state.root.className);
+    return state;
+};

package/lib/components/PreviewContent/usePreviewContentStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewContentStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { PreviewContentSlots, PreviewContentState } from './PreviewContent.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewContentClassNames: SlotClassNames<PreviewContentSlots> = {\n  root: 'fai-PreviewContent',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  color: tokens.colorNeutralForeground3,\n  display: 'flex',\n  flexDirection: 'column',\n  maxWidth: `calc(256px - ${tokens.spacingHorizontalXS} * 2)`,\n  padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,\n  rowGap: tokens.spacingVerticalXS,\n  wordBreak: 'break-word',\n  boxSizing: 'border-box',\n  ...typographyStyles.caption1,\n});\n\n/**\n * Apply styling to the PreviewContent slots based on the state\n */\nexport const usePreviewContentStyles_unstable = (state: PreviewContentState): PreviewContentState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n\n  state.root.className = mergeClasses(previewContentClassNames.root, rootBaseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","typographyStyles","previewContentClassNames","root","useRootBaseClassName","color","colorNeutralForeground3","display","flexDirection","maxWidth","spacingHorizontalXS","padding","spacingVerticalS","spacingHorizontalS","rowGap","spacingVerticalXS","wordBreak","boxSizing","caption1","usePreviewContentStyles_unstable","state","rootBaseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,QAAQ,6BAA6B;AAC3E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,uBAAuBN,gBAAgB;IAC3CO,OAAOL,OAAOM,uBAAuB;IACrCC,SAAS;IACTC,eAAe;IACfC,UAAU,CAAC,aAAa,EAAET,OAAOU,mBAAmB,CAAC,KAAK,CAAC;IAC3DC,SAAS,CAAC,EAAEX,OAAOY,gBAAgB,CAAC,CAAC,EAAEZ,OAAOa,kBAAkB,CAAC,CAAC;IAClEC,QAAQd,OAAOe,iBAAiB;IAChCC,WAAW;IACXC,WAAW;IACX,GAAGhB,iBAAiBiB,QAAQ;AAC9B;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,oBAAoBjB;IAE1BgB,MAAMjB,IAAI,CAACmB,SAAS,GAAGvB,aAAaG,yBAAyBC,IAAI,EAAEkB,mBAAmBD,MAAMjB,IAAI,CAACmB,SAAS;IAE1G,OAAOF;AACT,EAAE"}

package/lib/components/PreviewHeader/PreviewHeader.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { usePreviewHeader_unstable } from './usePreviewHeader';
+import { renderPreviewHeader_unstable } from './renderPreviewHeader';
+import { usePreviewHeaderStyles_unstable } from './usePreviewHeaderStyles.styles';
+export const PreviewHeader = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = usePreviewHeader_unstable(props, ref);
+    usePreviewHeaderStyles_unstable(state);
+    return renderPreviewHeader_unstable(state);
+});
+PreviewHeader.displayName = 'PreviewHeader';

package/lib/components/PreviewHeader/PreviewHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PreviewHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewHeader_unstable } from './usePreviewHeader';\nimport { renderPreviewHeader_unstable } from './renderPreviewHeader';\nimport { usePreviewHeaderStyles_unstable } from './usePreviewHeaderStyles.styles';\nimport type { PreviewHeaderProps } from './PreviewHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PreviewHeader: ForwardRefComponent<PreviewHeaderProps> = React.forwardRef((props, ref) => {\n  const state = usePreviewHeader_unstable(props, ref);\n\n  usePreviewHeaderStyles_unstable(state);\n  return renderPreviewHeader_unstable(state);\n});\n\nPreviewHeader.displayName = 'PreviewHeader';\n"],"names":["React","usePreviewHeader_unstable","renderPreviewHeader_unstable","usePreviewHeaderStyles_unstable","PreviewHeader","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,kCAAkC;AAIlF,OAAO,MAAMC,8BAAyDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQP,0BAA0BK,OAAOC;IAE/CJ,gCAAgCK;IAChC,OAAON,6BAA6BM;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

package/lib/components/PreviewHeader/PreviewHeader.types.js

@@ -0,0 +1,3 @@
+/**
+ * State used in rendering PreviewHeader
+ */ export { };

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PreviewHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type PreviewHeaderSlots = {\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * Actions slot.\n   */\n  actions: Slot<'div'>;\n\n  /**\n   * Citation slot. Displays a `Citation`. Set to `null` to hide the citation.\n   */\n  citation: Slot<'span'>;\n\n  /**\n   * Label slot. Primary description of the preview.\n   */\n  label: NonNullable<Slot<'span'>>;\n\n  /**\n   * Media slot. Used to display Avatars, Icons, etc.\n   */\n  media: Slot<'div'>;\n};\n\n/**\n * PreviewHeader Props\n */\nexport type PreviewHeaderProps = ComponentProps<Partial<PreviewHeaderSlots>>;\n\n/**\n * State used in rendering PreviewHeader\n */\nexport type PreviewHeaderState = ComponentState<PreviewHeaderSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AA+BA;;CAEC,GACD,WAAoE"}

package/lib/components/PreviewHeader/index.js

@@ -0,0 +1,4 @@
+export { PreviewHeader } from './PreviewHeader';
+export { renderPreviewHeader_unstable } from './renderPreviewHeader';
+export { usePreviewHeader_unstable } from './usePreviewHeader';
+export { previewHeaderClassNames, previewHeaderExtraClassNames, usePreviewHeaderStyles_unstable } from './usePreviewHeaderStyles.styles';

package/lib/components/PreviewHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { PreviewHeader } from './PreviewHeader';\nexport type { PreviewHeaderProps, PreviewHeaderSlots, PreviewHeaderState } from './PreviewHeader.types';\nexport { renderPreviewHeader_unstable } from './renderPreviewHeader';\nexport { usePreviewHeader_unstable } from './usePreviewHeader';\nexport { previewHeaderClassNames, previewHeaderExtraClassNames, usePreviewHeaderStyles_unstable } from './usePreviewHeaderStyles.styles';\n"],"names":["PreviewHeader","renderPreviewHeader_unstable","usePreviewHeader_unstable","previewHeaderClassNames","previewHeaderExtraClassNames","usePreviewHeaderStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,aAAa,QAAQ,kBAAkB;AAEhD,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,uBAAuB,EAAEC,4BAA4B,EAAEC,+BAA+B,QAAQ,kCAAkC"}

package/lib/components/PreviewHeader/renderPreviewHeader.js

@@ -0,0 +1,15 @@
+  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-components';
+/**
+ * Render the final JSX of PreviewHeader
+ */ export const renderPreviewHeader_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsxs(state.root, {
+        children: [
+            state.citation && /*#__PURE__*/ _jsx(state.citation, {}),
+            state.media && /*#__PURE__*/ _jsx(state.media, {}),
+            /*#__PURE__*/ _jsx(state.label, {}),
+            state.actions && /*#__PURE__*/ _jsx(state.actions, {})
+        ]
+    });
+};

package/lib/components/PreviewHeader/renderPreviewHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderPreviewHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { PreviewHeaderState, PreviewHeaderSlots } from './PreviewHeader.types';\n\n/**\n * Render the final JSX of PreviewHeader\n */\nexport const renderPreviewHeader_unstable = (state: PreviewHeaderState): JSXElement => {\n  assertSlots<PreviewHeaderSlots>(state);\n\n  return (\n    <state.root>\n      {state.citation && <state.citation />}\n      {state.media && <state.media />}\n      <state.label />\n      {state.actions && <state.actions />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderPreviewHeader_unstable","state","root","citation","media","label","actions"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAIzD;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC;IAC3CF,YAAgCE;IAEhC,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,QAAQ,kBAAI,KAACF,MAAME,QAAQ;YACjCF,MAAMG,KAAK,kBAAI,KAACH,MAAMG,KAAK;0BAC5B,KAACH,MAAMI,KAAK;YACXJ,MAAMK,OAAO,kBAAI,KAACL,MAAMK,OAAO;;;AAGtC,EAAE"}

package/lib/components/PreviewHeader/usePreviewHeader.js

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import { getIntrinsicElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';
+import { previewHeaderExtraClassNames } from './usePreviewHeaderStyles.styles';
+/**
+ * Create the state required to render PreviewHeader.
+ *
+ * The returned state can be modified with hooks such as usePreviewHeaderStyles_unstable,
+ * before being passed to renderPreviewHeader_unstable.
+ *
+ * @param props - props from this instance of PreviewHeader
+ * @param ref - reference to root HTMLElement of PreviewHeader
+ */ export const usePreviewHeader_unstable = (props, ref)=>{
+    var _state_media;
+    const { actions, children, citation, label, media } = props;
+    const mediaId = useId('media');
+    const state = {
+        components: {
+            root: 'div',
+            actions: 'div',
+            citation: 'span',
+            label: 'span',
+            media: 'div'
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        actions: slot.optional(actions, {
+            elementType: 'div'
+        }),
+        citation: slot.optional(citation, {
+            elementType: 'span'
+        }),
+        label: slot.always(label, {
+            defaultProps: {
+                children
+            },
+            elementType: 'span'
+        }),
+        media: slot.optional(media, {
+            defaultProps: {
+                id: mediaId
+            },
+            elementType: 'div'
+        })
+    };
+    if ((_state_media = state.media) === null || _state_media === void 0 ? void 0 : _state_media.id) {
+        var _state_label_ariadescribedby;
+        var _state_label_ariadescribedby_concat;
+        state.label['aria-describedby'] = (_state_label_ariadescribedby_concat = (_state_label_ariadescribedby = state.label['aria-describedby']) === null || _state_label_ariadescribedby === void 0 ? void 0 : _state_label_ariadescribedby.concat(state.media.id)) !== null && _state_label_ariadescribedby_concat !== void 0 ? _state_label_ariadescribedby_concat : state.media.id;
+    }
+    if (state.media && React.isValidElement(state.media.children)) {
+        state.media.children = React.cloneElement(state.media.children, {
+            className: mergeClasses(state.media.children.props.className, previewHeaderExtraClassNames.mediaChild)
+        });
+    }
+    return state;
+};

package/lib/components/PreviewHeader/usePreviewHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';\nimport { previewHeaderExtraClassNames } from './usePreviewHeaderStyles.styles';\nimport type { PreviewHeaderProps, PreviewHeaderState } from './PreviewHeader.types';\n\n/**\n * Create the state required to render PreviewHeader.\n *\n * The returned state can be modified with hooks such as usePreviewHeaderStyles_unstable,\n * before being passed to renderPreviewHeader_unstable.\n *\n * @param props - props from this instance of PreviewHeader\n * @param ref - reference to root HTMLElement of PreviewHeader\n */\nexport const usePreviewHeader_unstable = (\n  props: PreviewHeaderProps,\n  ref: React.Ref<HTMLDivElement>,\n): PreviewHeaderState => {\n  const { actions, children, citation, label, media } = props;\n\n  const mediaId = useId('media');\n\n  const state: PreviewHeaderState = {\n    components: {\n      root: 'div',\n      actions: 'div',\n      citation: 'span',\n      label: 'span',\n      media: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    actions: slot.optional(actions, { elementType: 'div' }),\n    citation: slot.optional(citation, { elementType: 'span' }),\n    label: slot.always(label, {\n      defaultProps: {\n        children,\n      },\n      elementType: 'span',\n    }),\n    media: slot.optional(media, {\n      defaultProps: {\n        id: mediaId,\n      },\n      elementType: 'div',\n    }),\n  };\n\n  if (state.media?.id) {\n    state.label['aria-describedby'] = state.label['aria-describedby']?.concat(state.media.id) ?? state.media.id;\n  }\n\n  if (state.media && React.isValidElement<HTMLElement>(state.media.children)) {\n    state.media.children = React.cloneElement(state.media.children, {\n      className: mergeClasses(state.media.children.props.className, previewHeaderExtraClassNames.mediaChild),\n    });\n  }\n\n  return state;\n};\n"],"names":["React","getIntrinsicElementProps","mergeClasses","slot","useId","previewHeaderExtraClassNames","usePreviewHeader_unstable","props","ref","state","actions","children","citation","label","media","mediaId","components","root","always","elementType","optional","defaultProps","id","concat","isValidElement","cloneElement","className","mediaChild"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,YAAY,EAAEC,IAAI,EAAEC,KAAK,QAAQ,6BAA6B;AACjG,SAASC,4BAA4B,QAAQ,kCAAkC;AAG/E;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;QAqCIC;IAnCJ,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAGP;IAEtD,MAAMQ,UAAUX,MAAM;IAEtB,MAAMK,QAA4B;QAChCO,YAAY;YACVC,MAAM;YACNP,SAAS;YACTE,UAAU;YACVC,OAAO;YACPC,OAAO;QACT;QACAG,MAAMd,KAAKe,MAAM,CACfjB,yBAAyB,OAAO;YAC9BO;YACA,GAAGD,KAAK;QACV,IACA;YAAEY,aAAa;QAAM;QAEvBT,SAASP,KAAKiB,QAAQ,CAACV,SAAS;YAAES,aAAa;QAAM;QACrDP,UAAUT,KAAKiB,QAAQ,CAACR,UAAU;YAAEO,aAAa;QAAO;QACxDN,OAAOV,KAAKe,MAAM,CAACL,OAAO;YACxBQ,cAAc;gBACZV;YACF;YACAQ,aAAa;QACf;QACAL,OAAOX,KAAKiB,QAAQ,CAACN,OAAO;YAC1BO,cAAc;gBACZC,IAAIP;YACN;YACAI,aAAa;QACf;IACF;IAEA,KAAIV,eAAAA,MAAMK,KAAK,cAAXL,mCAAAA,aAAaa,EAAE,EAAE;YACeb;YAAAA;QAAlCA,MAAMI,KAAK,CAAC,mBAAmB,GAAGJ,CAAAA,uCAAAA,+BAAAA,MAAMI,KAAK,CAAC,mBAAmB,cAA/BJ,mDAAAA,6BAAiCc,MAAM,CAACd,MAAMK,KAAK,CAACQ,EAAE,eAAtDb,iDAAAA,sCAA2DA,MAAMK,KAAK,CAACQ,EAAE;IAC7G;IAEA,IAAIb,MAAMK,KAAK,IAAId,MAAMwB,cAAc,CAAcf,MAAMK,KAAK,CAACH,QAAQ,GAAG;QAC1EF,MAAMK,KAAK,CAACH,QAAQ,GAAGX,MAAMyB,YAAY,CAAChB,MAAMK,KAAK,CAACH,QAAQ,EAAE;YAC9De,WAAWxB,aAAaO,MAAMK,KAAK,CAACH,QAAQ,CAACJ,KAAK,CAACmB,SAAS,EAAErB,6BAA6BsB,UAAU;QACvG;IACF;IAEA,OAAOlB;AACT,EAAE"}