@fluentui-copilot/react-reference 0.15.5-hotfix.1 → 0.15.5-hotfix.2

package/lib/components/ReferenceList/useReferenceList.js

@@ -11,19 +11,21 @@ import { referenceListItemClassName } from './useReferenceListStyles.styles';
  * @param ref - reference to root HTMLElement of ReferenceList
  *
  * deprecated Use ReferenceListV2 component, hooks and types instead.
- */ export const useReferenceList_unstable = (props, ref)=>{
-    return {
-        components: {
-            root: 'ol'
-        },
-        root: slot.always(getIntrinsicElementProps('ol', {
-            ref,
-            ...props,
-            children: React.Children.map(props.children, (child)=>/*#__PURE__*/ React.createElement("li", {
-                    className: referenceListItemClassName
-                }, child))
-        }), {
-            elementType: 'ol'
-        })
-    };
+ */
+export const useReferenceList_unstable = (props, ref) => {
+  return {
+    components: {
+      root: 'ol'
+    },
+    root: slot.always(getIntrinsicElementProps('ol', {
+      ref,
+      ...props,
+      children: React.Children.map(props.children, child => /*#__PURE__*/React.createElement("li", {
+        className: referenceListItemClassName
+      }, child))
+    }), {
+      elementType: 'ol'
+    })
+  };
 };
+//# sourceMappingURL=useReferenceList.js.map

package/lib/components/ReferenceList/useReferenceListStyles.styles.raw.js

@@ -1,27 +1,33 @@
 import { makeResetStyles, mergeClasses } from '@fluentui/react-components';
 import { tokens } from '@fluentui-copilot/tokens';
-/** deprecated Use ReferenceListV2 component, hooks and types instead. */ export const referenceListClassNames = {
-    root: 'fai-ReferenceList'
+/** deprecated Use ReferenceListV2 component, hooks and types instead. */
+export const referenceListClassNames = {
+  root: 'fai-ReferenceList'
 };
-/** deprecated Use ReferenceListV2 component, hooks and types instead. */ export const referenceListItemClassName = 'fai-ReferenceList__item';
+/** deprecated Use ReferenceListV2 component, hooks and types instead. */
+export const referenceListItemClassName = 'fai-ReferenceList__item';
 /**
  * Styles for the root slot
- */ const useRootClassName = makeResetStyles({
-    padding: 0,
-    margin: 0,
-    display: 'flex',
-    flexDirection: 'column',
-    gap: tokens.spacingVerticalS,
-    [`> .${referenceListItemClassName}`]: {
-        listStyleType: 'none'
-    }
+ */
+const useRootClassName = makeResetStyles({
+  padding: 0,
+  margin: 0,
+  display: 'flex',
+  flexDirection: 'column',
+  gap: tokens.spacingVerticalS,
+  [`> .${referenceListItemClassName}`]: {
+    listStyleType: 'none'
+  }
 });
 /**
  * Apply styling to the ReferenceList slots based on the state
  *
  * deprecated Use ReferenceListV2 component, hooks and types instead.
- */ export const useReferenceListStyles_unstable = (state)=>{
-    'use no memo';
-    state.root.className = mergeClasses(referenceListClassNames.root, useRootClassName(), state.root.className);
-    return state;
+ */
+export const useReferenceListStyles_unstable = state => {
+  'use no memo';
+
+  state.root.className = mergeClasses(referenceListClassNames.root, useRootClassName(), state.root.className);
+  return state;
 };
+//# sourceMappingURL=useReferenceListStyles.styles.raw.js.map

package/lib/components/reference-v2/Reference/Reference.js

@@ -2,9 +2,10 @@ import * as React from 'react';
 import { useReference_unstable } from './useReference';
 import { renderReference_unstable } from './renderReference';
 import { useReferenceStyles_unstable } from './useReferenceStyles.styles';
-export const Reference = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useReference_unstable(props, ref);
-    useReferenceStyles_unstable(state);
-    return renderReference_unstable(state);
+export const Reference = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useReference_unstable(props, ref);
+  useReferenceStyles_unstable(state);
+  return renderReference_unstable(state);
 });
 Reference.displayName = 'Reference';
+//# sourceMappingURL=Reference.js.map

package/lib/components/reference-v2/Reference/Reference.types.js

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

package/lib/components/reference-v2/Reference/index.js

@@ -2,3 +2,4 @@ export { Reference } from './Reference';
 export { renderReference_unstable } from './renderReference';
 export { useReference_unstable } from './useReference';
 export { referenceClassNames, referenceExtraClassNames, useReferenceStyles_unstable } from './useReferenceStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/reference-v2/Reference/renderReference.js

@@ -1,22 +1,19 @@
-  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';
-export const renderReference_unstable = (state)=>{
-    assertSlots(state);
-    const { id, shouldUseOverflow } = state;
-    const reference = /*#__PURE__*/ _jsxs(state.root, {
-        children: [
-            state.citation && /*#__PURE__*/ _jsx(state.citation, {}),
-            state.divider && /*#__PURE__*/ _jsx(state.divider, {}),
-            state.content && /*#__PURE__*/ _jsxs(state.content, {
-                children: [
-                    state.graphic && /*#__PURE__*/ _jsx(state.graphic, {}),
-                    state.root.children
-                ]
-            })
-        ]
-    });
-    return shouldUseOverflow ? /*#__PURE__*/ _jsx(OverflowItem, {
-        id: id,
-        children: reference
-    }, id) : reference;
+export const renderReference_unstable = state => {
+  assertSlots(state);
+  const {
+    id,
+    shouldUseOverflow
+  } = state;
+  const reference = /*#__PURE__*/_jsxs(state.root, {
+    children: [state.citation && /*#__PURE__*/_jsx(state.citation, {}), state.divider && /*#__PURE__*/_jsx(state.divider, {}), state.content && /*#__PURE__*/_jsxs(state.content, {
+      children: [state.graphic && /*#__PURE__*/_jsx(state.graphic, {}), state.root.children]
+    })]
+  });
+  return shouldUseOverflow ? /*#__PURE__*/_jsx(OverflowItem, {
+    id: id,
+    children: reference
+  }, id) : reference;
 };
+//# sourceMappingURL=renderReference.js.map

package/lib/components/reference-v2/Reference/useReference.js

@@ -11,58 +11,64 @@ import { useDesignVersion } from '@fluentui-copilot/react-provider';
  *
  * @param props - props from this instance of Reference
  * @param ref - reference to root HTMLElement of Reference
- */ export const useReference_unstable = (props, ref)=>{
-    const { as, children, id } = props;
-    const designVersion = useDesignVersion(props.designVersion);
-    const shouldUseOverflow = useReferenceListContext_unstable((ctx)=>ctx.shouldUseOverflow);
-    const referenceId = useId('reference-', id);
-    const elementType = as || (props.href ? 'a' : 'button');
-    const propsWithAssignedAs = {
-        type: elementType === 'button' ? 'button' : undefined,
-        ...props,
-        as: elementType,
-        id: referenceId
-    };
-    const citation = slot.optional(props.citation, {
-        elementType: 'span'
+ */
+export const useReference_unstable = (props, ref) => {
+  const {
+    as,
+    children,
+    id
+  } = props;
+  const designVersion = useDesignVersion(props.designVersion);
+  const shouldUseOverflow = useReferenceListContext_unstable(ctx => ctx.shouldUseOverflow);
+  const referenceId = useId('reference-', id);
+  const elementType = as || (props.href ? 'a' : 'button');
+  const propsWithAssignedAs = {
+    type: elementType === 'button' ? 'button' : undefined,
+    ...props,
+    as: elementType,
+    id: referenceId
+  };
+  const citation = slot.optional(props.citation, {
+    elementType: 'span'
+  });
+  const graphic = slot.optional(props.graphic, {
+    elementType: 'span'
+  });
+  const content = slot.optional(props.content, {
+    elementType: 'span',
+    renderByDefault: graphic !== undefined || !!children
+  });
+  const divider = slot.optional(props.divider, {
+    elementType: 'span',
+    renderByDefault: citation !== undefined && content !== undefined
+  });
+  const state = {
+    designVersion,
+    id: referenceId,
+    shouldUseOverflow,
+    components: {
+      root: elementType,
+      citation: 'span',
+      divider: 'span',
+      graphic: 'span',
+      content: 'span'
+    },
+    root: slot.always(getIntrinsicElementProps(elementType, {
+      ref,
+      ...propsWithAssignedAs
+    }), {
+      elementType
+    }),
+    citation,
+    divider,
+    content,
+    graphic
+  };
+  if (state.graphic && React.isValidElement(state.graphic.children)) {
+    state.graphic.children = React.cloneElement(state.graphic.children, {
+      className: mergeClasses(state.graphic.children.props.className, referenceExtraClassNames.graphicChild)
     });
-    const graphic = slot.optional(props.graphic, {
-        elementType: 'span'
-    });
-    const content = slot.optional(props.content, {
-        elementType: 'span',
-        renderByDefault: graphic !== undefined || !!children
-    });
-    const divider = slot.optional(props.divider, {
-        elementType: 'span',
-        renderByDefault: citation !== undefined && content !== undefined
-    });
-    const state = {
-        designVersion,
-        id: referenceId,
-        shouldUseOverflow,
-        components: {
-            root: elementType,
-            citation: 'span',
-            divider: 'span',
-            graphic: 'span',
-            content: 'span'
-        },
-        root: slot.always(getIntrinsicElementProps(elementType, {
-            ref,
-            ...propsWithAssignedAs
-        }), {
-            elementType
-        }),
-        citation,
-        divider,
-        content,
-        graphic
-    };
-    if (state.graphic && React.isValidElement(state.graphic.children)) {
-        state.graphic.children = React.cloneElement(state.graphic.children, {
-            className: mergeClasses(state.graphic.children.props.className, referenceExtraClassNames.graphicChild)
-        });
-    }
-    return state;
+  }
+  return state;
 };
+//# sourceMappingURL=useReference.js.map

package/lib/components/reference-v2/Reference/useReferenceStyles.styles.raw.js

@@ -1,110 +1,115 @@
 import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';
 import { tokens } from '@fluentui-copilot/tokens';
 export const referenceClassNames = {
-    root: 'fai-Reference',
-    citation: 'fai-Reference__citation',
-    divider: 'fai-Reference__divider',
-    graphic: 'fai-Reference__graphic',
-    content: 'fai-Reference__content'
+  root: 'fai-Reference',
+  citation: 'fai-Reference__citation',
+  divider: 'fai-Reference__divider',
+  graphic: 'fai-Reference__graphic',
+  content: 'fai-Reference__content'
 };
 export const referenceExtraClassNames = {
-    graphicChild: 'fai-Reference__graphicChild'
+  graphicChild: 'fai-Reference__graphicChild'
 };
 const GRAPHIC_SIZE = '16px';
 const useRootBaseClassName = makeResetStyles({
-    alignItems: 'center',
-    backgroundColor: tokens.colorNeutralBackground3,
-    border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,
-    borderRadius: tokens.borderRadiusMedium,
-    boxSizing: 'border-box',
-    color: tokens.colorNeutralForeground2,
-    columnGap: tokens.spacingHorizontalXXS,
-    display: 'inline-flex',
-    flexShrink: 0,
-    justifyContent: 'center',
-    maxWidth: '100%',
-    minHeight: '24px',
-    padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalS}`,
-    textDecoration: 'none',
-    ':hover': {
-        backgroundColor: tokens.colorNeutralBackground3Hover,
-        borderColor: tokens.colorNeutralStroke1Hover,
-        color: tokens.colorNeutralForeground2Hover,
-        [`& .${referenceClassNames.divider}`]: {
-            backgroundColor: tokens.colorNeutralStroke1Hover
-        }
-    },
-    ':hover:active': {
-        backgroundColor: tokens.colorNeutralBackground3Pressed,
-        borderColor: tokens.colorNeutralStroke1Pressed,
-        color: tokens.colorNeutralForeground2Pressed,
-        [`& .${referenceClassNames.divider}`]: {
-            backgroundColor: tokens.colorNeutralStroke1Pressed
-        }
+  alignItems: 'center',
+  backgroundColor: tokens.colorNeutralBackground3,
+  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,
+  borderRadius: tokens.borderRadiusMedium,
+  boxSizing: 'border-box',
+  color: tokens.colorNeutralForeground2,
+  columnGap: tokens.spacingHorizontalXXS,
+  display: 'inline-flex',
+  flexShrink: 0,
+  justifyContent: 'center',
+  maxWidth: '100%',
+  minHeight: '24px',
+  padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalS}`,
+  textDecoration: 'none',
+  ':hover': {
+    backgroundColor: tokens.colorNeutralBackground3Hover,
+    borderColor: tokens.colorNeutralStroke1Hover,
+    color: tokens.colorNeutralForeground2Hover,
+    [`& .${referenceClassNames.divider}`]: {
+      backgroundColor: tokens.colorNeutralStroke1Hover
+    }
+  },
+  ':hover:active': {
+    backgroundColor: tokens.colorNeutralBackground3Pressed,
+    borderColor: tokens.colorNeutralStroke1Pressed,
+    color: tokens.colorNeutralForeground2Pressed,
+    [`& .${referenceClassNames.divider}`]: {
+      backgroundColor: tokens.colorNeutralStroke1Pressed
     }
+  }
 });
 export const useRootStyles = makeStyles({
-    overflow: {
-        maxWidth: '100%',
-        width: '100%'
-    }
+  overflow: {
+    maxWidth: '100%',
+    width: '100%'
+  }
 });
 const useRootNextStyles = makeStyles({
-    root: {
-        borderRadius: tokens.borderRadiusXLarge
-    }
+  root: {
+    borderRadius: tokens.borderRadiusXLarge
+  }
 });
 const useCitationBaseClassName = makeResetStyles({
-    ...typographyStyles.caption2Strong
+  ...typographyStyles.caption2Strong
 });
 const useDividerBaseClassName = makeResetStyles({
-    backgroundColor: tokens.colorNeutralStroke2,
-    height: '16px',
-    margin: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalXS}`,
-    width: '1px'
+  backgroundColor: tokens.colorNeutralStroke2,
+  height: '16px',
+  margin: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalXS}`,
+  width: '1px'
 });
 const useGraphicBaseClassName = makeResetStyles({
-    display: 'inline-flex',
-    fontSize: GRAPHIC_SIZE,
+  display: 'inline-flex',
+  fontSize: GRAPHIC_SIZE,
+  height: GRAPHIC_SIZE,
+  lineHeight: GRAPHIC_SIZE,
+  width: GRAPHIC_SIZE,
+  [`> .${referenceExtraClassNames.graphicChild}`]: {
     height: GRAPHIC_SIZE,
-    lineHeight: GRAPHIC_SIZE,
-    width: GRAPHIC_SIZE,
-    [`> .${referenceExtraClassNames.graphicChild}`]: {
-        height: GRAPHIC_SIZE,
-        width: GRAPHIC_SIZE
-    }
+    width: GRAPHIC_SIZE
+  }
 });
 const useContentBaseClassName = makeResetStyles({
-    alignItems: 'center',
-    columnGap: tokens.spacingHorizontalSNudge,
-    display: 'inline-flex',
-    textAlign: 'start',
-    wordBreak: 'break-word',
-    ...typographyStyles.caption1
+  alignItems: 'center',
+  columnGap: tokens.spacingHorizontalSNudge,
+  display: 'inline-flex',
+  textAlign: 'start',
+  wordBreak: 'break-word',
+  ...typographyStyles.caption1
 });
 /**
  * Apply styling to the Reference slots based on the state
- */ export const useReferenceStyles_unstable = (state)=>{
-    'use no memo';
-    const { designVersion } = state;
-    const rootBaseClassName = useRootBaseClassName();
-    const rootNextStyles = useRootNextStyles();
-    const citationBaseClassName = useCitationBaseClassName();
-    const dividerBaseClassName = useDividerBaseClassName();
-    const contentBaseClassName = useContentBaseClassName();
-    const graphicBaseClassName = useGraphicBaseClassName();
-    state.root.className = mergeClasses(referenceClassNames.root, rootBaseClassName, designVersion === 'next' && rootNextStyles.root, state.root.className);
-    if (state.citation) {
-        state.citation.className = mergeClasses(referenceClassNames.citation, citationBaseClassName, state.citation.className);
-    }
-    if (state.divider) {
-        state.divider.className = mergeClasses(referenceClassNames.divider, dividerBaseClassName, state.divider.className);
-    }
-    if (state.content) {
-        state.content.className = mergeClasses(referenceClassNames.content, contentBaseClassName, state.content.className);
-    }
-    if (state.graphic) {
-        state.graphic.className = mergeClasses(referenceClassNames.graphic, graphicBaseClassName, state.graphic.className);
-    }
-    return state;
+ */
+export const useReferenceStyles_unstable = state => {
+  'use no memo';
+
+  const {
+    designVersion
+  } = state;
+  const rootBaseClassName = useRootBaseClassName();
+  const rootNextStyles = useRootNextStyles();
+  const citationBaseClassName = useCitationBaseClassName();
+  const dividerBaseClassName = useDividerBaseClassName();
+  const contentBaseClassName = useContentBaseClassName();
+  const graphicBaseClassName = useGraphicBaseClassName();
+  state.root.className = mergeClasses(referenceClassNames.root, rootBaseClassName, designVersion === 'next' && rootNextStyles.root, state.root.className);
+  if (state.citation) {
+    state.citation.className = mergeClasses(referenceClassNames.citation, citationBaseClassName, state.citation.className);
+  }
+  if (state.divider) {
+    state.divider.className = mergeClasses(referenceClassNames.divider, dividerBaseClassName, state.divider.className);
+  }
+  if (state.content) {
+    state.content.className = mergeClasses(referenceClassNames.content, contentBaseClassName, state.content.className);
+  }
+  if (state.graphic) {
+    state.graphic.className = mergeClasses(referenceClassNames.graphic, graphicBaseClassName, state.graphic.className);
+  }
+  return state;
 };
+//# sourceMappingURL=useReferenceStyles.styles.raw.js.map

package/lib/components/reference-v2/ReferenceList/ReferenceList.js

@@ -3,10 +3,11 @@ import { renderReferenceList_unstable } from './renderReferenceList';
 import { useReferenceList_unstable } from './useReferenceList';
 import { useReferenceListStyles_unstable } from './useReferenceListStyles.styles';
 import { useReferenceListContextValues_unstable } from './useReferenceListContextValues';
-export const ReferenceList = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useReferenceList_unstable(props, ref);
-    const referenceListContextValues = useReferenceListContextValues_unstable(state);
-    useReferenceListStyles_unstable(state);
-    return renderReferenceList_unstable(state, referenceListContextValues);
+export const ReferenceList = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useReferenceList_unstable(props, ref);
+  const referenceListContextValues = useReferenceListContextValues_unstable(state);
+  useReferenceListStyles_unstable(state);
+  return renderReferenceList_unstable(state, referenceListContextValues);
 });
 ReferenceList.displayName = 'ReferenceList';
+//# sourceMappingURL=ReferenceList.js.map

package/lib/components/reference-v2/ReferenceList/ReferenceList.types.js

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

package/lib/components/reference-v2/ReferenceList/index.js

@@ -2,3 +2,4 @@ export { ReferenceList } from './ReferenceList';
 export { renderReferenceList_unstable } from './renderReferenceList';
 export { useReferenceList_unstable } from './useReferenceList';
 export { referenceListClassNames, useReferenceListStyles_unstable } from './useReferenceListStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/reference-v2/ReferenceList/renderReferenceList.js

@@ -1,22 +1,22 @@
-  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 { ReferenceListContextProvider } from '../../../contexts/reference-v2/referenceListContext';
 /**
  * Render the final JSX of ReferenceList
- */ export const renderReferenceList_unstable = (state, contextValues)=>{
-    assertSlots(state);
-    const { minVisibleReferences } = state;
-    return /*#__PURE__*/ _jsx(ReferenceListContextProvider, {
-        value: contextValues.referenceList,
-        children: /*#__PURE__*/ _jsx(Overflow, {
-            minimumVisible: minVisibleReferences,
-            children: /*#__PURE__*/ _jsxs(state.root, {
-                children: [
-                    /*#__PURE__*/ _jsx(state.arrowableRegion, {}),
-                    state.showMoreButton && /*#__PURE__*/ _jsx(state.showMoreButton, {}),
-                    state.showLessButton && /*#__PURE__*/ _jsx(state.showLessButton, {})
-                ]
-            })
-        })
-    });
+ */
+export const renderReferenceList_unstable = (state, contextValues) => {
+  assertSlots(state);
+  const {
+    minVisibleReferences
+  } = state;
+  return /*#__PURE__*/_jsx(ReferenceListContextProvider, {
+    value: contextValues.referenceList,
+    children: /*#__PURE__*/_jsx(Overflow, {
+      minimumVisible: minVisibleReferences,
+      children: /*#__PURE__*/_jsxs(state.root, {
+        children: [/*#__PURE__*/_jsx(state.arrowableRegion, {}), state.showMoreButton && /*#__PURE__*/_jsx(state.showMoreButton, {}), state.showLessButton && /*#__PURE__*/_jsx(state.showLessButton, {})]
+      })
+    })
+  });
 };
+//# sourceMappingURL=renderReferenceList.js.map