@fluentui-copilot/react-reference 0.11.0 → 0.11.1

package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceList.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  getIntrinsicElementProps,\n  mergeCallbacks,\n  mergeClasses,\n  slot,\n  useArrowNavigationGroup,\n} from '@fluentui/react-components';\nimport type { ReferenceListProps, ReferenceListState } from './ReferenceList.types';\nimport { useRootStyles as useReferenceStyles } from '../Reference/useReferenceStyles';\n\n/**\n * Create the state required to render ReferenceList.\n *\n * The returned state can be modified with hooks such as useReferenceListStyles_unstable,\n * before being passed to renderReferenceList_unstable.\n *\n * @param props - props from this instance of ReferenceList\n * @param ref - reference to root HTMLElement of ReferenceList\n */\nexport const useReferenceList_unstable = (\n  props: ReferenceListProps,\n  ref: React.Ref<HTMLDivElement>,\n): ReferenceListState => {\n  const { appearance = 'lighter', children, maxVisibleReferences, showLessButton, showMoreButton, ...rest } = props;\n\n  const [areReferencesExpanded, setAreReferencesExpanded] = React.useState(false);\n\n  const referenceInOverflowClassName = useReferenceStyles().overflow;\n  const resolvedChildren = React.useMemo(() => {\n    if (maxVisibleReferences !== undefined && !areReferencesExpanded) {\n      const results = [];\n      const childrenArray = React.Children.toArray(children);\n      for (let index = 0; index < childrenArray.length; index++) {\n        const child = childrenArray[index] as React.ReactElement;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        if (index >= maxVisibleReferences && React.isValidElement<any>(child)) {\n          results.push(\n            React.cloneElement(child, {\n              ...child.props,\n              className: mergeClasses(child.props.className, referenceInOverflowClassName),\n            }),\n          );\n        } else {\n          results.push(child);\n        }\n      }\n      return results;\n    }\n\n    return children;\n  }, [areReferencesExpanded, children, maxVisibleReferences, referenceInOverflowClassName]);\n\n  // We keep track of the previous overflow count to determine element to move focus to when expanding the references via keyboard.\n  const previousOverflowCount = React.useRef(0);\n\n  // We keep track of whether we are interacting with the overflow button via keyboard or not.\n  const overflowButtonTriggeredViaKeyboard = React.useRef(false);\n\n  const focusAttributes = useArrowNavigationGroup({\n    axis: 'both',\n    circular: true,\n    memorizeCurrent: true,\n  });\n\n  const onShowMoreButtonClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(() => {\n    setAreReferencesExpanded(true);\n  }, []);\n\n  const onShowLessButtonClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(() => {\n    setAreReferencesExpanded(false);\n  }, []);\n\n  const shouldUseOverflow = maxVisibleReferences !== undefined && !areReferencesExpanded;\n\n  const state: ReferenceListState = {\n    appearance,\n    areReferencesExpanded,\n    overflowButtonTriggeredViaKeyboard,\n    previousOverflowCount,\n    shouldUseOverflow,\n\n    components: {\n      root: 'div',\n      showMoreButton: 'span',\n      showLessButton: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...focusAttributes,\n        ...rest,\n        children: resolvedChildren,\n      }),\n      { elementType: 'div' },\n    ),\n    showMoreButton: shouldUseOverflow ? slot.optional(showMoreButton, { elementType: 'span' }) : undefined,\n    showLessButton: areReferencesExpanded ? slot.optional(showLessButton, { elementType: 'span' }) : undefined,\n  };\n\n  if (state.showMoreButton) {\n    state.showMoreButton.onClick = mergeCallbacks(onShowMoreButtonClick, state.showMoreButton.onClick);\n  }\n\n  if (state.showLessButton) {\n    state.showLessButton.onClick = mergeCallbacks(onShowLessButtonClick, state.showLessButton.onClick);\n  }\n\n  return state;\n};\n"],"names":["appearance","children","maxVisibleReferences","referenceInOverflowClassName","resolvedChildren","results","childrenArray","setAreReferencesExpanded","React","useState","isValidElement","cloneElement","props","areReferencesExpanded","className","Children","toArray","index","length","child","push","previousOverflowCount","useArrowNavigationGroup","circular","useRef","memorizeCurrent","axis","onShowMoreButtonClick","onShowLessButtonClick","useCallback","overflowButtonTriggeredViaKeyboard","showLessButton","always","ref","rest","getIntrinsicElementProps","focusAttributes","elementType","showMoreButton","optional","undefined","slot","state","onClick","mergeCallbacks"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAwBUA;;;eAAAA;;;;iEAxBa;iCAOhB;oCAE6C;AAelD,MAAQA,4BAAwBC,CAAAA,OAAUC;UAE1C,EAEAF,aAAMG,SAAAA,EACNF,QAAMG,sBACAF,gBACIG,gBACAC;kCAGJC,yBAAA,GAAAC,OAAAC,QAAA,CAAA;yCACaP,IAAAA,iCAAwBM,IAAME,QAAAA;6BACzCL,OACEG,OAAMG,CAAAA;qCACKC,aAAK,CAAAC,uBAAA;8BACdC;kCACFN,OAAAO,QAAA,CAAAC,OAAA,CAAAf;4BAEG,GAAAgB,QAAAX,cAAAY,MAAA,EAAAD,QAAA;8BACLZ,aAAac,CAAAA,MAAAA;8EACf;oBACFF,SAAAf,sCAAAM,OAAAE,cAAA,CAAAS,QAAA;4BACAC,IAAOf,eAAAA,OAAAA,YAAAA,CAAAA,OAAAA;wBACT,GAAAc,MAAAP,KAAA;wBAEAE,WAAOb,IAAAA,6BAAAA,EAAAA,MAAAA,KAAAA,CAAAA,SAAAA,EAAAA;oBACN;gBAACY,OAAAA;oBAAuBZ,QAAAA,IAAAA,CAAAA;gBAAUC;;YAAmD,OAAAG;QAExF;QACA,OAAMgB;OAEN;QAAAR;QAAAZ;QAAAC;QAAAC;KAAA;qIACwD;UAExDkB,wBAAwBC,OAAAA,MAAAA,CAAAA;gGAChB;UACNC,qCAAUf,OAAAgB,MAAA,CAAA;UACVC,kBAAiBH,IAAAA,wCAAA,EAAA;QACnBI,MAAA;QAEAH,UAAMI;yBACJpB;;UAGFoB,wBAAMC,OAAwBpB,WAAMqB,CAAAA;iCAClCtB;OACF,EAAG;UAEHqB,wBAA0B1B,OAAAA,WAAAA,CAAAA;QAE1BK,yBAAkC;;UAEhCM,oBAAAA,yBAAAA,aAAAA,CAAAA;UACAiB,QAAAA;;;;;;oBAOEC;kBACF;4BACWC;4BAEPC;;mCAEA,CAAGC,MAAI,CAAAC,IAAAA,yCAAA,EAAA,OAAA;;eAETC,eACA;mBAAEC;sBAAmBjC;YAEvBkC;yBAAoED;;wBACpEN,oBAAgBlB,qBAAAA,CAAAA,QAA6B0B,CAAAA,gBAASR;yBAAkBM;aAAoBG;QAC9FT,gBAAAlB,wBAAA4B,qBAAA,CAAAF,QAAA,CAAAR,gBAAA;YAEAM,aAAUC;aACRI;;QAGFA,MAAIA,cAAMX,EAAc;cACtBW,cAAMX,CAAAA,OAAeY,GAAAA,IAAAA,+BAAUC,EAAAA,uBAAehB,MAAuBc,cAAMX,CAAAA,OAAeY;;QAG5FD,MAAOA,cAAAA,EAAAA;QACPA,MAAAX,cAAA,CAAAY,OAAA,GAAAC,IAAAA,+BAAA,EAAAhB,uBAAAc,MAAAX,cAAA,CAAAY,OAAA"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useReferenceListContextValues_unstable", {
+    enumerable: true,
+    get: function() {
+        return useReferenceListContextValues_unstable;
+    }
+});
+function useReferenceListContextValues_unstable(state) {
+    const { appearance, areReferencesExpanded, overflowButtonTriggeredViaKeyboard, previousOverflowCount, shouldUseOverflow } = state;
+    // This context is created with "@fluentui/react-context-selector", there is no sense to memoize it
+    const referenceList = {
+        appearance,
+        areReferencesExpanded,
+        overflowButtonTriggeredViaKeyboard,
+        previousOverflowCount,
+        shouldUseOverflow
+    };
+    return {
+        referenceList
+    };
+} //# sourceMappingURL=useReferenceListContextValues.js.map

package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceListContextValues.ts"],"sourcesContent":["import type { ReferenceListState, ReferenceListContextValues } from './ReferenceList.types';\n\nexport function useReferenceListContextValues_unstable(state: ReferenceListState): ReferenceListContextValues {\n  const {\n    appearance,\n    areReferencesExpanded,\n    overflowButtonTriggeredViaKeyboard,\n    previousOverflowCount,\n    shouldUseOverflow,\n  } = state;\n\n  // This context is created with \"@fluentui/react-context-selector\", there is no sense to memoize it\n  const referenceList = {\n    appearance,\n    areReferencesExpanded,\n    overflowButtonTriggeredViaKeyboard,\n    previousOverflowCount,\n    shouldUseOverflow,\n  };\n\n  return { referenceList };\n}\n"],"names":["useReferenceListContextValues_unstable","state","appearance","areReferencesExpanded","referenceList","overflowButtonTriggeredViaKeyboard","shouldUseOverflow","previousOverflowCount"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;AAAT,SAASA,uCAAuCC,KAAyB;UAC9E,EAQAC,UAAA,EACAC,qBAAMC,oCACJF,uBACAC,mBACAE;uGAEAC;UACFF,gBAAA;QAEAF;;QAAuBG;QACzBE"}

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

@@ -0,0 +1,55 @@
+"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, {
+    referenceListClassNames: function() {
+        return referenceListClassNames;
+    },
+    useReferenceListStyles_unstable: function() {
+        return useReferenceListStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const referenceListClassNames = {
+    root: 'fai-ReferenceList',
+    showMoreButton: 'fai-ReferenceList__showMoreButton',
+    showLessButton: 'fai-ReferenceList__showLessButton'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("rylvie1", null, [
+    ".rylvie1{display:flex;flex-direction:row;gap:var(--spacingVerticalXS) var(--spacingHorizontalXS);}"
+]);
+const useRootStyles = (0, _reactcomponents.__styles)({
+    referencesExpanded: {
+        Eh141a: "fni485r"
+    }
+}, {
+    d: [
+        ".fni485r{flex-wrap:wrap;}"
+    ]
+});
+const useOverflowButtonBaseClassName = (0, _reactcomponents.__resetStyles)("r6su6fj", null, [
+    ".r6su6fj{flex-shrink:0;}"
+]);
+const useReferenceListStyles_unstable = (state)=>{
+    const { areReferencesExpanded, shouldUseOverflow } = state;
+    const rootBaseClassName = useRootBaseClassName();
+    const rootStyles = useRootStyles();
+    const overflowButtonBaseClassName = useOverflowButtonBaseClassName();
+    state.root.className = (0, _reactcomponents.mergeClasses)(referenceListClassNames.root, rootBaseClassName, (areReferencesExpanded || !shouldUseOverflow) && rootStyles.referencesExpanded, state.root.className);
+    if (state.showMoreButton) {
+        state.showMoreButton.className = (0, _reactcomponents.mergeClasses)(referenceListClassNames.showMoreButton, overflowButtonBaseClassName, state.showMoreButton.className);
+    }
+    if (state.showLessButton) {
+        state.showLessButton.className = (0, _reactcomponents.mergeClasses)(referenceListClassNames.showLessButton, overflowButtonBaseClassName, state.showLessButton.className);
+    }
+    return state;
+}; //# sourceMappingURL=useReferenceListStyles.js.map

package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceListStyles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, tokens } from '@fluentui/react-components';\nimport type { ReferenceListSlots, ReferenceListState } from './ReferenceList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceListClassNames: SlotClassNames<ReferenceListSlots> = {\n  root: 'fai-ReferenceList',\n  showMoreButton: 'fai-ReferenceList__showMoreButton',\n  showLessButton: 'fai-ReferenceList__showLessButton',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  display: 'flex',\n  flexDirection: 'row',\n  gap: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n});\n\nconst useRootStyles = makeStyles({\n  referencesExpanded: {\n    flexWrap: 'wrap',\n  },\n});\n\nconst useOverflowButtonBaseClassName = makeResetStyles({\n  flexShrink: 0,\n});\n\n/**\n * Apply styling to the ReferenceList slots based on the state\n */\nexport const useReferenceListStyles_unstable = (state: ReferenceListState): ReferenceListState => {\n  const { areReferencesExpanded, shouldUseOverflow } = state;\n\n  const rootBaseClassName = useRootBaseClassName();\n  const rootStyles = useRootStyles();\n  const overflowButtonBaseClassName = useOverflowButtonBaseClassName();\n\n  state.root.className = mergeClasses(\n    referenceListClassNames.root,\n    rootBaseClassName,\n    (areReferencesExpanded || !shouldUseOverflow) && rootStyles.referencesExpanded,\n    state.root.className,\n  );\n\n  if (state.showMoreButton) {\n    state.showMoreButton.className = mergeClasses(\n      referenceListClassNames.showMoreButton,\n      overflowButtonBaseClassName,\n      state.showMoreButton.className,\n    );\n  }\n\n  if (state.showLessButton) {\n    state.showLessButton.className = mergeClasses(\n      referenceListClassNames.showLessButton,\n      overflowButtonBaseClassName,\n      state.showLessButton.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["referenceListClassNames","useReferenceListStyles_unstable","root","showMoreButton","showLessButton","display","__resetStyles","flexDirection","__styles","spacingVerticalXS","Eh141a","useOverflowButtonBaseClassName","state","areReferencesExpanded","shouldUseOverflow","rootBaseClassName","useRootStyles","rootStyles","overflowButtonBaseClassName","mergeClasses","referencesExpanded","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,uBAAAA;eAAAA;;IAyBbC,+BAAA;eAAAA;;;iCA7B0D;AAInD,MAAMD,0BAA8D;UACzEE;oBACAC;oBACAC;AACF;AAEA;;CAEC,SAECC,uBAASC,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;MACTC,gBAAeC,IAAAA,yBAAA,EAAA;wBACAC;QACjBC,QAAA;IAEA;;;;KAEc;;AAEd,MAAAC,iCAAAL,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;AAMA,MAAAL,kCAAAW,CAAAA;YAGAC,qBAAaZ,EACXa,iBAAQD,KAERD;UACAG,oBAAmBC;UACnBC,aAAMC;UAENN,8BAAuBO;UAOnBP,IAAAA,CAAAA,SAAMT,GAAAA,IAAAA,6BAAgB,EAAAH,wBAAAE,IAAA,EAAAa,mBAAA,AAAAF,CAAAA,yBAAA,CAAAC,iBAAA,KAAAG,WAAAG,kBAAA,EAAAR,MAAAV,IAAA,CAAAmB,SAAA;cACxBT,cAAMT,EAAc;QAKtBS,MAAAT,cAAA,CAAAkB,SAAA,GAAAF,IAAAA,6BAAA,EAAAnB,wBAAAG,cAAA,EAAAe,6BAAAN,MAAAT,cAAA,CAAAkB,SAAA;;cAGET,cAAMR,EAAc;QAKtBQ,MAAAR,cAAA,CAAAiB,SAAA,GAAAF,IAAAA,6BAAA,EAAAnB,wBAAAI,cAAA,EAAAc,6BAAAN,MAAAR,cAAA,CAAAiB,SAAA;;IAGA,OAAAT"}

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ReferenceOverflowButton", {
+    enumerable: true,
+    get: function() {
+        return ReferenceOverflowButton;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useReferenceOverflowButton = require("./useReferenceOverflowButton");
+const _renderReferenceOverflowButton = require("./renderReferenceOverflowButton");
+const _useReferenceOverflowButtonStyles = require("./useReferenceOverflowButtonStyles");
+const ReferenceOverflowButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useReferenceOverflowButton.useReferenceOverflowButton_unstable)(props, ref);
+    (0, _useReferenceOverflowButtonStyles.useReferenceOverflowButtonStyles_unstable)(state);
+    return (0, _renderReferenceOverflowButton.renderReferenceOverflowButton_unstable)(state);
+});
+ReferenceOverflowButton.displayName = 'ReferenceOverflowButton'; //# sourceMappingURL=ReferenceOverflowButton.js.map

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ReferenceOverflowButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReferenceOverflowButton_unstable } from './useReferenceOverflowButton';\nimport { renderReferenceOverflowButton_unstable } from './renderReferenceOverflowButton';\nimport { useReferenceOverflowButtonStyles_unstable } from './useReferenceOverflowButtonStyles';\nimport type { ReferenceOverflowButtonProps } from './ReferenceOverflowButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n// ReferenceOverflowButton component - TODO: add more docs\nexport const ReferenceOverflowButton: ForwardRefComponent<ReferenceOverflowButtonProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useReferenceOverflowButton_unstable(props, ref);\n\n    useReferenceOverflowButtonStyles_unstable(state);\n    return renderReferenceOverflowButton_unstable(state);\n  },\n);\n\nReferenceOverflowButton.displayName = 'ReferenceOverflowButton';\n"],"names":["ReferenceOverflowButton","React","forwardRef","props","state","useReferenceOverflowButton_unstable","useReferenceOverflowButtonStyles_unstable","renderReferenceOverflowButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;4CAC6B;+CACG;kDACG;AAKnD,MAAMA,0BAAAA,WAAAA,GAAAA,OAA6EC,UAAMC,CAAU,CACxGC,OAACA;UACCC,QAAMA,IAAAA,+DAAQC,EAAAA,OAAoCF;mFAElDG,EAAAA;WACAC,IAAAA,qEAAOA,EAAAA;AACT;AAGFP,wBAAwBQ,WAAW,GAAG"}

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.types.js

@@ -0,0 +1,7 @@
+/**
+ * State used in rendering ReferenceOverflowButton
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+ //# sourceMappingURL=ReferenceOverflowButton.types.js.map

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ReferenceOverflowButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type ReferenceOverflowButtonSlots = {\n  root: Slot<'button'>;\n};\n\n/**\n * ReferenceOverflowButton Props\n */\nexport type ReferenceOverflowButtonProps = ComponentProps<ReferenceOverflowButtonSlots> & {\n  /**\n   * The appearance of the reference.\n   * @default 'lighter'\n   */\n  appearance?: 'lighter' | 'darker';\n\n  text?: string | ((overflowCount: number) => React.ReactNode);\n};\n\n/**\n * State used in rendering ReferenceOverflowButton\n */\nexport type ReferenceOverflowButtonState = ComponentState<ReferenceOverflowButtonSlots> &\n  Required<Pick<ReferenceOverflowButtonProps, 'appearance'>> & {\n    shouldRenderOverflowButton: boolean;\n  };\n"],"names":[],"rangeMappings":";;","mappings":"AAmBA;;CAEC"}

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./ReferenceOverflowButton"), exports);
+_export_star._(require("./ReferenceOverflowButton.types"), exports);
+_export_star._(require("./renderReferenceOverflowButton"), exports);
+_export_star._(require("./useReferenceOverflowButton"), exports);
+_export_star._(require("./useReferenceOverflowButtonStyles"), exports);
+ //# sourceMappingURL=index.js.map

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ReferenceOverflowButton';\nexport * from './ReferenceOverflowButton.types';\nexport * from './renderReferenceOverflowButton';\nexport * from './useReferenceOverflowButton';\nexport * from './useReferenceOverflowButtonStyles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/renderReferenceOverflowButton.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderReferenceOverflowButton_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderReferenceOverflowButton_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const renderReferenceOverflowButton_unstable = (state)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    return state.shouldRenderOverflowButton ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {}) : null;
+}; //# sourceMappingURL=renderReferenceOverflowButton.js.map

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/renderReferenceOverflowButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderReferenceOverflowButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { ReferenceOverflowButtonState, ReferenceOverflowButtonSlots } from './ReferenceOverflowButton.types';\n\n/**\n * Render the final JSX of ReferenceOverflowButton\n */\nexport const renderReferenceOverflowButton_unstable = (state: ReferenceOverflowButtonState) => {\n  assertSlots<ReferenceOverflowButtonSlots>(state);\n\n  return state.shouldRenderOverflowButton ? <state.root /> : null;\n};\n"],"names":["assertSlots","state","shouldRenderOverflowButton","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BAUEA;;;eAAAA;;;4BAVwB;iCAGE;AAO1BA,MAAAA,yCAA0CC,CAAAA;oCAEnCA,EAAAA;IACP,OAAAA,MAAAC,0BAAA,GAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAF,MAAAG,IAAA,EAAA,CAAA,KAAA"}

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButton.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useReferenceOverflowButton_unstable", {
+    enumerable: true,
+    get: function() {
+        return useReferenceOverflowButton_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _keyboardkeys = require("@fluentui/keyboard-keys");
+const _reactcomponents = require("@fluentui/react-components");
+const _reactutilities = require("@fluentui/react-utilities");
+const _referenceListContext = require("../../../contexts/reference-v2/referenceListContext");
+const useReferenceOverflowButton_unstable = (props, ref)=>{
+    const { children, text } = props;
+    const rootRef = _react.useRef(null);
+    const [setTimeout] = (0, _reactutilities.useTimeout)();
+    const { areReferencesExpanded, ctxAppearance, previousOverflowCount, triggeredViaKeyboard } = (0, _referenceListContext.useReferenceListContext_unstable)((ctx)=>({
+            ctxAppearance: ctx.appearance,
+            areReferencesExpanded: ctx.areReferencesExpanded,
+            previousOverflowCount: ctx.previousOverflowCount,
+            triggeredViaKeyboard: ctx.overflowButtonTriggeredViaKeyboard
+        }));
+    const appearance = props.appearance || ctxAppearance;
+    const { isOverflowing, overflowCount } = (0, _reactcomponents.useOverflowMenu)();
+    const processedText = children !== null && children !== void 0 ? children : typeof text === 'function' ? text(overflowCount) : text;
+    const { findPrevFocusable } = (0, _reactcomponents.useFocusFinders)();
+    const onKeyDown = _react.useCallback((ev)=>{
+        if (ev.key === _keyboardkeys.Enter || ev.key === _keyboardkeys.Space) {
+            triggeredViaKeyboard.current = true;
+        }
+    }, [
+        triggeredViaKeyboard
+    ]);
+    // When the references are expanded or contracted via keyboard, we need to move focus to the appropriate element.
+    _react.useEffect(()=>{
+        if (triggeredViaKeyboard.current) {
+            let elementToFocus;
+            // If the references are contracted, we move focus to the overflow button.
+            if (!areReferencesExpanded) {
+                elementToFocus = rootRef.current;
+            } else if (rootRef.current && previousOverflowCount) {
+                let currentElement = rootRef.current;
+                for(let i = 0; i < previousOverflowCount.current && currentElement; i++){
+                    currentElement = findPrevFocusable(currentElement);
+                }
+                elementToFocus = currentElement;
+            }
+            // We focus on the element and reset the triggeredViaKeyboard flag after a timeout to ensure that this is pushed at the end of the event queue.
+            setTimeout(()=>{
+                elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.focus();
+                triggeredViaKeyboard.current = false;
+            }, 0);
+        }
+        // We update the previousOverflowCount to the current one when references are contracted, so that we have the correct number once they are expanded.
+        previousOverflowCount.current = areReferencesExpanded ? 0 : overflowCount;
+    }, // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+        areReferencesExpanded,
+        isOverflowing,
+        triggeredViaKeyboard
+    ]);
+    const state = {
+        appearance,
+        shouldRenderOverflowButton: isOverflowing || areReferencesExpanded,
+        components: {
+            root: 'button'
+        },
+        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('button', {
+            ref: (0, _reactcomponents.useMergedRefs)(rootRef, ref),
+            ...props
+        }), {
+            defaultProps: {
+                children: processedText
+            },
+            elementType: 'button'
+        })
+    };
+    state.root.onKeyDown = (0, _reactcomponents.mergeCallbacks)(onKeyDown, props.onKeyDown);
+    return state;
+}; //# sourceMappingURL=useReferenceOverflowButton.js.map

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceOverflowButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport {\n  getIntrinsicElementProps,\n  mergeCallbacks,\n  slot,\n  useFocusFinders,\n  useMergedRefs,\n  useOverflowMenu,\n} from '@fluentui/react-components';\nimport { useTimeout } from '@fluentui/react-utilities';\nimport { useReferenceListContext_unstable } from '../../../contexts/reference-v2/referenceListContext';\nimport type { ReferenceOverflowButtonProps, ReferenceOverflowButtonState } from './ReferenceOverflowButton.types';\n\n/**\n * Create the state required to render ReferenceOverflowButton.\n *\n * The returned state can be modified with hooks such as useReferenceOverflowButtonStyles_unstable,\n * before being passed to renderReferenceOverflowButton_unstable.\n *\n * @param props - props from this instance of ReferenceOverflowButton\n * @param ref - reference to root HTMLElement of ReferenceOverflowButton\n */\nexport const useReferenceOverflowButton_unstable = (\n  props: ReferenceOverflowButtonProps,\n  ref: React.Ref<HTMLButtonElement>,\n): ReferenceOverflowButtonState => {\n  const { children, text } = props;\n\n  const rootRef = React.useRef<HTMLButtonElement>(null);\n\n  const [setTimeout] = useTimeout();\n\n  const { areReferencesExpanded, ctxAppearance, previousOverflowCount, triggeredViaKeyboard } =\n    useReferenceListContext_unstable(ctx => ({\n      ctxAppearance: ctx.appearance,\n      areReferencesExpanded: ctx.areReferencesExpanded,\n      previousOverflowCount: ctx.previousOverflowCount,\n      triggeredViaKeyboard: ctx.overflowButtonTriggeredViaKeyboard,\n    }));\n  const appearance = props.appearance || ctxAppearance;\n\n  const { isOverflowing, overflowCount } = useOverflowMenu();\n\n  const processedText = children ?? (typeof text === 'function' ? text(overflowCount) : text);\n\n  const { findPrevFocusable } = useFocusFinders();\n  const onKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLButtonElement>>(\n    ev => {\n      if (ev.key === Enter || ev.key === Space) {\n        triggeredViaKeyboard.current = true;\n      }\n    },\n    [triggeredViaKeyboard],\n  );\n\n  // When the references are expanded or contracted via keyboard, we need to move focus to the appropriate element.\n  React.useEffect(\n    () => {\n      if (triggeredViaKeyboard.current) {\n        let elementToFocus: HTMLElement | null | undefined;\n\n        // If the references are contracted, we move focus to the overflow button.\n        if (!areReferencesExpanded) {\n          elementToFocus = rootRef.current;\n        }\n        // If the references are expanded, we move focus to the first reference that was hidden when they were contracted.\n        // We do this by moving focus to the element that is overflowCount elements before the overflow button.\n        else if (rootRef.current && previousOverflowCount) {\n          let currentElement: HTMLElement | null | undefined = rootRef.current;\n          for (let i = 0; i < previousOverflowCount.current && currentElement; i++) {\n            currentElement = findPrevFocusable(currentElement);\n          }\n          elementToFocus = currentElement;\n        }\n\n        // We focus on the element and reset the triggeredViaKeyboard flag after a timeout to ensure that this is pushed at the end of the event queue.\n        setTimeout(() => {\n          elementToFocus?.focus();\n          triggeredViaKeyboard.current = false;\n        }, 0);\n      }\n\n      // We update the previousOverflowCount to the current one when references are contracted, so that we have the correct number once they are expanded.\n      previousOverflowCount.current = areReferencesExpanded ? 0 : overflowCount;\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [areReferencesExpanded, isOverflowing, triggeredViaKeyboard],\n  );\n\n  const state: ReferenceOverflowButtonState = {\n    appearance,\n    shouldRenderOverflowButton: isOverflowing || areReferencesExpanded,\n\n    components: {\n      root: 'button',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('button', {\n        ref: useMergedRefs(rootRef, ref),\n        ...props,\n      }),\n      {\n        defaultProps: {\n          children: processedText,\n        },\n        elementType: 'button',\n      },\n    ),\n  };\n\n  state.root.onKeyDown = mergeCallbacks(onKeyDown, props.onKeyDown);\n\n  return state;\n};\n"],"names":["children","props","setTimeout","text","areReferencesExpanded","previousOverflowCount","ctxAppearance","appearance","triggeredViaKeyboard","processedText","useReferenceListContext_unstable","useFocusFinders","onKeyDown","React","useCallback","Enter","ctx","overflowButtonTriggeredViaKeyboard","isOverflowing","useEffect","elementToFocus","rootRef","current","ev","currentElement","i","overflowCount","findPrevFocusable","focus","shouldRenderOverflowButton","ref","state","elementType","root","slot","always","getIntrinsicElementProps","mergeCallbacks"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA2BUA;;;eAAAA;;;;iEA3Ba;8BACM;iCAQtB;gCACoB;sCACsB;AAgB/C,MAAQA,sCAAmBC,CAAAA,OAAAA;UAE3B,EAEAD,QAAOE,EAEPC,IAAA;oBAGIC,OAAAA,MAAAA,CAAAA;sBACAC,GAAAA,IAAAA,0BAAAA;iCAEF,EACFC,aAAMC,EAENF,qBAAqB,EAErBG,oBAAMC,KAENC,IAAAA,sDAA8BC,EAAAA,CAAAA,MAAAA,CAAAA;YAC9BL,eAAMM,IAAYC,UAAMC;mCAELC,IAAAA,qBAA2B;mCACxCP,IAAAA,qBAA+B;kCACjCQ,IAAAC,kCAAA;;UAEDT,aAAAA,MAAAA,UAAAA,IAAAA;UAAqB,EAGxBU,aAAA,EACAL,aAAMM,yCAEEX;0BACEY,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,WAAAA,OAAAA,SAAAA,aAAAA,KAAAA,iBAAAA;6BAGChB,yCACHgB;sBAIGP,OAAIQ,WAAQC,CAAOC,CAAAA;uBACtBR,mBAAIS,IAAAA,GAAAA,GAAAA,KAAiDH,mBAAAA,EAAQC;iCACpDG,OAAOA,GAAIpB;;;;KAEpB;qHACiBmB;oBACnB,CAAA;iCAEAF,OAAA,EAAA;;sFAEEF;wCACAZ;iCACCa,QAAAC,OAAA;mBACL,IAAAD,QAAAC,OAAA,IAAAjB,uBAAA;gBAEA,IAAAmB,iBAAAH,QAAAC,OAAA;gBACAjB,IAAAA,IAAAA,IAAAA,GAAAA,IAAAA,sBAAgCD,OAAAA,IAAAA,gBAA4BsB,IAAAA;oBAE9DF,iBAAAG,kBAAAH;gBACA;gBAACpB,iBAAAA;;2JAAsCI;YAAqBN,WAAA;gBAG9DkB,mBAA4C,QAAAA,mBAAA,KAAA,IAAA,KAAA,IAAAA,eAAAQ,KAAA;gBAC1CrB,qBAAAA,OAAAA,GAAAA;eACAsB;;4JAGQ;8BACRP,OAAA,GAAAlB,wBAAA,IAAAsB;8DAIgCI;;;QACpBZ;QAAAV;KAAA;UACVuB,QACA;;oCAEctB,iBAAAA;oBACZ;kBACAuB;;QAGNC,MAAAC,qBAAA,CAAAC,MAAA,CAAAC,IAAAA,yCAAA,EAAA,UAAA;YAEAL,KAAME,IAAAA,8BAAc,EAAAZ,SAAGgB;YAEvB,GAAApC,KAAO8B;QACP,IAAA"}

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButtonStyles.js

@@ -0,0 +1,65 @@
+"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, {
+    referenceOverflowButtonClassNames: function() {
+        return referenceOverflowButtonClassNames;
+    },
+    useReferenceOverflowButtonStyles_unstable: function() {
+        return useReferenceOverflowButtonStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const referenceOverflowButtonClassNames = {
+    root: 'fai-ReferenceOverflowButton'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("rbsq19a", null, [
+    ".rbsq19a{background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);color:var(--colorNeutralForeground2);display:inline-flex;padding:var(--spacingVerticalXXS) var(--spacingHorizontalS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}",
+    ".rbsq19a:hover{background-color:var(--colorNeutralBackground3Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground2Hover);}",
+    ".rbsq19a:hover:active{background-color:var(--colorNeutralBackground3Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground2Pressed);}"
+]);
+const useRootStyles = (0, _reactcomponents.__styles)({
+    darker: {
+        De3pzq: "f3vzo32",
+        g2u3we: "fj3muxo",
+        h3c5rm: [
+            "f1akhkt",
+            "f1lxtadh"
+        ],
+        B9xav0g: "f1aperda",
+        zhjwy3: [
+            "f1lxtadh",
+            "f1akhkt"
+        ],
+        Jwef8y: "f14vf7cg",
+        iro3zm: "fho4vwd"
+    }
+}, {
+    d: [
+        ".f3vzo32{background-color:var(--colorNeutralBackground5);}",
+        ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}",
+        ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}",
+        ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}",
+        ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}"
+    ],
+    h: [
+        ".f14vf7cg:hover{background-color:var(--colorNeutralBackground5Hover);}",
+        ".fho4vwd:hover:active{background-color:var(--colorNeutralBackground5Pressed);}"
+    ]
+});
+const useReferenceOverflowButtonStyles_unstable = (state)=>{
+    const { appearance } = state;
+    const rootBaseClassName = useRootBaseClassName();
+    const rootStyles = useRootStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(referenceOverflowButtonClassNames.root, rootBaseClassName, appearance === 'darker' && rootStyles.darker, state.root.className);
+    return state;
+}; //# sourceMappingURL=useReferenceOverflowButtonStyles.js.map

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButtonStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceOverflowButtonStyles.ts"],"sourcesContent":["import {\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  tokens,\n  typographyStyles,\n} from '@fluentui/react-components';\nimport type { ReferenceOverflowButtonSlots, ReferenceOverflowButtonState } from './ReferenceOverflowButton.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceOverflowButtonClassNames: SlotClassNames<ReferenceOverflowButtonSlots> = {\n  root: 'fai-ReferenceOverflowButton',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  borderRadius: tokens.borderRadiusMedium,\n  color: tokens.colorNeutralForeground2,\n  display: 'inline-flex',\n  padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalS}`,\n  ...typographyStyles.caption1,\n\n  ':hover': {\n    backgroundColor: tokens.colorNeutralBackground3Hover,\n    borderColor: tokens.colorNeutralStroke1Hover,\n    color: tokens.colorNeutralForeground2Hover,\n  },\n\n  ':hover:active': {\n    backgroundColor: tokens.colorNeutralBackground3Pressed,\n    borderColor: tokens.colorNeutralStroke1Pressed,\n    color: tokens.colorNeutralForeground2Pressed,\n  },\n});\n\nconst useRootStyles = makeStyles({\n  darker: {\n    backgroundColor: tokens.colorNeutralBackground5,\n    ...shorthands.borderColor(tokens.colorNeutralStroke1),\n\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground5Hover,\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorNeutralBackground5Pressed,\n    },\n  },\n});\n\n/**\n * Apply styling to the ReferenceOverflowButton slots based on the state\n */\nexport const useReferenceOverflowButtonStyles_unstable = (\n  state: ReferenceOverflowButtonState,\n): ReferenceOverflowButtonState => {\n  const { appearance } = state;\n\n  const rootBaseClassName = useRootBaseClassName();\n  const rootStyles = useRootStyles();\n\n  state.root.className = mergeClasses(\n    referenceOverflowButtonClassNames.root,\n    rootBaseClassName,\n    appearance === 'darker' && rootStyles.darker,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["referenceOverflowButtonClassNames","useRootStyles","root","backgroundColor","colorNeutralBackground3","border","strokeWidthThin","borderRadius","color","tokens","display","padding","spacingVerticalXXS","B9xav0g","typographyStyles","zhjwy3","borderColor","state","darker","rootBaseClassName","useRootBaseClassName","className","mergeClasses","appearance","rootStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,iCAAAA;eAAAA;;IA6BPC,yCAA2B;eAA3BA;;;iCAlCY;AAKX,MAAMD,oCAAkF;UAC7FE;AACF;AAEA;;CAEC,SAECC,uBAAwBC,IAAAA,8BAAAA,EAAAA,WAAuB,MAAA;IAAA;IAAA;IAAA;CAAA;MAC/CC,gBAAkBC,IAAAA,yBAAAA,EAAAA;YAClBC;QACAC,QAAOC;QACPC,QAAAA;QACAC,QAAAA;YAAS;YAAUC;SAAAA;QACnBC,SAAGC;QAEHC,QAAA;YAAA;YAAU;SAAA;gBACRZ;gBACAa;;;OAIF;QAAA;QAAiB;QAAA;QAAA;QAAA;KAAA;;;QACuC;KAAA;;AAMpDf,MAAAA,4CAA2BgB,CAAAA;UAC/BC,YACEf;UAGAgB,oBAAUC;uBACRjB;UACFD,IAAA,CAAAmB,SAAA,GAAAC,IAAAA,6BAAA,EAAAtB,kCAAAE,IAAA,EAAAiB,mBAAAI,eAAA,YAAAC,WAAAN,MAAA,EAAAD,MAAAf,IAAA,CAAAmB,SAAA;WAEAJ;+DAEA"}

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Reference"), exports);
+_export_star._(require("./ReferenceList"), exports);
+_export_star._(require("./ReferenceOverflowButton"), exports);
+ //# sourceMappingURL=index.js.map

package/lib-commonjs/components/reference-v2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Reference';\nexport * from './ReferenceList';\nexport * from './ReferenceOverflowButton';\n"],"names":[],"rangeMappings":";;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA"}

package/lib-commonjs/contexts/ReferenceGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ReferenceGroupContext.ts"],"sourcesContent":["import * as React from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nexport type ReferenceGroupContext = {\n  open?: boolean;\n  setOpen: () => void;\n};\n\nconst ReferenceGroupContext = React.createContext<ReferenceGroupContext | undefined>(undefined);\n\nexport const ReferenceGroupProvider = ReferenceGroupContext.Provider;\n\nexport const useReferenceGroupSetOpen = (): (() => void) => {\n  const context = React.useContext(ReferenceGroupContext);\n  return context?.setOpen ?? noop;\n};\n"],"names":["ReferenceGroupProvider","useReferenceGroupSetOpen","noop","ReferenceGroupContext","React","createContext","undefined","Provider","context","useContext","_context_setOpen","setOpen"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAYaA,sBAAAA;eAAAA;;IAEAC,wBAAAA;eAAAA;;;;iEAdU;AAEvB,gEAAgE;AAChE,MAAMC,OAAO,KAAO;AAOpB,MAAMC,sCAAwBC,OAAMC,aAAa,CAAoCC;AAE9E,MAAMN,yBAAyBG,sBAAsBI,QAAQ;AAE7D,MAAMN,2BAA2B;UACtCO,UAAMA,OAAUJ,UAAMK,CAAAA;;WACtB,AAAAC,CAAAA,mBAAOF,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAAA,OAASG,MAAO,QAAAD,qBAAhBF,KAAAA,IAAAA,mBAAAA;AACT"}

package/lib-commonjs/contexts/reference-v2/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./referenceListContext"), exports);
+ //# sourceMappingURL=index.js.map

package/lib-commonjs/contexts/reference-v2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './referenceListContext';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/contexts/reference-v2/referenceListContext.js

@@ -0,0 +1,36 @@
+"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, {
+    ReferenceListContext: function() {
+        return ReferenceListContext;
+    },
+    ReferenceListContextProvider: function() {
+        return ReferenceListContextProvider;
+    },
+    useReferenceListContext_unstable: function() {
+        return useReferenceListContext_unstable;
+    }
+});
+const _reactcontextselector = require("@fluentui/react-context-selector");
+const ReferenceListContext = (0, _reactcontextselector.createContext)(undefined);
+const referenceListContextDefaultValue = {
+    appearance: 'lighter',
+    areReferencesExpanded: false,
+    overflowButtonTriggeredViaKeyboard: {
+        current: false
+    },
+    previousOverflowCount: {
+        current: 0
+    },
+    shouldUseOverflow: false
+};
+const ReferenceListContextProvider = ReferenceListContext.Provider;
+const useReferenceListContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(ReferenceListContext, (ctx = referenceListContextDefaultValue)=>selector(ctx)); //# sourceMappingURL=referenceListContext.js.map

package/lib-commonjs/contexts/reference-v2/referenceListContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["referenceListContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context, ContextSelector } from '@fluentui/react-context-selector';\nimport type { ReferenceListState } from '../../ReferenceListV2';\n\n/**\n * Context shared between ReferenceList and its children components\n */\nexport type ReferenceListContextValue = Pick<\n  ReferenceListState,\n  | 'appearance'\n  | 'areReferencesExpanded'\n  | 'overflowButtonTriggeredViaKeyboard'\n  | 'previousOverflowCount'\n  | 'shouldUseOverflow'\n>;\n\nexport const ReferenceListContext: Context<ReferenceListContextValue> = createContext<\n  ReferenceListContextValue | undefined\n>(undefined) as Context<ReferenceListContextValue>;\n\nconst referenceListContextDefaultValue: ReferenceListContextValue = {\n  appearance: 'lighter',\n  areReferencesExpanded: false,\n  overflowButtonTriggeredViaKeyboard: { current: false },\n  previousOverflowCount: { current: 0 },\n  shouldUseOverflow: false,\n};\n\nexport const ReferenceListContextProvider = ReferenceListContext.Provider;\n\nexport const useReferenceListContext_unstable = <T>(selector: ContextSelector<ReferenceListContextValue, T>) =>\n  useContextSelector(ReferenceListContext, (ctx = referenceListContextDefaultValue) => selector(ctx));\n"],"names":["ReferenceListContext","ReferenceListContextProvider","useReferenceListContext_unstable","createContext","undefined","referenceListContextDefaultValue","appearance","areReferencesExpanded","overflowButtonTriggeredViaKeyboard","current","previousOverflowCount","shouldUseOverflow","Provider","selector","useContextSelector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAgBaA,oBAAAA;eAAAA;;IAYAC,4BAAAA;eAAAA;;IAEAC,gCAAAA;eAAAA;;;sCA9BqC;AAgB3C,MAAMF,uBAA2DG,IAAAA,mCAAAA,EAEtEC;AAEF,MAAMC,mCAA8D;gBAClEC;2BACAC;wCACAC;iBAAsCC;;2BACtCC;iBAAyBD;;uBACzBE;AACF;AAEO,MAAMV,+BAA+BD,qBAAqBY,QAAQ;AAElE,MAAMV,mCAAmCW,CAAAA,WAC9CC,IAAAA,wCAAAA,EAAmBd,sBAAsB,CAACe,MAAMV,gCAAgC,GAAKQ,SAASE"}

package/lib-commonjs/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './useReferenceCitationPreview';\nexport * from './useReferenceGroup';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;uBAAc;uBACA;CACd,iCAAiC"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './useReferenceCitationPreview';\nexport * from './useReferenceGroup';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}

package/lib-commonjs/hooks/reference-v2/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./useReferenceCitationPreview"), exports);
+ //# sourceMappingURL=index.js.map

package/lib-commonjs/hooks/reference-v2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './useReferenceCitationPreview';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/hooks/reference-v2/useReferenceCitationPreview.js

@@ -0,0 +1,148 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useReferenceCitationPreview", {
+    enumerable: true,
+    get: function() {
+        return useReferenceCitationPreview;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactcomponents = require("@fluentui/react-components");
+const _reactpreview = require("@fluentui-copilot/react-preview");
+const _reactsensitivitylabel = require("@fluentui-copilot/react-sensitivity-label");
+const _Citation = require("../../Citation");
+const _ReferenceV2 = require("../../ReferenceV2");
+// Abstract the citation that serves as the close button of the Preview into its own component so that we have access to the popover context.
+const CitationCloseButton = (citationCloseButtonProps)=>{
+    const setPopoverOpen = (0, _reactcomponents.usePopoverContext_unstable)((context)=>context.setOpen);
+    const onPopoverCloseClick = _react.useCallback((ev)=>{
+        setPopoverOpen(ev, false);
+        // Don't navigate
+        ev.preventDefault();
+    }, [
+        setPopoverOpen
+    ]);
+    const onCitationCloseButtonClick = (0, _reactcomponents.mergeCallbacks)(onPopoverCloseClick, citationCloseButtonProps.onClick);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Citation.Citation, {
+        ...citationCloseButtonProps,
+        onClick: onCitationCloseButtonClick
+    });
+};
+const useReferenceCitationPreview = (props)=>{
+    const { citationPreviewProps, citationPreviewSurfaceProps, citationProps, index, previewContentProps, referencePreviewProps, referencePreviewSurfaceProps, referenceProps, sensitivityLabelProps } = props;
+    const components = _react.useMemo(()=>{
+        const citationWithPreview = (props)=>{
+            var _previewContentProps_content;
+            return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactpreview.Preview, {
+                closeOnScroll: true,
+                positioning: "below",
+                size: "small",
+                trapFocus: true,
+                withArrow: true,
+                ...citationPreviewProps,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewTrigger, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Citation.Citation, {
+                            ...citationProps,
+                            ...props,
+                            children: index
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewSurface, {
+                        ...citationPreviewSurfaceProps,
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactpreview.PreviewContent, {
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewHeader, {
+                                    citation: /*#__PURE__*/ (0, _jsxruntime.jsx)(CitationCloseButton, {
+                                        "aria-label": `Reference ${index}, close`,
+                                        referenceHref: "#",
+                                        tabIndex: -1,
+                                        children: index
+                                    }),
+                                    media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.media,
+                                    children: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.children
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewMetadata, {
+                                    icon: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.icon,
+                                    primaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.primaryText,
+                                    secondaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.secondaryText,
+                                    tertiaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.tertiaryText
+                                }),
+                                sensitivityLabelProps && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactsensitivitylabel.SensitivityLabel, {
+                                    ...sensitivityLabelProps
+                                }),
+                                (_previewContentProps_content = previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.content) !== null && _previewContentProps_content !== void 0 ? _previewContentProps_content : citationPreviewProps === null || citationPreviewProps === void 0 ? void 0 : citationPreviewProps.children
+                            ]
+                        })
+                    })
+                ]
+            });
+        };
+        const referenceWithPreview = (props)=>{
+            var _previewContentProps_content;
+            return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactpreview.Preview, {
+                closeOnScroll: true,
+                positioning: "below",
+                size: "small",
+                trapFocus: true,
+                withArrow: true,
+                ...referencePreviewProps,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewTrigger, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ReferenceV2.Reference, {
+                            citation: index,
+                            ...referenceProps,
+                            ...props
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewSurface, {
+                        ...referencePreviewSurfaceProps,
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactpreview.PreviewContent, {
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewHeader, {
+                                    citation: /*#__PURE__*/ (0, _jsxruntime.jsx)(CitationCloseButton, {
+                                        "aria-label": `Reference ${index}, close`,
+                                        referenceHref: "#",
+                                        tabIndex: -1,
+                                        children: index
+                                    }),
+                                    media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.media,
+                                    children: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.children
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewMetadata, {
+                                    icon: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.icon,
+                                    primaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.primaryText,
+                                    secondaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.secondaryText,
+                                    tertiaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.tertiaryText
+                                }),
+                                sensitivityLabelProps && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactsensitivitylabel.SensitivityLabel, {
+                                    ...sensitivityLabelProps
+                                }),
+                                (_previewContentProps_content = previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.content) !== null && _previewContentProps_content !== void 0 ? _previewContentProps_content : referencePreviewProps === null || referencePreviewProps === void 0 ? void 0 : referencePreviewProps.children
+                            ]
+                        })
+                    })
+                ]
+            });
+        };
+        return {
+            Citation: citationWithPreview,
+            Reference: referenceWithPreview
+        };
+    }, [
+        citationPreviewProps,
+        citationPreviewSurfaceProps,
+        citationProps,
+        index,
+        referencePreviewProps,
+        referencePreviewSurfaceProps,
+        referenceProps,
+        previewContentProps,
+        sensitivityLabelProps
+    ]);
+    return components;
+}; //# sourceMappingURL=useReferenceCitationPreview.js.map