@fluentui-copilot/react-attachments 0.0.0-nightly-20250715-0404-529d18be.1 → 0.0.0-nightly-20250717-0405-eecbae35.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui-copilot/react-attachments",
   "entries": [
     {
-      "date": "Tue, 15 Jul 2025 04:12:04 GMT",
-      "tag": "@fluentui-copilot/react-attachments_v0.0.0-nightly-20250715-0404-529d18be.1",
-      "version": "0.0.0-nightly-20250715-0404-529d18be.1",
+      "date": "Thu, 17 Jul 2025 04:13:01 GMT",
+      "tag": "@fluentui-copilot/react-attachments_v0.0.0-nightly-20250717-0405-eecbae35.1",
+      "version": "0.0.0-nightly-20250717-0405-eecbae35.1",
       "comments": {
         "prerelease": [
           {

package/CHANGELOG.md

@@ -1,13 +1,13 @@
 # Change Log - @fluentui-copilot/react-attachments
 
-This log was last generated on Tue, 15 Jul 2025 04:12:04 GMT and should not be manually modified.
+This log was last generated on Thu, 17 Jul 2025 04:13:01 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20250715-0404-529d18be.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-attachments_v0.0.0-nightly-20250715-0404-529d18be.1)
+## [0.0.0-nightly-20250717-0405-eecbae35.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-attachments_v0.0.0-nightly-20250717-0405-eecbae35.1)
 
-Tue, 15 Jul 2025 04:12:04 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-attachments_v0.13.2..@fluentui-copilot/react-attachments_v0.0.0-nightly-20250715-0404-529d18be.1)
+Thu, 17 Jul 2025 04:13:01 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-attachments_v0.13.2..@fluentui-copilot/react-attachments_v0.0.0-nightly-20250717-0405-eecbae35.1)
 
 ### Changes
 

package/lib/AgentTag.js

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

package/lib/Attachment.js

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

package/lib/AttachmentList.js

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

package/lib/AttachmentOverflowMenu.js

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

package/lib/AttachmentOverflowMenuButton.js

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

package/lib/AttachmentOverflowMenuItem.js

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

package/lib/components/AgentTag/AgentTag.js

@@ -3,10 +3,9 @@ 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,4 +1,3 @@
 /**
  * State used in rendering AgentTag
- */export {};
-//# sourceMappingURL=AgentTag.types.js.map
+ */ export { };

package/lib/components/AgentTag/index.js

@@ -2,4 +2,3 @@ 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,8 +1,6 @@
-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,13 +8,11 @@ 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,11 +4,10 @@ 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,4 +1,3 @@
 /**
  * State used in rendering Attachment
- */export {};
-//# sourceMappingURL=Attachment.types.js.map
+ */ export { };

package/lib/components/Attachment/index.js

@@ -2,4 +2,3 @@ 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,37 +1,42 @@
-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,100 +11,90 @@ 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'
-  });
-  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
+ */ 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 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 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;
 };
-//# sourceMappingURL=useAttachment.js.map

package/lib/components/AttachmentList/AttachmentList.js

@@ -4,12 +4,11 @@ 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,2 +1 @@
-export {};
-//# sourceMappingURL=AttachmentList.types.js.map
+export { };

package/lib/components/AttachmentList/index.js

@@ -2,4 +2,3 @@ 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