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

package/lib-commonjs/components/Attachment/useAttachmentStyles.styles.raw.js

@@ -0,0 +1,347 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    attachmentClassNames: function() {
+        return attachmentClassNames;
+    },
+    useAttachmentStyles_unstable: function() {
+        return useAttachmentStyles_unstable;
+    },
+    useOverflowStyles: function() {
+        return useOverflowStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const _useProgressBarStylesstyles = require("../utils/useProgressBarStyles.styles");
+const attachmentClassNames = {
+    root: 'fai-Attachment',
+    primaryAction: 'fai-Attachment__primaryAction',
+    dismissButton: 'fai-Attachment__dismissButton',
+    media: 'fai-Attachment__media',
+    content: 'fai-Attachment__content',
+    dismissIcon: 'fai-Attachment__dismissIcon',
+    progress: 'fai-Attachment__progress'
+};
+const ATTACHMENT_MAXWIDTH = '180px';
+const SMALL_ATTACHMENT_SIZE = '16px';
+const ATTACHMENT_SIZE = '20px';
+const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'inline-flex',
+    flexWrap: 'nowrap',
+    verticalAlign: 'middle',
+    boxSizing: 'border-box',
+    width: 'fit-content',
+    alignSelf: 'end',
+    position: 'relative'
+});
+const buttonBaseStyles = {
+    alignItems: 'center',
+    backgroundColor: _tokens.tokens.colorSubtleBackground,
+    border: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorNeutralStroke1}`,
+    borderRadius: _tokens.tokens.borderRadiusMedium,
+    boxSizing: 'border-box',
+    columnGap: _tokens.tokens.spacingHorizontalSNudge,
+    color: _tokens.tokens.colorNeutralForeground1,
+    cursor: 'pointer',
+    display: 'inline-flex',
+    flexWrap: 'nowrap',
+    justifyContent: 'center',
+    ...(0, _reactcomponents.createCustomFocusIndicatorStyle)({
+        outline: `${_tokens.tokens.strokeWidthThick} solid ${_tokens.tokens.colorStrokeFocus2}`,
+        outlineOffset: `calc(${_tokens.tokens.strokeWidthThick} * -1)`,
+        zIndex: 1
+    }),
+    verticalAlign: 'middle'
+};
+const usePrimaryActionBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    ...buttonBaseStyles,
+    borderTopRightRadius: _tokens.tokens.borderRadiusNone,
+    borderBottomRightRadius: _tokens.tokens.borderRadiusNone,
+    borderRightStyle: 'none',
+    maxWidth: `calc(${ATTACHMENT_MAXWIDTH} - ${ATTACHMENT_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingHorizontalXXS} - ${_tokens.tokens.spacingHorizontalXS})`,
+    padding: `${_tokens.tokens.spacingVerticalXS} ${_tokens.tokens.spacingHorizontalS} ${_tokens.tokens.spacingVerticalXS} ${_tokens.tokens.spacingHorizontalS}`
+});
+const usePrimaryActionStyles = (0, _reactcomponents.makeStyles)({
+    button: {
+        ':hover': {
+            cursor: 'pointer',
+            backgroundColor: _tokens.tokens.colorSubtleBackgroundHover,
+            color: _tokens.tokens.colorNeutralForeground2Hover
+        },
+        ':active': {
+            backgroundColor: _tokens.tokens.colorSubtleBackgroundPressed,
+            color: _tokens.tokens.colorNeutralForeground2Pressed
+        },
+        '@media (forced-colors: active)': {
+            ':hover': {
+                backgroundColor: 'HighlightText'
+            },
+            ':active': {
+                backgroundColor: 'HighlightText'
+            }
+        }
+    }
+});
+const useDismissButtonBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    ...buttonBaseStyles,
+    padding: `${_tokens.tokens.spacingVerticalXS} ${_tokens.tokens.spacingHorizontalXS} ${_tokens.tokens.spacingVerticalXS} ${_tokens.tokens.spacingHorizontalXS}`,
+    maxWidth: `calc(${ATTACHMENT_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingHorizontalXXS}) + ${_tokens.tokens.spacingHorizontalXS}`,
+    minWidth: `calc(${ATTACHMENT_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingHorizontalXXS}) + ${_tokens.tokens.spacingHorizontalXS}`,
+    // divider:
+    borderLeftColor: _tokens.tokens.colorNeutralStroke1,
+    borderTopLeftRadius: _tokens.tokens.borderRadiusNone,
+    borderBottomLeftRadius: _tokens.tokens.borderRadiusNone,
+    borderTopRightRadius: _tokens.tokens.borderRadiusMedium,
+    borderBottomRightRadius: _tokens.tokens.borderRadiusMedium,
+    ':hover': {
+        cursor: 'pointer',
+        backgroundColor: _tokens.tokens.colorSubtleBackgroundHover,
+        color: _tokens.tokens.colorNeutralForeground2BrandHover
+    },
+    ':active': {
+        backgroundColor: _tokens.tokens.colorSubtleBackgroundPressed,
+        color: _tokens.tokens.colorNeutralForeground2BrandPressed
+    },
+    '@media (forced-colors: active)': {
+        ':hover': {
+            backgroundColor: 'HighlightText'
+        },
+        ':active': {
+            backgroundColor: 'HighlightText'
+        }
+    }
+});
+const useDismissButtonCurrentStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        ':hover': {
+            [`& .${attachmentClassNames.dismissIcon}`]: {
+                color: _tokens.tokens.colorBrandForegroundLinkHover
+            }
+        }
+    }
+});
+const useMediaBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    alignItems: 'center',
+    display: 'inline-flex',
+    fontSize: ATTACHMENT_SIZE,
+    height: ATTACHMENT_SIZE,
+    lineHeight: ATTACHMENT_SIZE,
+    width: ATTACHMENT_SIZE
+});
+const useContentBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    overflowX: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    ..._reactcomponents.typographyStyles.body1
+});
+const useDismissIconBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    alignItems: 'center',
+    borderRadius: _tokens.tokens.borderRadiusCircular,
+    border: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorTransparentStroke}`,
+    boxSizing: 'border-box',
+    color: _tokens.tokens.colorNeutralForeground1,
+    display: 'inline-flex',
+    fontSize: ATTACHMENT_SIZE,
+    height: `calc(${ATTACHMENT_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingVerticalXXS})`,
+    justifyContent: 'center',
+    maxWidth: `calc(${ATTACHMENT_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingHorizontalXXS})`,
+    minWidth: `calc(${ATTACHMENT_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingHorizontalXXS})`,
+    padding: `calc(${_tokens.tokens.spacingVerticalXXS} / 2) calc(${_tokens.tokens.spacingHorizontalXXS} / 2)`
+});
+const useDismissIconNextStyles = (0, _reactcomponents.makeStyles)({
+    dismissOnly: {
+        ':hover': {
+            color: _tokens.tokens.colorNeutralForeground2BrandHover
+        },
+        ':active': {
+            color: _tokens.tokens.colorNeutralForeground2BrandPressed
+        }
+    }
+});
+const useImageOnlyStyles = (0, _reactcomponents.makeStyles)({
+    primaryAction: {
+        padding: 0
+    },
+    content: {
+        lineHeight: 0
+    }
+});
+const useOverflowStyles = (0, _reactcomponents.makeStyles)({
+    overflow: {
+        maxWidth: '100%',
+        width: '100%'
+    }
+});
+const useSmallStyles = (0, _reactcomponents.makeStyles)({
+    primaryAction: {
+        maxWidth: `calc(${ATTACHMENT_MAXWIDTH} - ${SMALL_ATTACHMENT_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingHorizontalXXS} - ${_tokens.tokens.spacingHorizontalXS})`,
+        padding: `${_tokens.tokens.spacingVerticalXXS} ${_tokens.tokens.spacingHorizontalSNudge} ${_tokens.tokens.spacingVerticalXXS} ${_tokens.tokens.spacingHorizontalSNudge}`
+    },
+    media: {
+        fontSize: SMALL_ATTACHMENT_SIZE,
+        height: SMALL_ATTACHMENT_SIZE,
+        lineHeight: SMALL_ATTACHMENT_SIZE,
+        width: SMALL_ATTACHMENT_SIZE
+    },
+    content: {
+        ..._reactcomponents.typographyStyles.caption1
+    },
+    dismissButton: {
+        padding: `${_tokens.tokens.spacingVerticalXXS} ${_tokens.tokens.spacingHorizontalXXS}`,
+        maxWidth: `calc(${SMALL_ATTACHMENT_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingHorizontalXXS}) + ${_tokens.tokens.spacingHorizontalXS}`,
+        minWidth: `calc(${SMALL_ATTACHMENT_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingHorizontalXXS}) + ${_tokens.tokens.spacingHorizontalXS}`
+    },
+    dismissIcon: {
+        fontSize: SMALL_ATTACHMENT_SIZE,
+        height: `calc(${SMALL_ATTACHMENT_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingVerticalXXS})`,
+        maxWidth: `calc(${SMALL_ATTACHMENT_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingHorizontalXXS})`,
+        minWidth: `calc(${SMALL_ATTACHMENT_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingHorizontalXXS})`
+    }
+});
+const usePrimaryActionNextStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        borderTopLeftRadius: _tokens.tokens.borderRadiusXLarge,
+        borderBottomLeftRadius: _tokens.tokens.borderRadiusXLarge
+    },
+    canvas: {
+        padding: `${_tokens.tokens.spacingVerticalNone} ${_tokens.tokens.spacingHorizontalS}`,
+        minHeight: '40px'
+    },
+    sidecar: {
+        padding: `${_tokens.tokens.spacingVerticalNone} ${_tokens.tokens.spacingHorizontalS}`,
+        minHeight: '32px'
+    }
+});
+const useDismissButtonNextStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        borderTopRightRadius: _tokens.tokens.borderRadiusXLarge,
+        borderBottomRightRadius: _tokens.tokens.borderRadiusXLarge,
+        ':hover': {
+            color: _tokens.tokens.colorNeutralForeground2
+        },
+        ':active': {
+            color: _tokens.tokens.colorNeutralForeground2Pressed
+        },
+        borderLeftColor: _tokens.tokens.colorNeutralStroke1,
+        borderLeftWidth: _tokens.tokens.strokeWidthThin,
+        borderLeftStyle: 'solid'
+    },
+    withPrimary: {
+        ':hover': {
+            [`& .${attachmentClassNames.dismissIcon}`]: {
+                color: _tokens.tokens.colorNeutralForeground2
+            }
+        },
+        ':active': {
+            [`& .${attachmentClassNames.dismissIcon}`]: {
+                color: _tokens.tokens.colorNeutralForeground2Pressed
+            }
+        }
+    },
+    canvas: {
+        padding: `${_tokens.tokens.spacingVerticalNone} ${_tokens.tokens.spacingHorizontalS}`,
+        minHeight: '40px',
+        width: '40px'
+    },
+    sidecar: {
+        padding: `${_tokens.tokens.spacingVerticalNone} ${_tokens.tokens.spacingHorizontalMNudge}`,
+        minHeight: '32px',
+        width: '32px'
+    },
+    dismissOnly: {
+        borderRadius: _tokens.tokens.borderRadiusXLarge,
+        width: 'unset',
+        borderLeftColor: _tokens.tokens.colorTransparentStroke,
+        backgroundColor: _tokens.tokens.colorNeutralBackground3,
+        ':hover': {
+            backgroundColor: _tokens.tokens.colorNeutralBackground3
+        },
+        ':active': {
+            backgroundColor: _tokens.tokens.colorNeutralBackground3
+        }
+    }
+});
+const usePrimaryDismissNextStyles = (0, _reactcomponents.makeStyles)({
+    sharedStyles: {
+        border: 'none',
+        backgroundColor: _tokens.tokens.colorNeutralBackground3
+    },
+    sharedInteractiveStyles: {
+        ':hover': {
+            backgroundColor: _tokens.tokens.colorNeutralBackground3Hover
+        },
+        ':active': {
+            backgroundColor: _tokens.tokens.colorNeutralBackground3Pressed
+        }
+    }
+});
+const useRootNextStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        outline: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorTransparentStroke}`,
+        borderRadius: _tokens.tokens.borderRadiusXLarge
+    }
+});
+const useFocusStyles = (0, _reactcomponents.makeStyles)({
+    primaryActionButton: (0, _reactcomponents.createCustomFocusIndicatorStyle)({
+        borderTopRightRadius: _tokens.tokens.borderRadiusNone,
+        borderBottomRightRadius: _tokens.tokens.borderRadiusNone
+    }),
+    dismissButton: (0, _reactcomponents.createCustomFocusIndicatorStyle)({
+        borderTopLeftRadius: _tokens.tokens.borderRadiusNone,
+        borderBottomLeftRadius: _tokens.tokens.borderRadiusNone
+    })
+});
+const useAttachmentStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseClassName = useRootBaseClassName();
+    const primaryActionBaseClassName = usePrimaryActionBaseClassName();
+    const dismissButtonBaseClassName = useDismissButtonBaseClassName();
+    const dismissButtonCurrentStyles = useDismissButtonCurrentStyles();
+    const mediaBaseClassName = useMediaBaseClassName();
+    const contentBaseClassName = useContentBaseClassName();
+    const dismissIconBaseClassName = useDismissIconBaseClassName();
+    const dismissIconNextStyles = useDismissIconNextStyles();
+    const progressBarStyles = (0, _useProgressBarStylesstyles.useProgressBarStyles)();
+    const primaryActionStyles = usePrimaryActionStyles();
+    const imageOnlyStyles = useImageOnlyStyles();
+    const smallStyles = useSmallStyles();
+    const primaryActionNextStyles = usePrimaryActionNextStyles();
+    const dismissButtonNextStyles = useDismissButtonNextStyles();
+    const primaryDismissNextStyles = usePrimaryDismissNextStyles();
+    const rootNextStyles = useRootNextStyles();
+    const focusStyles = useFocusStyles();
+    const { imageOnly, primaryAction, size, mode, designVersion, dismissOnly } = state;
+    state.root.className = (0, _reactcomponents.mergeClasses)(attachmentClassNames.root, rootBaseClassName, designVersion === 'next' && rootNextStyles.root, state.root.className);
+    state.primaryAction.className = (0, _reactcomponents.mergeClasses)(attachmentClassNames.primaryAction, primaryActionBaseClassName, size === 'small' && smallStyles.primaryAction, primaryAction.as !== 'span' && !state.isLoading && primaryActionStyles.button, imageOnly && imageOnlyStyles.primaryAction, designVersion === 'next' && primaryDismissNextStyles.sharedStyles, designVersion === 'next' && primaryAction.as !== 'span' && !state.isLoading && primaryDismissNextStyles.sharedInteractiveStyles, designVersion === 'next' && primaryActionNextStyles.root, designVersion === 'next' && primaryActionNextStyles[mode], focusStyles.primaryActionButton, state.primaryAction.className);
+    state.dismissButton.className = (0, _reactcomponents.mergeClasses)(attachmentClassNames.dismissButton, dismissButtonBaseClassName, designVersion === 'current' && dismissButtonCurrentStyles.root, size === 'small' && smallStyles.dismissButton, designVersion === 'next' && primaryDismissNextStyles.sharedStyles, designVersion === 'next' && primaryDismissNextStyles.sharedInteractiveStyles, designVersion === 'next' && dismissButtonNextStyles.root, designVersion === 'next' && dismissButtonNextStyles[mode], designVersion === 'next' && dismissOnly && dismissButtonNextStyles.dismissOnly, designVersion === 'next' && !dismissOnly && dismissButtonNextStyles.withPrimary, focusStyles.dismissButton, state.dismissButton.className);
+    if (state.media) {
+        state.media.className = (0, _reactcomponents.mergeClasses)(attachmentClassNames.media, mediaBaseClassName, size === 'small' && smallStyles.media, state.media.className);
+    }
+    state.content.className = (0, _reactcomponents.mergeClasses)(attachmentClassNames.content, contentBaseClassName, size === 'small' && smallStyles.content, imageOnly && imageOnlyStyles.content, state.content.className);
+    state.dismissIcon.className = (0, _reactcomponents.mergeClasses)(attachmentClassNames.dismissIcon, dismissIconBaseClassName, size === 'small' && smallStyles.dismissIcon, designVersion === 'next' && dismissOnly && dismissIconNextStyles.dismissOnly, state.dismissIcon.className);
+    if (state.progress) {
+        state.progress.className = (0, _reactcomponents.mergeClasses)(attachmentClassNames.progress, progressBarStyles.progress, state.progress.className);
+        const bar = _reactcomponents.slot.optional(state.progress.bar, {
+            elementType: 'div',
+            renderByDefault: true
+        });
+        if (bar) {
+            if (state.progress.value === undefined) {
+                bar.className = (0, _reactcomponents.mergeClasses)(progressBarStyles.indeterminateProgressBar, bar.className);
+            } else {
+                bar.className = (0, _reactcomponents.mergeClasses)(progressBarStyles.regularProgressBar, bar.className);
+            }
+            state.progress.bar = bar;
+        }
+    }
+    return state;
+};

package/lib-commonjs/components/Attachment/useAttachmentStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentStyles.styles.ts"],"sourcesContent":["import {\n  createCustomFocusIndicatorStyle,\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  slot,\n  typographyStyles,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport { useProgressBarStyles } from '../utils/useProgressBarStyles.styles';\nimport type { AttachmentSlots, AttachmentState } from './Attachment.types';\nimport type { GriffelResetStyle, SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentClassNames: SlotClassNames<AttachmentSlots> = {\n  root: 'fai-Attachment',\n  primaryAction: 'fai-Attachment__primaryAction',\n  dismissButton: 'fai-Attachment__dismissButton',\n  media: 'fai-Attachment__media',\n  content: 'fai-Attachment__content',\n  dismissIcon: 'fai-Attachment__dismissIcon',\n  progress: 'fai-Attachment__progress',\n};\n\nconst ATTACHMENT_MAXWIDTH = '180px';\nconst SMALL_ATTACHMENT_SIZE = '16px';\nconst ATTACHMENT_SIZE = '20px';\n\nconst useRootBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  flexWrap: 'nowrap',\n  verticalAlign: 'middle',\n  boxSizing: 'border-box',\n  width: 'fit-content',\n  alignSelf: 'end',\n  position: 'relative',\n});\n\nconst buttonBaseStyles: GriffelResetStyle = {\n  alignItems: 'center',\n  backgroundColor: tokens.colorSubtleBackground,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n  borderRadius: tokens.borderRadiusMedium,\n  boxSizing: 'border-box',\n  columnGap: tokens.spacingHorizontalSNudge,\n  color: tokens.colorNeutralForeground1,\n  cursor: 'pointer',\n  display: 'inline-flex',\n  flexWrap: 'nowrap',\n  justifyContent: 'center',\n  ...createCustomFocusIndicatorStyle({\n    outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n    outlineOffset: `calc(${tokens.strokeWidthThick} * -1)`,\n    zIndex: 1,\n  }),\n  verticalAlign: 'middle',\n};\n\nconst usePrimaryActionBaseClassName = makeResetStyles({\n  ...buttonBaseStyles,\n  borderTopRightRadius: tokens.borderRadiusNone,\n  borderBottomRightRadius: tokens.borderRadiusNone,\n  borderRightStyle: 'none',\n  maxWidth: `calc(${ATTACHMENT_MAXWIDTH} - ${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS} - ${tokens.spacingHorizontalXS})`,\n  padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS}`,\n});\n\nconst usePrimaryActionStyles = makeStyles({\n  button: {\n    ':hover': {\n      cursor: 'pointer',\n      backgroundColor: tokens.colorSubtleBackgroundHover,\n      color: tokens.colorNeutralForeground2Hover,\n    },\n    ':active': {\n      backgroundColor: tokens.colorSubtleBackgroundPressed,\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n    '@media (forced-colors: active)': {\n      ':hover': {\n        backgroundColor: 'HighlightText',\n      },\n      ':active': {\n        backgroundColor: 'HighlightText',\n      },\n    },\n  },\n});\n\nconst useDismissButtonBaseClassName = makeResetStyles({\n  ...buttonBaseStyles,\n\n  padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n  maxWidth: `calc(${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS}) + ${tokens.spacingHorizontalXS}`,\n  minWidth: `calc(${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS}) + ${tokens.spacingHorizontalXS}`,\n\n  // divider:\n  borderLeftColor: tokens.colorNeutralStroke1,\n  borderTopLeftRadius: tokens.borderRadiusNone,\n  borderBottomLeftRadius: tokens.borderRadiusNone,\n\n  borderTopRightRadius: tokens.borderRadiusMedium,\n  borderBottomRightRadius: tokens.borderRadiusMedium,\n\n  ':hover': {\n    cursor: 'pointer',\n    backgroundColor: tokens.colorSubtleBackgroundHover,\n    color: tokens.colorNeutralForeground2BrandHover,\n  },\n  ':active': {\n    backgroundColor: tokens.colorSubtleBackgroundPressed,\n    color: tokens.colorNeutralForeground2BrandPressed,\n  },\n  '@media (forced-colors: active)': {\n    ':hover': {\n      backgroundColor: 'HighlightText',\n    },\n    ':active': {\n      backgroundColor: 'HighlightText',\n    },\n  },\n});\n\nconst useDismissButtonCurrentStyles = makeStyles({\n  root: {\n    ':hover': {\n      [`& .${attachmentClassNames.dismissIcon}`]: {\n        color: tokens.colorBrandForegroundLinkHover,\n      },\n    },\n  },\n});\n\nconst useMediaBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  display: 'inline-flex',\n  fontSize: ATTACHMENT_SIZE,\n  height: ATTACHMENT_SIZE,\n  lineHeight: ATTACHMENT_SIZE,\n  width: ATTACHMENT_SIZE,\n});\n\nconst useContentBaseClassName = makeResetStyles({\n  overflowX: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  ...typographyStyles.body1,\n});\n\nconst useDismissIconBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  borderRadius: tokens.borderRadiusCircular,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n  boxSizing: 'border-box',\n  color: tokens.colorNeutralForeground1,\n  display: 'inline-flex',\n  fontSize: ATTACHMENT_SIZE,\n  height: `calc(${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingVerticalXXS})`,\n  justifyContent: 'center',\n  maxWidth: `calc(${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n  minWidth: `calc(${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n  padding: `calc(${tokens.spacingVerticalXXS} / 2) calc(${tokens.spacingHorizontalXXS} / 2)`,\n});\n\nconst useDismissIconNextStyles = makeStyles({\n  dismissOnly: {\n    ':hover': {\n      color: tokens.colorNeutralForeground2BrandHover,\n    },\n    ':active': {\n      color: tokens.colorNeutralForeground2BrandPressed,\n    },\n  },\n});\n\nconst useImageOnlyStyles = makeStyles({\n  primaryAction: {\n    padding: 0,\n  },\n  content: {\n    lineHeight: 0,\n  },\n});\n\nexport const useOverflowStyles = makeStyles({\n  overflow: {\n    maxWidth: '100%',\n    width: '100%',\n  },\n});\n\nconst useSmallStyles = makeStyles({\n  primaryAction: {\n    maxWidth: `calc(${ATTACHMENT_MAXWIDTH} - ${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS} - ${tokens.spacingHorizontalXS})`,\n    padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalSNudge} ${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalSNudge}`,\n  },\n  media: {\n    fontSize: SMALL_ATTACHMENT_SIZE,\n    height: SMALL_ATTACHMENT_SIZE,\n    lineHeight: SMALL_ATTACHMENT_SIZE,\n    width: SMALL_ATTACHMENT_SIZE,\n  },\n  content: {\n    ...typographyStyles.caption1,\n  },\n  dismissButton: {\n    padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalXXS}`,\n    maxWidth: `calc(${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS}) + ${tokens.spacingHorizontalXS}`,\n    minWidth: `calc(${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS}) + ${tokens.spacingHorizontalXS}`,\n  },\n  dismissIcon: {\n    fontSize: SMALL_ATTACHMENT_SIZE,\n    height: `calc(${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingVerticalXXS})`,\n    maxWidth: `calc(${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n    minWidth: `calc(${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n  },\n});\n\nconst usePrimaryActionNextStyles = makeStyles({\n  root: {\n    borderTopLeftRadius: tokens.borderRadiusXLarge,\n    borderBottomLeftRadius: tokens.borderRadiusXLarge,\n  },\n  canvas: {\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalS}`,\n    minHeight: '40px',\n  },\n\n  sidecar: {\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalS}`,\n    minHeight: '32px',\n  },\n});\n\nconst useDismissButtonNextStyles = makeStyles({\n  root: {\n    borderTopRightRadius: tokens.borderRadiusXLarge,\n    borderBottomRightRadius: tokens.borderRadiusXLarge,\n    ':hover': {\n      color: tokens.colorNeutralForeground2,\n    },\n    ':active': {\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n\n    borderLeftColor: tokens.colorNeutralStroke1,\n    borderLeftWidth: tokens.strokeWidthThin,\n    borderLeftStyle: 'solid',\n  },\n  withPrimary: {\n    ':hover': {\n      [`& .${attachmentClassNames.dismissIcon}`]: {\n        color: tokens.colorNeutralForeground2,\n      },\n    },\n    ':active': {\n      [`& .${attachmentClassNames.dismissIcon}`]: {\n        color: tokens.colorNeutralForeground2Pressed,\n      },\n    },\n  },\n  canvas: {\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalS}`,\n    minHeight: '40px',\n    width: '40px',\n  },\n  sidecar: {\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalMNudge}`,\n    minHeight: '32px',\n    width: '32px',\n  },\n  dismissOnly: {\n    borderRadius: tokens.borderRadiusXLarge,\n    width: 'unset',\n    borderLeftColor: tokens.colorTransparentStroke,\n    backgroundColor: tokens.colorNeutralBackground3,\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground3,\n    },\n    ':active': {\n      backgroundColor: tokens.colorNeutralBackground3,\n    },\n  },\n});\n\nconst usePrimaryDismissNextStyles = makeStyles({\n  sharedStyles: {\n    border: 'none',\n    backgroundColor: tokens.colorNeutralBackground3,\n  },\n  sharedInteractiveStyles: {\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground3Hover,\n    },\n    ':active': {\n      backgroundColor: tokens.colorNeutralBackground3Pressed,\n    },\n  },\n});\n\nconst useRootNextStyles = makeStyles({\n  root: {\n    outline: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n    borderRadius: tokens.borderRadiusXLarge,\n  },\n});\n\nconst useFocusStyles = makeStyles({\n  primaryActionButton: createCustomFocusIndicatorStyle({\n    borderTopRightRadius: tokens.borderRadiusNone,\n    borderBottomRightRadius: tokens.borderRadiusNone,\n  }),\n\n  dismissButton: createCustomFocusIndicatorStyle({\n    borderTopLeftRadius: tokens.borderRadiusNone,\n    borderBottomLeftRadius: tokens.borderRadiusNone,\n  }),\n});\n\n/**\n * Apply styling to the Attachment slots based on the state\n */\nexport const useAttachmentStyles_unstable = (state: AttachmentState): AttachmentState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  const primaryActionBaseClassName = usePrimaryActionBaseClassName();\n  const dismissButtonBaseClassName = useDismissButtonBaseClassName();\n  const dismissButtonCurrentStyles = useDismissButtonCurrentStyles();\n  const mediaBaseClassName = useMediaBaseClassName();\n  const contentBaseClassName = useContentBaseClassName();\n  const dismissIconBaseClassName = useDismissIconBaseClassName();\n  const dismissIconNextStyles = useDismissIconNextStyles();\n  const progressBarStyles = useProgressBarStyles();\n  const primaryActionStyles = usePrimaryActionStyles();\n  const imageOnlyStyles = useImageOnlyStyles();\n  const smallStyles = useSmallStyles();\n  const primaryActionNextStyles = usePrimaryActionNextStyles();\n  const dismissButtonNextStyles = useDismissButtonNextStyles();\n  const primaryDismissNextStyles = usePrimaryDismissNextStyles();\n  const rootNextStyles = useRootNextStyles();\n  const focusStyles = useFocusStyles();\n  const { imageOnly, primaryAction, size, mode, designVersion, dismissOnly } = state;\n\n  state.root.className = mergeClasses(\n    attachmentClassNames.root,\n    rootBaseClassName,\n    designVersion === 'next' && rootNextStyles.root,\n    state.root.className,\n  );\n  state.primaryAction.className = mergeClasses(\n    attachmentClassNames.primaryAction,\n    primaryActionBaseClassName,\n    size === 'small' && smallStyles.primaryAction,\n    primaryAction.as !== 'span' && !state.isLoading && primaryActionStyles.button,\n    imageOnly && imageOnlyStyles.primaryAction,\n    designVersion === 'next' && primaryDismissNextStyles.sharedStyles,\n    designVersion === 'next' &&\n      primaryAction.as !== 'span' &&\n      !state.isLoading &&\n      primaryDismissNextStyles.sharedInteractiveStyles,\n    designVersion === 'next' && primaryActionNextStyles.root,\n    designVersion === 'next' && primaryActionNextStyles[mode],\n    focusStyles.primaryActionButton,\n    state.primaryAction.className,\n  );\n  state.dismissButton.className = mergeClasses(\n    attachmentClassNames.dismissButton,\n    dismissButtonBaseClassName,\n    designVersion === 'current' && dismissButtonCurrentStyles.root,\n    size === 'small' && smallStyles.dismissButton,\n    designVersion === 'next' && primaryDismissNextStyles.sharedStyles,\n    designVersion === 'next' && primaryDismissNextStyles.sharedInteractiveStyles,\n    designVersion === 'next' && dismissButtonNextStyles.root,\n    designVersion === 'next' && dismissButtonNextStyles[mode],\n    designVersion === 'next' && dismissOnly && dismissButtonNextStyles.dismissOnly,\n    designVersion === 'next' && !dismissOnly && dismissButtonNextStyles.withPrimary,\n    focusStyles.dismissButton,\n    state.dismissButton.className,\n  );\n  if (state.media) {\n    state.media.className = mergeClasses(\n      attachmentClassNames.media,\n      mediaBaseClassName,\n      size === 'small' && smallStyles.media,\n      state.media.className,\n    );\n  }\n  state.content.className = mergeClasses(\n    attachmentClassNames.content,\n    contentBaseClassName,\n    size === 'small' && smallStyles.content,\n    imageOnly && imageOnlyStyles.content,\n    state.content.className,\n  );\n  state.dismissIcon.className = mergeClasses(\n    attachmentClassNames.dismissIcon,\n    dismissIconBaseClassName,\n    size === 'small' && smallStyles.dismissIcon,\n    designVersion === 'next' && dismissOnly && dismissIconNextStyles.dismissOnly,\n    state.dismissIcon.className,\n  );\n\n  if (state.progress) {\n    state.progress.className = mergeClasses(\n      attachmentClassNames.progress,\n      progressBarStyles.progress,\n      state.progress.className,\n    );\n\n    const bar = slot.optional(state.progress.bar, { elementType: 'div', renderByDefault: true });\n    if (bar) {\n      if (state.progress.value === undefined) {\n        bar.className = mergeClasses(progressBarStyles.indeterminateProgressBar, bar.className);\n      } else {\n        bar.className = mergeClasses(progressBarStyles.regularProgressBar, bar.className);\n      }\n      state.progress.bar = bar;\n    }\n  }\n\n  return state;\n};\n"],"names":["attachmentClassNames","useAttachmentStyles_unstable","useOverflowStyles","root","primaryAction","dismissButton","media","content","dismissIcon","progress","ATTACHMENT_MAXWIDTH","SMALL_ATTACHMENT_SIZE","ATTACHMENT_SIZE","useRootBaseClassName","makeResetStyles","display","flexWrap","verticalAlign","boxSizing","width","alignSelf","position","buttonBaseStyles","alignItems","backgroundColor","tokens","colorSubtleBackground","border","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","columnGap","spacingHorizontalSNudge","color","colorNeutralForeground1","cursor","justifyContent","createCustomFocusIndicatorStyle","outline","strokeWidthThick","colorStrokeFocus2","outlineOffset","zIndex","usePrimaryActionBaseClassName","borderTopRightRadius","borderRadiusNone","borderBottomRightRadius","borderRightStyle","maxWidth","spacingHorizontalXXS","spacingHorizontalXS","padding","spacingVerticalXS","spacingHorizontalS","usePrimaryActionStyles","makeStyles","button","colorSubtleBackgroundHover","colorNeutralForeground2Hover","colorSubtleBackgroundPressed","colorNeutralForeground2Pressed","useDismissButtonBaseClassName","minWidth","borderLeftColor","borderTopLeftRadius","borderBottomLeftRadius","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","useDismissButtonCurrentStyles","colorBrandForegroundLinkHover","useMediaBaseClassName","fontSize","height","lineHeight","useContentBaseClassName","overflowX","textOverflow","whiteSpace","typographyStyles","body1","useDismissIconBaseClassName","borderRadiusCircular","colorTransparentStroke","spacingVerticalXXS","useDismissIconNextStyles","dismissOnly","useImageOnlyStyles","overflow","useSmallStyles","caption1","usePrimaryActionNextStyles","borderRadiusXLarge","canvas","spacingVerticalNone","minHeight","sidecar","useDismissButtonNextStyles","colorNeutralForeground2","borderLeftWidth","borderLeftStyle","withPrimary","spacingHorizontalMNudge","colorNeutralBackground3","usePrimaryDismissNextStyles","sharedStyles","sharedInteractiveStyles","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","useRootNextStyles","useFocusStyles","primaryActionButton","state","rootBaseClassName","primaryActionBaseClassName","dismissButtonBaseClassName","dismissButtonCurrentStyles","mediaBaseClassName","contentBaseClassName","dismissIconBaseClassName","dismissIconNextStyles","progressBarStyles","useProgressBarStyles","primaryActionStyles","imageOnlyStyles","smallStyles","primaryActionNextStyles","dismissButtonNextStyles","primaryDismissNextStyles","rootNextStyles","focusStyles","imageOnly","size","mode","designVersion","className","mergeClasses","as","isLoading","bar","slot","optional","elementType","renderByDefault","value","undefined","indeterminateProgressBar","regularProgressBar"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/AttachmentList/AttachmentList.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "AttachmentList", {
+    enumerable: true,
+    get: function() {
+        return AttachmentList;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useAttachmentList = require("./useAttachmentList");
+const _renderAttachmentList = require("./renderAttachmentList");
+const _useAttachmentListStylesstyles = require("./useAttachmentListStyles.styles");
+const _useAttachmentListContextValues = require("./useAttachmentListContextValues");
+const _reactprovider = require("@fluentui-copilot/react-provider");
+const AttachmentList = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useAttachmentList.useAttachmentList_unstable)(props, ref);
+    const contextValues = (0, _useAttachmentListContextValues.useAttachmentListContextValues_unstable)(state);
+    (0, _useAttachmentListStylesstyles.useAttachmentListStyles_unstable)(state);
+    (0, _reactprovider.useCustomStyleHook)('useAttachmentListStyles')(state);
+    return (0, _renderAttachmentList.renderAttachmentList_unstable)(state, contextValues);
+});
+AttachmentList.displayName = 'AttachmentList';

package/lib-commonjs/components/AttachmentList/AttachmentList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAttachmentList_unstable } from './useAttachmentList';\nimport { renderAttachmentList_unstable } from './renderAttachmentList';\nimport { useAttachmentListStyles_unstable } from './useAttachmentListStyles.styles';\nimport { useAttachmentListContextValues_unstable } from './useAttachmentListContextValues';\nimport type { AttachmentListProps } from './AttachmentList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\nexport const AttachmentList: ForwardRefComponent<AttachmentListProps> = React.forwardRef((props, ref) => {\n  const state = useAttachmentList_unstable(props, ref);\n  const contextValues = useAttachmentListContextValues_unstable(state);\n\n  useAttachmentListStyles_unstable(state);\n  useCustomStyleHook('useAttachmentListStyles')(state);\n\n  return renderAttachmentList_unstable(state, contextValues);\n});\n\nAttachmentList.displayName = 'AttachmentList';\n"],"names":["AttachmentList","React","forwardRef","props","ref","state","useAttachmentList_unstable","contextValues","useAttachmentListContextValues_unstable","useAttachmentListStyles_unstable","useCustomStyleHook","renderAttachmentList_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;mCACoB;sCACG;+CACG;gDACO;+BAGrB;AAE5B,MAAMA,iBAAAA,WAAAA,GAA2DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQC,IAAAA,6CAAAA,EAA2BH,OAAOC;IAChD,MAAMG,gBAAgBC,IAAAA,uEAAAA,EAAwCH;IAE9DI,IAAAA,+DAAAA,EAAiCJ;IACjCK,IAAAA,iCAAAA,EAAmB,2BAA2BL;IAE9C,OAAOM,IAAAA,mDAAAA,EAA8BN,OAAOE;AAC9C;AAEAP,eAAeY,WAAW,GAAG"}

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/components/AttachmentList/AttachmentList.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentList.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, MenuList, MenuPopover, Slot } from '@fluentui/react-components';\nimport type { AttachmentListContextValue } from '../../contexts/attachmentListContext';\nimport type { AttachmentProps } from '../Attachment';\nimport type { AttachmentOverflowMenuProps } from '../AttachmentOverflowMenu';\nimport type { DesignVersion } from '@fluentui-copilot/react-provider';\n\nexport type AttachmentListSlots = {\n  root: Slot<'div'>;\n  menuList?: Slot<typeof MenuList>;\n  menuPopover?: Slot<typeof MenuPopover>;\n\n  /**\n   * An AttachmentList has an overflow menu when `maxVisibleAttachments` is exceeded.\n   * Adding a custom button for the overflow menu is supported.\n   */\n  overflowMenuButton: Slot<'span'>;\n};\n\nexport type AttachmentDismissedData = {\n  content?: AttachmentProps['children'];\n  media?: AttachmentProps['media'];\n  id?: string;\n};\n\n/**\n * AttachmentList Props\n */\nexport type AttachmentListProps = ComponentProps<Partial<AttachmentListSlots>> &\n  DesignVersion & {\n    /**\n     * Callback fired when an attachment is dismissed.\n     */\n    onAttachmentDismiss?: (\n      e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement>,\n      data: AttachmentDismissedData,\n    ) => void;\n\n    /**\n     * Props that will be passed to the overflow menu.\n     */\n    overflowMenuProps?: Omit<AttachmentOverflowMenuProps, 'children'>;\n\n    /**\n     * The maximum number of attachments to display before the overflow button is shown even if there is\n     * enough space available to show more.\n     * If not set, the overflow functionality will be disabled.\n     * @default undefined\n     */\n    maxVisibleAttachments?: number;\n  };\n\n/**\n * State used in rendering AttachmentList\n */\nexport type AttachmentListState = ComponentState<AttachmentListSlots> &\n  Pick<AttachmentListProps, 'onAttachmentDismiss' | 'overflowMenuProps' | 'designVersion'> & {\n    shouldUseOverflow: boolean;\n    numberOfAttachments: number;\n  };\n\nexport type AttachmentListContextValues = {\n  attachmentList: AttachmentListContextValue;\n};\n"],"names":[],"rangeMappings":"","mappings":""}

package/lib-commonjs/components/AttachmentList/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AttachmentList: function() {
+        return _AttachmentList.AttachmentList;
+    },
+    attachmentListClassNames: function() {
+        return _useAttachmentListStylesstyles.attachmentListClassNames;
+    },
+    renderAttachmentList_unstable: function() {
+        return _renderAttachmentList.renderAttachmentList_unstable;
+    },
+    useAttachmentListStyles_unstable: function() {
+        return _useAttachmentListStylesstyles.useAttachmentListStyles_unstable;
+    },
+    useAttachmentList_unstable: function() {
+        return _useAttachmentList.useAttachmentList_unstable;
+    }
+});
+const _AttachmentList = require("./AttachmentList");
+const _renderAttachmentList = require("./renderAttachmentList");
+const _useAttachmentList = require("./useAttachmentList");
+const _useAttachmentListStylesstyles = require("./useAttachmentListStyles.styles");

package/lib-commonjs/components/AttachmentList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { AttachmentList } from './AttachmentList';\nexport type { AttachmentDismissedData, AttachmentListContextValues, AttachmentListProps, AttachmentListSlots, AttachmentListState } from './AttachmentList.types';\nexport { renderAttachmentList_unstable } from './renderAttachmentList';\nexport { useAttachmentList_unstable } from './useAttachmentList';\nexport { attachmentListClassNames, useAttachmentListStyles_unstable } from './useAttachmentListStyles.styles';\n"],"names":["AttachmentList","attachmentListClassNames","renderAttachmentList_unstable","useAttachmentListStyles_unstable","useAttachmentList_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,cAAc;eAAdA,8BAAc;;IAIdC,wBAAwB;eAAxBA,uDAAwB;;IAFxBC,6BAA6B;eAA7BA,mDAA6B;;IAEHC,gCAAgC;eAAhCA,+DAAgC;;IAD1DC,0BAA0B;eAA1BA,6CAA0B;;;gCAHJ;sCAEe;mCACH;+CACgC"}

package/lib-commonjs/components/AttachmentList/renderAttachmentList.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderAttachmentList_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderAttachmentList_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const _attachmentListContext = require("../../contexts/attachmentListContext");
+const _AttachmentOverflowMenu = require("../AttachmentOverflowMenu");
+const renderAttachmentList_unstable = (state, contextValues)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    const { overflowMenuProps, root, shouldUseOverflow } = state;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_attachmentListContext.AttachmentListProvider, {
+        value: contextValues.attachmentList,
+        children: shouldUseOverflow && state.overflowMenuButton && state.menuList && state.menuPopover ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactcomponents.Overflow, {
+            ref: root.ref,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+                children: [
+                    root.children,
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_AttachmentOverflowMenu.AttachmentOverflowMenu, {
+                        positioning: 'above',
+                        ...overflowMenuProps,
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.overflowMenuButton, {}),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.menuPopover, {
+                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.menuList, {})
+                            })
+                        ]
+                    })
+                ]
+            })
+        }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
+    });
+};

package/lib-commonjs/components/AttachmentList/renderAttachmentList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderAttachmentList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { Overflow, assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport { AttachmentListProvider } from '../../contexts/attachmentListContext';\nimport { AttachmentOverflowMenu } from '../AttachmentOverflowMenu';\nimport type { AttachmentListState, AttachmentListSlots, AttachmentListContextValues } from './AttachmentList.types';\n\n/**\n * Render the final JSX of AttachmentList\n */\nexport const renderAttachmentList_unstable = (\n  state: AttachmentListState,\n  contextValues: AttachmentListContextValues,\n): JSXElement => {\n  assertSlots<AttachmentListSlots>(state);\n  const { overflowMenuProps, root, shouldUseOverflow } = state;\n\n  return (\n    <AttachmentListProvider value={contextValues.attachmentList}>\n      {shouldUseOverflow && state.overflowMenuButton && state.menuList && state.menuPopover ? (\n        <Overflow ref={root.ref}>\n          <state.root>\n            {root.children}\n            <AttachmentOverflowMenu positioning={'above'} {...overflowMenuProps}>\n              <state.overflowMenuButton />\n              <state.menuPopover>\n                <state.menuList />\n              </state.menuPopover>\n            </AttachmentOverflowMenu>\n          </state.root>\n        </Overflow>\n      ) : (\n        <state.root />\n      )}\n    </AttachmentListProvider>\n  );\n};\n"],"names":["renderAttachmentList_unstable","state","contextValues","assertSlots","overflowMenuProps","root","shouldUseOverflow","_jsx","AttachmentListProvider","value","attachmentList","overflowMenuButton","menuList","menuPopover","Overflow","ref","_jsxs","children","AttachmentOverflowMenu","positioning"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;4BAXb;iCAEsC;uCAEC;wCACA;AAMhC,MAAMA,gCAAgC,CAC3CC,OACAC;IAEAC,IAAAA,4BAAAA,EAAiCF;IACjC,MAAM,EAAEG,iBAAiB,EAAEC,IAAI,EAAEC,iBAAiB,EAAE,GAAGL;IAEvD,OAAA,WAAA,GACEM,IAAAA,eAAA,EAACC,6CAAAA,EAAAA;QAAuBC,OAAOP,cAAcQ,cAAc;kBACxDJ,qBAAqBL,MAAMU,kBAAkB,IAAIV,MAAMW,QAAQ,IAAIX,MAAMY,WAAW,GAAA,WAAA,GACnFN,IAAAA,eAAA,EAACO,yBAAAA,EAAAA;YAASC,KAAKV,KAAKU,GAAG;sBACrB,WAAA,GAAAC,IAAAA,gBAAA,EAACf,MAAMI,IAAI,EAAA;;oBACRA,KAAKY,QAAQ;kCACdD,IAAAA,gBAAA,EAACE,8CAAAA,EAAAA;wBAAuBC,aAAa;wBAAU,GAAGf,iBAAiB;;0CACjEG,IAAAA,eAAA,EAACN,MAAMU,kBAAkB,EAAA,CAAA;0CACzBJ,IAAAA,eAAA,EAACN,MAAMY,WAAW,EAAA;0CAChB,WAAA,GAAAN,IAAAA,eAAA,EAACN,MAAMW,QAAQ,EAAA,CAAA;;;;;;2BAMvBL,IAAAA,eAAA,EAACN,MAAMI,IAAI,EAAA,CAAA;;AAInB"}