@fluentui-copilot/react-attachments 0.0.0-nightly-20250708-1433-52f2b6b1.1 → 0.0.0-nightly-20250709-0404-150e065c.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui-copilot/react-attachments",
   "entries": [
     {
-      "date": "Tue, 08 Jul 2025 14:40:38 GMT",
-      "tag": "@fluentui-copilot/react-attachments_v0.0.0-nightly-20250708-1433-52f2b6b1.1",
-      "version": "0.0.0-nightly-20250708-1433-52f2b6b1.1",
+      "date": "Wed, 09 Jul 2025 04:12:05 GMT",
+      "tag": "@fluentui-copilot/react-attachments_v0.0.0-nightly-20250709-0404-150e065c.1",
+      "version": "0.0.0-nightly-20250709-0404-150e065c.1",
       "comments": {
         "prerelease": [
           {

package/CHANGELOG.md

@@ -1,13 +1,13 @@
 # Change Log - @fluentui-copilot/react-attachments
 
-This log was last generated on Tue, 08 Jul 2025 14:40:38 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Jul 2025 04:12:05 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20250708-1433-52f2b6b1.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-attachments_v0.0.0-nightly-20250708-1433-52f2b6b1.1)
+## [0.0.0-nightly-20250709-0404-150e065c.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-attachments_v0.0.0-nightly-20250709-0404-150e065c.1)
 
-Tue, 08 Jul 2025 14:40:38 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-attachments_v0.13.2..@fluentui-copilot/react-attachments_v0.0.0-nightly-20250708-1433-52f2b6b1.1)
+Wed, 09 Jul 2025 04:12:05 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-attachments_v0.13.2..@fluentui-copilot/react-attachments_v0.0.0-nightly-20250709-0404-150e065c.1)
 
 ### Changes
 

package/lib/AgentTag.js

@@ -1 +1,2 @@
 export { AgentTag, renderAgentTag_unstable, useAgentTag_unstable, agentTagClassNames, useAgentTagStyles_unstable } from './components/AgentTag/index';
+//# sourceMappingURL=AgentTag.js.map

package/lib/Attachment.js

@@ -1 +1,2 @@
 export { Attachment, attachmentClassNames, renderAttachment_unstable, useAttachmentStyles_unstable, useAttachment_unstable, useOverflowStyles } from './components/Attachment/index';
+//# sourceMappingURL=Attachment.js.map

package/lib/AttachmentList.js

@@ -1 +1,2 @@
 export { AttachmentList, attachmentListClassNames, renderAttachmentList_unstable, useAttachmentListStyles_unstable, useAttachmentList_unstable } from './components/AttachmentList/index';
+//# sourceMappingURL=AttachmentList.js.map

package/lib/AttachmentOverflowMenu.js

@@ -1 +1,2 @@
 export { AttachmentOverflowMenu, renderAttachmentOverflowMenu_unstable, useAttachmentOverflowMenuContextValues_unstable, useAttachmentOverflowMenu_unstable } from './components/AttachmentOverflowMenu/index';
+//# sourceMappingURL=AttachmentOverflowMenu.js.map

package/lib/AttachmentOverflowMenuButton.js

@@ -1 +1,2 @@
 export { AttachmentOverflowMenuButton, attachmentOverflowMenuButtonClassNames, renderAttachmentOverflowMenuButton_unstable, useAttachmentOverflowMenuButtonStyles_unstable, useAttachmentOverflowMenuButton_unstable } from './components/AttachmentOverflowMenuButton/index';
+//# sourceMappingURL=AttachmentOverflowMenuButton.js.map

package/lib/AttachmentOverflowMenuItem.js

@@ -1 +1,2 @@
 export { AttachmentOverflowMenuItem, attachmentOverflowMenuItemClassNames, renderAttachmentOverflowMenuItem_unstable, useAttachmentOverflowMenuItemStyles_unstable, useAttachmentOverflowMenuItem_unstable } from './components/AttachmentOverflowMenuItem/index';
+//# sourceMappingURL=AttachmentOverflowMenuItem.js.map

package/lib/components/AgentTag/AgentTag.js

@@ -3,9 +3,10 @@ import { useAgentTag_unstable } from './useAgentTag';
 import { renderAgentTag_unstable } from './renderAgentTag';
 import { useAgentTagStyles_unstable } from './useAgentTagStyles.styles';
 // AgentTag component - TODO: add more docs
-export const AgentTag = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useAgentTag_unstable(props, ref);
-    useAgentTagStyles_unstable(state);
-    return renderAgentTag_unstable(state);
+export const AgentTag = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useAgentTag_unstable(props, ref);
+  useAgentTagStyles_unstable(state);
+  return renderAgentTag_unstable(state);
 });
 AgentTag.displayName = 'AgentTag';
+//# sourceMappingURL=AgentTag.js.map

package/lib/components/AgentTag/AgentTag.types.js

@@ -1,3 +1,4 @@
 /**
  * State used in rendering AgentTag
- */ export { };
+ */export {};
+//# sourceMappingURL=AgentTag.types.js.map

package/lib/components/AgentTag/index.js

@@ -2,3 +2,4 @@ export { AgentTag } from './AgentTag';
 export { renderAgentTag_unstable } from './renderAgentTag';
 export { useAgentTag_unstable } from './useAgentTag';
 export { agentTagClassNames, useAgentTagStyles_unstable } from './useAgentTagStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/AgentTag/renderAgentTag.js

@@ -1,6 +1,8 @@
-  import { renderAttachment_unstable } from '../Attachment';
+import { renderAttachment_unstable } from '../Attachment';
 /**
  * Render the final JSX of AgentTag
- */ export const renderAgentTag_unstable = (state)=>{
-    return renderAttachment_unstable(state);
+ */
+export const renderAgentTag_unstable = state => {
+  return renderAttachment_unstable(state);
 };
+//# sourceMappingURL=renderAgentTag.js.map

package/lib/components/AgentTag/useAgentTag.js

@@ -8,11 +8,13 @@ import { useAttachment_unstable } from '..';
  *
  * @param props - props from this instance of AgentTag
  * @param ref - reference to root HTMLElement of AgentTag
- */ export const useAgentTag_unstable = (props, ref)=>{
-    const state = useAttachment_unstable({
-        ...props,
-        dismissOnly: true,
-        designVersion: 'next'
-    }, ref);
-    return state;
+ */
+export const useAgentTag_unstable = (props, ref) => {
+  const state = useAttachment_unstable({
+    ...props,
+    dismissOnly: true,
+    designVersion: 'next'
+  }, ref);
+  return state;
 };
+//# sourceMappingURL=useAgentTag.js.map

package/lib/components/Attachment/Attachment.js

@@ -4,10 +4,11 @@ import { renderAttachment_unstable } from './renderAttachment';
 import { useAttachmentStyles_unstable } from './useAttachmentStyles.styles';
 import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
 // Attachment component - TODO: add more docs
-export const Attachment = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useAttachment_unstable(props, ref);
-    useAttachmentStyles_unstable(state);
-    useCustomStyleHook('useAttachmentStyles')(state);
-    return renderAttachment_unstable(state);
+export const Attachment = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useAttachment_unstable(props, ref);
+  useAttachmentStyles_unstable(state);
+  useCustomStyleHook('useAttachmentStyles')(state);
+  return renderAttachment_unstable(state);
 });
 Attachment.displayName = 'Attachment';
+//# sourceMappingURL=Attachment.js.map

package/lib/components/Attachment/Attachment.types.js

@@ -1,3 +1,4 @@
 /**
  * State used in rendering Attachment
- */ export { };
+ */export {};
+//# sourceMappingURL=Attachment.types.js.map

package/lib/components/Attachment/index.js

@@ -2,3 +2,4 @@ export { Attachment } from './Attachment';
 export { renderAttachment_unstable } from './renderAttachment';
 export { useAttachment_unstable } from './useAttachment';
 export { attachmentClassNames, useAttachmentStyles_unstable, useOverflowStyles } from './useAttachmentStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/Attachment/renderAttachment.js

@@ -1,42 +1,37 @@
-  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { OverflowItem, assertSlots } from '@fluentui/react-components';
 /**
  * Render the final JSX of Attachment
- */ export const renderAttachment_unstable = (state)=>{
-    const { id, shouldUseOverflow, designVersion, dismissOnly } = state;
-    const attachment = designVersion === 'next' && dismissOnly ? renderDismissOnly(state) : renderAttachment(state);
-    return shouldUseOverflow ? /*#__PURE__*/ _jsx(OverflowItem, {
-        id: id,
-        children: attachment
-    }, id) : attachment;
+ */
+export const renderAttachment_unstable = state => {
+  const {
+    id,
+    shouldUseOverflow,
+    designVersion,
+    dismissOnly
+  } = state;
+  const attachment = designVersion === 'next' && dismissOnly ? renderDismissOnly(state) : renderAttachment(state);
+  return shouldUseOverflow ? /*#__PURE__*/_jsx(OverflowItem, {
+    id: id,
+    children: attachment
+  }, id) : attachment;
 };
-const renderAttachment = (state)=>{
-    assertSlots(state);
-    return /*#__PURE__*/ _jsxs(state.root, {
-        children: [
-            /*#__PURE__*/ _jsxs(state.primaryAction, {
-                children: [
-                    state.media && !state.imageOnly && /*#__PURE__*/ _jsx(state.media, {}),
-                    /*#__PURE__*/ _jsx(state.content, {}),
-                    state.progress && /*#__PURE__*/ _jsx(state.progress, {})
-                ]
-            }),
-            /*#__PURE__*/ _jsx(state.dismissButton, {
-                children: /*#__PURE__*/ _jsx(state.dismissIcon, {})
-            })
-        ]
-    });
+const renderAttachment = state => {
+  assertSlots(state);
+  return /*#__PURE__*/_jsxs(state.root, {
+    children: [/*#__PURE__*/_jsxs(state.primaryAction, {
+      children: [state.media && !state.imageOnly && /*#__PURE__*/_jsx(state.media, {}), /*#__PURE__*/_jsx(state.content, {}), state.progress && /*#__PURE__*/_jsx(state.progress, {})]
+    }), /*#__PURE__*/_jsx(state.dismissButton, {
+      children: /*#__PURE__*/_jsx(state.dismissIcon, {})
+    })]
+  });
 };
-const renderDismissOnly = (state)=>{
-    assertSlots(state);
-    return /*#__PURE__*/ _jsx(state.root, {
-        children: /*#__PURE__*/ _jsxs(state.dismissButton, {
-            children: [
-                state.media && !state.imageOnly && /*#__PURE__*/ _jsx(state.media, {}),
-                /*#__PURE__*/ _jsx(state.content, {}),
-                state.progress && /*#__PURE__*/ _jsx(state.progress, {}),
-                /*#__PURE__*/ _jsx(state.dismissIcon, {})
-            ]
-        })
-    });
+const renderDismissOnly = state => {
+  assertSlots(state);
+  return /*#__PURE__*/_jsx(state.root, {
+    children: /*#__PURE__*/_jsxs(state.dismissButton, {
+      children: [state.media && !state.imageOnly && /*#__PURE__*/_jsx(state.media, {}), /*#__PURE__*/_jsx(state.content, {}), state.progress && /*#__PURE__*/_jsx(state.progress, {}), /*#__PURE__*/_jsx(state.dismissIcon, {})]
+    })
+  });
 };
+//# sourceMappingURL=renderAttachment.js.map

package/lib/components/Attachment/useAttachment.js

@@ -11,90 +11,100 @@ import { useCopilotMode, useDesignVersion } from '@fluentui-copilot/react-provid
  *
  * @param props - props from this instance of Attachment
  * @param ref - reference to root HTMLElement of Attachment
- */ export const useAttachment_unstable = (props, ref)=>{
-    const { children, imageOnly, size = 'medium', dismissOnly = false } = props;
-    const { onAttachmentDismiss, shouldUseOverflow } = useAttachmentListContext_unstable((context)=>context);
-    const attachmentId = useId('attachment-', props.id);
-    const isLoading = !!props.progress;
-    const mode = useCopilotMode(props.mode);
-    const designVersion = useDesignVersion(props.designVersion);
-    const root = slot.always(getIntrinsicElementProps('div', {
-        ref,
-        ...props,
-        id: attachmentId
-    }), {
-        elementType: 'div'
+ */
+export const useAttachment_unstable = (props, ref) => {
+  const {
+    children,
+    imageOnly,
+    size = 'medium',
+    dismissOnly = false
+  } = props;
+  const {
+    onAttachmentDismiss,
+    shouldUseOverflow
+  } = useAttachmentListContext_unstable(context => context);
+  const attachmentId = useId('attachment-', props.id);
+  const isLoading = !!props.progress;
+  const mode = useCopilotMode(props.mode);
+  const designVersion = useDesignVersion(props.designVersion);
+  const root = slot.always(getIntrinsicElementProps('div', {
+    ref,
+    ...props,
+    id: attachmentId
+  }), {
+    elementType: 'div'
+  });
+  const primaryAction = slot.always(props.primaryAction, {
+    defaultProps: {
+      as: dismissOnly ? 'span' : undefined
+    },
+    elementType: 'button'
+  });
+  const dismissButton = slot.always(props.dismissButton, {
+    defaultProps: {
+      'aria-label': 'Remove attachment'
+    },
+    elementType: 'button'
+  });
+  dismissButton.onClick = mergeCallbacks(dismissButton.onClick, ev => {
+    onAttachmentDismiss === null || onAttachmentDismiss === void 0 ? void 0 : onAttachmentDismiss(ev, {
+      content: children,
+      media,
+      id: attachmentId
     });
-    const primaryAction = slot.always(props.primaryAction, {
-        defaultProps: {
-            as: dismissOnly ? 'span' : undefined
-        },
-        elementType: 'button'
-    });
-    const dismissButton = slot.always(props.dismissButton, {
-        defaultProps: {
-            'aria-label': 'Remove attachment'
-        },
-        elementType: 'button'
-    });
-    dismissButton.onClick = mergeCallbacks(dismissButton.onClick, (ev)=>{
-        onAttachmentDismiss === null || onAttachmentDismiss === void 0 ? void 0 : onAttachmentDismiss(ev, {
-            content: children,
-            media,
-            id: attachmentId
-        });
-    });
-    const media = slot.optional(props.media, {
-        elementType: 'span'
-    });
-    const content = slot.always(props.content, {
-        defaultProps: {
-            children: props.children
-        },
-        elementType: 'span'
-    });
-    const dismissIcon = slot.always(props.dismissIcon, {
-        defaultProps: {
-            children: size === 'small' ? /*#__PURE__*/ React.createElement(Dismiss12Regular, null) : /*#__PURE__*/ React.createElement(Dismiss20Regular, null)
-        },
-        elementType: 'span'
-    });
-    const progress = slot.optional(props.progress, {
-        defaultProps: {
-            shape: 'square',
-            thickness: 'large',
-            'aria-labelledby': props.id
-        },
-        elementType: ProgressBar
-    });
-    const state = {
-        id: attachmentId,
-        size,
-        components: {
-            root: 'div',
-            primaryAction: 'button',
-            dismissButton: 'button',
-            media: 'span',
-            content: 'span',
-            dismissIcon: 'span',
-            progress: ProgressBar
-        },
-        root,
-        primaryAction,
-        dismissButton,
-        media,
-        content,
-        dismissIcon,
-        progress,
-        imageOnly,
-        isLoading,
-        shouldUseOverflow,
-        mode,
-        designVersion,
-        dismissOnly
-    };
-    if (state.primaryAction.as === 'span') {
-        state.components.primaryAction = 'span';
-    }
-    return state;
+  });
+  const media = slot.optional(props.media, {
+    elementType: 'span'
+  });
+  const content = slot.always(props.content, {
+    defaultProps: {
+      children: props.children
+    },
+    elementType: 'span'
+  });
+  const dismissIcon = slot.always(props.dismissIcon, {
+    defaultProps: {
+      children: size === 'small' ? /*#__PURE__*/React.createElement(Dismiss12Regular, null) : /*#__PURE__*/React.createElement(Dismiss20Regular, null)
+    },
+    elementType: 'span'
+  });
+  const progress = slot.optional(props.progress, {
+    defaultProps: {
+      shape: 'square',
+      thickness: 'large',
+      'aria-labelledby': props.id
+    },
+    elementType: ProgressBar
+  });
+  const state = {
+    id: attachmentId,
+    size,
+    components: {
+      root: 'div',
+      primaryAction: 'button',
+      dismissButton: 'button',
+      media: 'span',
+      content: 'span',
+      dismissIcon: 'span',
+      progress: ProgressBar
+    },
+    root,
+    primaryAction,
+    dismissButton,
+    media,
+    content,
+    dismissIcon,
+    progress,
+    imageOnly,
+    isLoading,
+    shouldUseOverflow,
+    mode,
+    designVersion,
+    dismissOnly
+  };
+  if (state.primaryAction.as === 'span') {
+    state.components.primaryAction = 'span';
+  }
+  return state;
 };
+//# sourceMappingURL=useAttachment.js.map

package/lib/components/AttachmentList/AttachmentList.js

@@ -4,11 +4,12 @@ import { renderAttachmentList_unstable } from './renderAttachmentList';
 import { useAttachmentListStyles_unstable } from './useAttachmentListStyles.styles';
 import { useAttachmentListContextValues_unstable } from './useAttachmentListContextValues';
 import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
-export const AttachmentList = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useAttachmentList_unstable(props, ref);
-    const contextValues = useAttachmentListContextValues_unstable(state);
-    useAttachmentListStyles_unstable(state);
-    useCustomStyleHook('useAttachmentListStyles')(state);
-    return renderAttachmentList_unstable(state, contextValues);
+export const AttachmentList = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useAttachmentList_unstable(props, ref);
+  const contextValues = useAttachmentListContextValues_unstable(state);
+  useAttachmentListStyles_unstable(state);
+  useCustomStyleHook('useAttachmentListStyles')(state);
+  return renderAttachmentList_unstable(state, contextValues);
 });
 AttachmentList.displayName = 'AttachmentList';
+//# sourceMappingURL=AttachmentList.js.map

package/lib/components/AttachmentList/AttachmentList.types.js

@@ -1 +1,2 @@
-export { };
+export {};
+//# sourceMappingURL=AttachmentList.types.js.map

package/lib/components/AttachmentList/index.js

@@ -2,3 +2,4 @@ export { AttachmentList } from './AttachmentList';
 export { renderAttachmentList_unstable } from './renderAttachmentList';
 export { useAttachmentList_unstable } from './useAttachmentList';
 export { attachmentListClassNames, useAttachmentListStyles_unstable } from './useAttachmentListStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/AttachmentList/renderAttachmentList.js

@@ -1,31 +1,31 @@
-  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { Overflow, assertSlots } from '@fluentui/react-components';
 import { AttachmentListProvider } from '../../contexts/attachmentListContext';
 import { AttachmentOverflowMenu } from '../AttachmentOverflowMenu';
 /**
  * Render the final JSX of AttachmentList
- */ export const renderAttachmentList_unstable = (state, contextValues)=>{
-    assertSlots(state);
-    const { overflowMenuProps, root, shouldUseOverflow } = state;
-    return /*#__PURE__*/ _jsx(AttachmentListProvider, {
-        value: contextValues.attachmentList,
-        children: shouldUseOverflow && state.overflowMenuButton && state.menuList && state.menuPopover ? /*#__PURE__*/ _jsx(Overflow, {
-            ref: root.ref,
-            children: /*#__PURE__*/ _jsxs(state.root, {
-                children: [
-                    root.children,
-                    /*#__PURE__*/ _jsxs(AttachmentOverflowMenu, {
-                        positioning: 'above',
-                        ...overflowMenuProps,
-                        children: [
-                            /*#__PURE__*/ _jsx(state.overflowMenuButton, {}),
-                            /*#__PURE__*/ _jsx(state.menuPopover, {
-                                children: /*#__PURE__*/ _jsx(state.menuList, {})
-                            })
-                        ]
-                    })
-                ]
-            })
-        }) : /*#__PURE__*/ _jsx(state.root, {})
-    });
+ */
+export const renderAttachmentList_unstable = (state, contextValues) => {
+  assertSlots(state);
+  const {
+    overflowMenuProps,
+    root,
+    shouldUseOverflow
+  } = state;
+  return /*#__PURE__*/_jsx(AttachmentListProvider, {
+    value: contextValues.attachmentList,
+    children: shouldUseOverflow && state.overflowMenuButton && state.menuList && state.menuPopover ? /*#__PURE__*/_jsx(Overflow, {
+      ref: root.ref,
+      children: /*#__PURE__*/_jsxs(state.root, {
+        children: [root.children, /*#__PURE__*/_jsxs(AttachmentOverflowMenu, {
+          positioning: 'above',
+          ...overflowMenuProps,
+          children: [/*#__PURE__*/_jsx(state.overflowMenuButton, {}), /*#__PURE__*/_jsx(state.menuPopover, {
+            children: /*#__PURE__*/_jsx(state.menuList, {})
+          })]
+        })]
+      })
+    }) : /*#__PURE__*/_jsx(state.root, {})
+  });
 };
+//# sourceMappingURL=renderAttachmentList.js.map