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

package/lib/components/ReferenceGroupToggle/useReferenceGroupToggle.js

@@ -10,34 +10,30 @@ import { useCopilotMode } from '@fluentui-copilot/react-provider';
  *
  * @param props - props from this instance of ReferenceGroupToggle
  * @param ref - reference to root HTMLElement of ReferenceGroupToggle
- */
-export const useReferenceGroupToggle_unstable = (props, ref) => {
-  const {
-    isOpen = false
-  } = props;
-  const mode = useCopilotMode(props.mode);
-  return {
-    mode,
-    isOpen,
-    components: {
-      root: 'button',
-      icon: 'span'
-    },
-    root: slot.always(getIntrinsicElementProps('button', {
-      ref,
-      'aria-expanded': isOpen,
-      type: 'button',
-      ...props
-    }), {
-      elementType: 'button'
-    }),
-    icon: slot.optional(props.icon, {
-      defaultProps: {
-        children: isOpen ? /*#__PURE__*/React.createElement(ChevronUp16Regular, null) : /*#__PURE__*/React.createElement(ChevronDown16Regular, null)
-      },
-      renderByDefault: true,
-      elementType: 'span'
-    })
-  };
+ */ export const useReferenceGroupToggle_unstable = (props, ref)=>{
+    const { isOpen = false } = props;
+    const mode = useCopilotMode(props.mode);
+    return {
+        mode,
+        isOpen,
+        components: {
+            root: 'button',
+            icon: 'span'
+        },
+        root: slot.always(getIntrinsicElementProps('button', {
+            ref,
+            'aria-expanded': isOpen,
+            type: 'button',
+            ...props
+        }), {
+            elementType: 'button'
+        }),
+        icon: slot.optional(props.icon, {
+            defaultProps: {
+                children: isOpen ? /*#__PURE__*/ React.createElement(ChevronUp16Regular, null) : /*#__PURE__*/ React.createElement(ChevronDown16Regular, null)
+            },
+            renderByDefault: true,
+            elementType: 'span'
+        })
+    };
 };
-//# sourceMappingURL=useReferenceGroupToggle.js.map

package/lib/components/ReferenceGroupToggle/useReferenceGroupToggleStyles.styles.raw.js

@@ -0,0 +1,44 @@
+import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const referenceGroupToggleClassNames = {
+    root: 'fai-ReferenceGroupToggle',
+    icon: 'fai-ReferenceGroupToggle__icon'
+};
+const useButtonBaseClassName = makeResetStyles({
+    display: 'inline-flex',
+    columnGap: tokens.spacingHorizontalSNudge,
+    alignItems: 'center',
+    ...typographyStyles.caption1,
+    border: 0,
+    backgroundColor: tokens.colorTransparentBackground,
+    color: tokens.colorNeutralForeground3,
+    cursor: 'pointer',
+    width: 'max-content',
+    padding: `${tokens.spacingVerticalXS} 0`
+});
+const useIconBaseClassName = makeResetStyles({
+    display: 'inline-flex',
+    alignItems: 'center'
+});
+const useStyles = makeStyles({
+    canvas: {
+        ...typographyStyles.caption1
+    },
+    sidecar: {
+        ...typographyStyles.caption2
+    }
+});
+/**
+ * Apply styling to the ReferenceGroupToggle slots based on the state
+ */ export const useReferenceGroupToggleStyles_unstable = (state)=>{
+    'use no memo';
+    const { mode } = state;
+    const styles = useStyles();
+    const iconBaseClassName = useIconBaseClassName();
+    const buttonBaseClassName = useButtonBaseClassName();
+    state.root.className = mergeClasses(referenceGroupToggleClassNames.root, buttonBaseClassName, styles[mode], state.root.className);
+    if (state.icon) {
+        state.icon.className = mergeClasses(referenceGroupToggleClassNames.icon, iconBaseClassName, state.icon.className);
+    }
+    return state;
+};

package/lib/components/ReferenceGroupToggle/useReferenceGroupToggleStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceGroupToggleStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ReferenceGroupToggleSlots, ReferenceGroupToggleState } from './ReferenceGroupToggle.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceGroupToggleClassNames: SlotClassNames<ReferenceGroupToggleSlots> = {\n  root: 'fai-ReferenceGroupToggle',\n  icon: 'fai-ReferenceGroupToggle__icon',\n};\n\nconst useButtonBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  columnGap: tokens.spacingHorizontalSNudge,\n  alignItems: 'center',\n  ...typographyStyles.caption1,\n  border: 0,\n  backgroundColor: tokens.colorTransparentBackground,\n  color: tokens.colorNeutralForeground3,\n  cursor: 'pointer',\n  width: 'max-content',\n  padding: `${tokens.spacingVerticalXS} 0`,\n});\n\nconst useIconBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  alignItems: 'center',\n});\n\nconst useStyles = makeStyles({\n  canvas: { ...typographyStyles.caption1 },\n  sidecar: {\n    ...typographyStyles.caption2,\n  },\n});\n\n/**\n * Apply styling to the ReferenceGroupToggle slots based on the state\n */\nexport const useReferenceGroupToggleStyles_unstable = (state: ReferenceGroupToggleState): ReferenceGroupToggleState => {\n  'use no memo';\n\n  const { mode } = state;\n  const styles = useStyles();\n\n  const iconBaseClassName = useIconBaseClassName();\n  const buttonBaseClassName = useButtonBaseClassName();\n  state.root.className = mergeClasses(\n    referenceGroupToggleClassNames.root,\n    buttonBaseClassName,\n    styles[mode],\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(referenceGroupToggleClassNames.icon, iconBaseClassName, state.icon.className);\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","typographyStyles","tokens","referenceGroupToggleClassNames","root","icon","useButtonBaseClassName","display","columnGap","spacingHorizontalSNudge","alignItems","caption1","border","backgroundColor","colorTransparentBackground","color","colorNeutralForeground3","cursor","width","padding","spacingVerticalXS","useIconBaseClassName","useStyles","canvas","sidecar","caption2","useReferenceGroupToggleStyles_unstable","state","mode","styles","iconBaseClassName","buttonBaseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,EAAEC,gBAAgB,QAAQ,6BAA6B;AACzG,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,iCAA4E;IACvFC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,yBAAyBR,gBAAgB;IAC7CS,SAAS;IACTC,WAAWN,OAAOO,uBAAuB;IACzCC,YAAY;IACZ,GAAGT,iBAAiBU,QAAQ;IAC5BC,QAAQ;IACRC,iBAAiBX,OAAOY,0BAA0B;IAClDC,OAAOb,OAAOc,uBAAuB;IACrCC,QAAQ;IACRC,OAAO;IACPC,SAAS,CAAC,EAAEjB,OAAOkB,iBAAiB,CAAC,EAAE,CAAC;AAC1C;AAEA,MAAMC,uBAAuBvB,gBAAgB;IAC3CS,SAAS;IACTG,YAAY;AACd;AAEA,MAAMY,YAAYvB,WAAW;IAC3BwB,QAAQ;QAAE,GAAGtB,iBAAiBU,QAAQ;IAAC;IACvCa,SAAS;QACP,GAAGvB,iBAAiBwB,QAAQ;IAC9B;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,yCAAyC,CAACC;IACrD;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,MAAME,SAASP;IAEf,MAAMQ,oBAAoBT;IAC1B,MAAMU,sBAAsBzB;IAC5BqB,MAAMvB,IAAI,CAAC4B,SAAS,GAAGhC,aACrBG,+BAA+BC,IAAI,EACnC2B,qBACAF,MAAM,CAACD,KAAK,EACZD,MAAMvB,IAAI,CAAC4B,SAAS;IAGtB,IAAIL,MAAMtB,IAAI,EAAE;QACdsB,MAAMtB,IAAI,CAAC2B,SAAS,GAAGhC,aAAaG,+BAA+BE,IAAI,EAAEyB,mBAAmBH,MAAMtB,IAAI,CAAC2B,SAAS;IAClH;IAEA,OAAOL;AACT,EAAE"}

package/lib/components/ReferenceList/ReferenceList.js

@@ -3,12 +3,10 @@ import { useReferenceList_unstable } from './useReferenceList';
 import { renderReferenceList_unstable } from './renderReferenceList';
 import { useReferenceListStyles_unstable } from './useReferenceListStyles.styles';
 import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
-/** deprecated Use ReferenceListV2 component, hooks and types instead. */
-export const ReferenceList = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useReferenceList_unstable(props, ref);
-  useReferenceListStyles_unstable(state);
-  useCustomStyleHook('useReferenceListStyles')(state);
-  return renderReferenceList_unstable(state);
+/** deprecated Use ReferenceListV2 component, hooks and types instead. */ export const ReferenceList = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useReferenceList_unstable(props, ref);
+    useReferenceListStyles_unstable(state);
+    useCustomStyleHook('useReferenceListStyles')(state);
+    return renderReferenceList_unstable(state);
 });
 ReferenceList.displayName = 'ReferenceList';
-//# sourceMappingURL=ReferenceList.js.map

package/lib/components/ReferenceList/ReferenceList.types.js

@@ -1,2 +1 @@
-/** deprecated Use ReferenceListV2 component, hooks and types instead. */export {};
-//# sourceMappingURL=ReferenceList.types.js.map
+/** deprecated Use ReferenceListV2 component, hooks and types instead. */ export { };

package/lib/components/ReferenceList/index.js

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

package/lib/components/ReferenceList/renderReferenceList.js

@@ -1,8 +1,6 @@
-import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-components';
-/** deprecated Use ReferenceListV2 component, hooks and types instead. */
-export const renderReferenceList_unstable = state => {
-  assertSlots(state);
-  return /*#__PURE__*/_jsx(state.root, {});
+/** deprecated Use ReferenceListV2 component, hooks and types instead. */ export const renderReferenceList_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(state.root, {});
 };
-//# sourceMappingURL=renderReferenceList.js.map

package/lib/components/ReferenceList/useReferenceList.js

@@ -11,21 +11,19 @@ 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

@@ -0,0 +1,27 @@
+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 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'
+    }
+});
+/**
+ * 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;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceListStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ReferenceListSlots, ReferenceListState } from './ReferenceList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\n/** deprecated Use ReferenceListV2 component, hooks and types instead. */\nexport const referenceListClassNames: SlotClassNames<ReferenceListSlots> = {\n  root: 'fai-ReferenceList',\n};\n\n/** deprecated Use ReferenceListV2 component, hooks and types instead. */\nexport const referenceListItemClassName = 'fai-ReferenceList__item';\n\n/**\n * Styles for the root slot\n */\nconst useRootClassName = makeResetStyles({\n  padding: 0,\n  margin: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: tokens.spacingVerticalS,\n\n  [`> .${referenceListItemClassName}`]: {\n    listStyleType: 'none',\n  },\n});\n\n/**\n * Apply styling to the ReferenceList slots based on the state\n *\n * deprecated Use ReferenceListV2 component, hooks and types instead.\n */\nexport const useReferenceListStyles_unstable = (state: ReferenceListState): ReferenceListState => {\n  'use no memo';\n\n  state.root.className = mergeClasses(referenceListClassNames.root, useRootClassName(), state.root.className);\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","referenceListClassNames","root","referenceListItemClassName","useRootClassName","padding","margin","display","flexDirection","gap","spacingVerticalS","listStyleType","useReferenceListStyles_unstable","state","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,QAAQ,6BAA6B;AAC3E,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,uEAAuE,GACvE,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;AACR,EAAE;AAEF,uEAAuE,GACvE,OAAO,MAAMC,6BAA6B,0BAA0B;AAEpE;;CAEC,GACD,MAAMC,mBAAmBN,gBAAgB;IACvCO,SAAS;IACTC,QAAQ;IACRC,SAAS;IACTC,eAAe;IACfC,KAAKT,OAAOU,gBAAgB;IAE5B,CAAC,CAAC,GAAG,EAAEP,2BAA2B,CAAC,CAAC,EAAE;QACpCQ,eAAe;IACjB;AACF;AAEA;;;;CAIC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEAA,MAAMX,IAAI,CAACY,SAAS,GAAGf,aAAaE,wBAAwBC,IAAI,EAAEE,oBAAoBS,MAAMX,IAAI,CAACY,SAAS;IAE1G,OAAOD;AACT,EAAE"}

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

@@ -2,10 +2,9 @@ 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,2 +1 @@
-export {};
-//# sourceMappingURL=Reference.types.js.map
+export { };

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

@@ -2,4 +2,3 @@ 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,19 +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 { 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,64 +11,58 @@ 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'
-  });
-  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)
+ */ 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'
     });
-  }
-  return state;
+    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;
 };
-//# sourceMappingURL=useReference.js.map

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

@@ -0,0 +1,110 @@
+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'
+};
+export const referenceExtraClassNames = {
+    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
+        }
+    }
+});
+export const useRootStyles = makeStyles({
+    overflow: {
+        maxWidth: '100%',
+        width: '100%'
+    }
+});
+const useRootNextStyles = makeStyles({
+    root: {
+        borderRadius: tokens.borderRadiusXLarge
+    }
+});
+const useCitationBaseClassName = makeResetStyles({
+    ...typographyStyles.caption2Strong
+});
+const useDividerBaseClassName = makeResetStyles({
+    backgroundColor: tokens.colorNeutralStroke2,
+    height: '16px',
+    margin: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalXS}`,
+    width: '1px'
+});
+const useGraphicBaseClassName = makeResetStyles({
+    display: 'inline-flex',
+    fontSize: GRAPHIC_SIZE,
+    height: GRAPHIC_SIZE,
+    lineHeight: GRAPHIC_SIZE,
+    width: GRAPHIC_SIZE,
+    [`> .${referenceExtraClassNames.graphicChild}`]: {
+        height: GRAPHIC_SIZE,
+        width: GRAPHIC_SIZE
+    }
+});
+const useContentBaseClassName = makeResetStyles({
+    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;
+};

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

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

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

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

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

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