@fluentui-copilot/react-reference 0.0.0-nightly-20240424-0405-f2067016.1 → 0.0.0-nightly-20240429-0406-78118c43.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +9 -9
- package/CHANGELOG.md +7 -7
- package/dist/index.d.ts +219 -0
- package/lib/ReferenceListV2.js +2 -0
- package/lib/ReferenceListV2.js.map +1 -0
- package/lib/ReferenceOverflowButton.js +2 -0
- package/lib/ReferenceOverflowButton.js.map +1 -0
- package/lib/ReferenceV2.js +2 -0
- package/lib/ReferenceV2.js.map +1 -0
- package/lib/components/Reference/useReference.js +1 -1
- package/lib/components/Reference/useReference.js.map +1 -1
- package/lib/components/reference-v2/Reference/Reference.js +11 -0
- package/lib/components/reference-v2/Reference/Reference.js.map +1 -0
- package/lib/components/reference-v2/Reference/Reference.types.js +2 -0
- package/lib/components/reference-v2/Reference/Reference.types.js.map +1 -0
- package/lib/components/reference-v2/Reference/index.js +6 -0
- package/lib/components/reference-v2/Reference/index.js.map +1 -0
- package/lib/components/reference-v2/Reference/renderReference.js +19 -0
- package/lib/components/reference-v2/Reference/renderReference.js.map +1 -0
- package/lib/components/reference-v2/Reference/useReference.js +72 -0
- package/lib/components/reference-v2/Reference/useReference.js.map +1 -0
- package/lib/components/reference-v2/Reference/useReferenceStyles.js +71 -0
- package/lib/components/reference-v2/Reference/useReferenceStyles.js.map +1 -0
- package/lib/components/reference-v2/ReferenceList/ReferenceList.js +13 -0
- package/lib/components/reference-v2/ReferenceList/ReferenceList.js.map +1 -0
- package/lib/components/reference-v2/ReferenceList/ReferenceList.types.js +2 -0
- package/lib/components/reference-v2/ReferenceList/ReferenceList.types.js.map +1 -0
- package/lib/components/reference-v2/ReferenceList/index.js +6 -0
- package/lib/components/reference-v2/ReferenceList/index.js.map +1 -0
- package/lib/components/reference-v2/ReferenceList/renderReferenceList.js +18 -0
- package/lib/components/reference-v2/ReferenceList/renderReferenceList.js.map +1 -0
- package/lib/components/reference-v2/ReferenceList/useReferenceList.js +94 -0
- package/lib/components/reference-v2/ReferenceList/useReferenceList.js.map +1 -0
- package/lib/components/reference-v2/ReferenceList/useReferenceListContextValues.js +21 -0
- package/lib/components/reference-v2/ReferenceList/useReferenceListContextValues.js.map +1 -0
- package/lib/components/reference-v2/ReferenceList/useReferenceListStyles.js +39 -0
- package/lib/components/reference-v2/ReferenceList/useReferenceListStyles.js.map +1 -0
- package/lib/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.js +12 -0
- package/lib/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.js.map +1 -0
- package/lib/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.types.js +2 -0
- package/lib/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.types.js.map +1 -0
- package/lib/components/reference-v2/ReferenceOverflowButton/index.js +6 -0
- package/lib/components/reference-v2/ReferenceOverflowButton/index.js.map +1 -0
- package/lib/components/reference-v2/ReferenceOverflowButton/renderReferenceOverflowButton.js +10 -0
- package/lib/components/reference-v2/ReferenceOverflowButton/renderReferenceOverflowButton.js.map +1 -0
- package/lib/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButton.js +91 -0
- package/lib/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButton.js.map +1 -0
- package/lib/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButtonStyles.js +35 -0
- package/lib/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButtonStyles.js.map +1 -0
- package/lib/components/reference-v2/index.js +4 -0
- package/lib/components/reference-v2/index.js.map +1 -0
- package/lib/contexts/reference-v2/index.js +2 -0
- package/lib/contexts/reference-v2/index.js.map +1 -0
- package/lib/contexts/reference-v2/referenceListContext.js +16 -0
- package/lib/contexts/reference-v2/referenceListContext.js.map +1 -0
- package/lib/hooks/reference-v2/index.js +2 -0
- package/lib/hooks/reference-v2/index.js.map +1 -0
- package/lib/hooks/reference-v2/useReferenceCitationPreview.js +120 -0
- package/lib/hooks/reference-v2/useReferenceCitationPreview.js.map +1 -0
- package/lib/index.js +5 -0
- package/lib/index.js.map +1 -1
- package/lib-commonjs/ReferenceListV2.js +7 -0
- package/lib-commonjs/ReferenceListV2.js.map +1 -0
- package/lib-commonjs/ReferenceOverflowButton.js +7 -0
- package/lib-commonjs/ReferenceOverflowButton.js.map +1 -0
- package/lib-commonjs/ReferenceV2.js +7 -0
- package/lib-commonjs/ReferenceV2.js.map +1 -0
- package/lib-commonjs/components/Reference/useReference.js +1 -1
- package/lib-commonjs/components/Reference/useReference.js.map +1 -1
- package/lib-commonjs/components/reference-v2/Reference/Reference.js +21 -0
- package/lib-commonjs/components/reference-v2/Reference/Reference.js.map +1 -0
- package/lib-commonjs/components/reference-v2/Reference/Reference.types.js +5 -0
- package/lib-commonjs/components/reference-v2/Reference/Reference.types.js.map +1 -0
- package/lib-commonjs/components/reference-v2/Reference/index.js +28 -0
- package/lib-commonjs/components/reference-v2/Reference/index.js.map +1 -0
- package/lib-commonjs/components/reference-v2/Reference/renderReference.js +32 -0
- package/lib-commonjs/components/reference-v2/Reference/renderReference.js.map +1 -0
- package/lib-commonjs/components/reference-v2/Reference/useReference.js +67 -0
- package/lib-commonjs/components/reference-v2/Reference/useReference.js.map +1 -0
- package/lib-commonjs/components/reference-v2/Reference/useReferenceStyles.js +122 -0
- package/lib-commonjs/components/reference-v2/Reference/useReferenceStyles.js.map +1 -0
- package/lib-commonjs/components/reference-v2/ReferenceList/ReferenceList.js +23 -0
- package/lib-commonjs/components/reference-v2/ReferenceList/ReferenceList.js.map +1 -0
- package/lib-commonjs/components/reference-v2/ReferenceList/ReferenceList.types.js +5 -0
- package/lib-commonjs/components/reference-v2/ReferenceList/ReferenceList.types.js.map +1 -0
- package/lib-commonjs/components/reference-v2/ReferenceList/index.js +11 -0
- package/lib-commonjs/components/reference-v2/ReferenceList/index.js.map +1 -0
- package/lib-commonjs/components/reference-v2/ReferenceList/renderReferenceList.js +28 -0
- package/lib-commonjs/components/reference-v2/ReferenceList/renderReferenceList.js.map +1 -0
- package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceList.js +93 -0
- package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceList.js.map +1 -0
- package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListContextValues.js +24 -0
- package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListContextValues.js.map +1 -0
- package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListStyles.js +55 -0
- package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListStyles.js.map +1 -0
- package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.js +21 -0
- package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.js.map +1 -0
- package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.types.js +5 -0
- package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.types.js.map +1 -0
- package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/index.js +11 -0
- package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/index.js.map +1 -0
- package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/renderReferenceOverflowButton.js +16 -0
- package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/renderReferenceOverflowButton.js.map +1 -0
- package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButton.js +84 -0
- package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButton.js.map +1 -0
- package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButtonStyles.js +65 -0
- package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButtonStyles.js.map +1 -0
- package/lib-commonjs/components/reference-v2/index.js +9 -0
- package/lib-commonjs/components/reference-v2/index.js.map +1 -0
- package/lib-commonjs/contexts/reference-v2/index.js +7 -0
- package/lib-commonjs/contexts/reference-v2/index.js.map +1 -0
- package/lib-commonjs/contexts/reference-v2/referenceListContext.js +36 -0
- package/lib-commonjs/contexts/reference-v2/referenceListContext.js.map +1 -0
- package/lib-commonjs/hooks/reference-v2/index.js +7 -0
- package/lib-commonjs/hooks/reference-v2/index.js.map +1 -0
- package/lib-commonjs/hooks/reference-v2/useReferenceCitationPreview.js +148 -0
- package/lib-commonjs/hooks/reference-v2/useReferenceCitationPreview.js.map +1 -0
- package/lib-commonjs/index.js +65 -0
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +11 -11
- /package/lib/{context → contexts}/ReferenceGroupContext.js +0 -0
- /package/lib/{context → contexts}/ReferenceGroupContext.js.map +0 -0
- /package/lib-commonjs/{context → contexts}/ReferenceGroupContext.js +0 -0
- /package/lib-commonjs/{context → contexts}/ReferenceGroupContext.js.map +0 -0
|
@@ -0,0 +1 @@
|
|
|
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":["createContext","useContextSelector","ReferenceListContext","undefined","referenceListContextDefaultValue","appearance","areReferencesExpanded","overflowButtonTriggeredViaKeyboard","current","previousOverflowCount","shouldUseOverflow","ReferenceListContextProvider","Provider","useReferenceListContext_unstable","selector","ctx"],"mappings":"AAAA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,mCAAmC;AAgBrF,OAAO,MAAMC,uBAA2DF,cAEtEG,WAAiD;AAEnD,MAAMC,mCAA8D;IAClEC,YAAY;IACZC,uBAAuB;IACvBC,oCAAoC;QAAEC,SAAS;IAAM;IACrDC,uBAAuB;QAAED,SAAS;IAAE;IACpCE,mBAAmB;AACrB;AAEA,OAAO,MAAMC,+BAA+BT,qBAAqBU,QAAQ,CAAC;AAE1E,OAAO,MAAMC,mCAAmC,CAAIC,WAClDb,mBAAmBC,sBAAsB,CAACa,MAAMX,gCAAgC,GAAKU,SAASC,MAAM"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './useReferenceCitationPreview';\n"],"names":[],"mappings":"AAAA,cAAc,gCAAgC"}
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { mergeCallbacks, usePopoverContext_unstable } from '@fluentui/react-components';
|
|
4
|
+
import { Preview, PreviewContent, PreviewHeader, PreviewMetadata, PreviewSurface, PreviewTrigger } from '@fluentui-copilot/react-preview';
|
|
5
|
+
import { SensitivityLabel } from '@fluentui-copilot/react-sensitivity-label';
|
|
6
|
+
import { Citation } from '../../Citation';
|
|
7
|
+
import { Reference } from '../../ReferenceV2';
|
|
8
|
+
// 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.
|
|
9
|
+
const CitationCloseButton = citationCloseButtonProps => {
|
|
10
|
+
const setPopoverOpen = usePopoverContext_unstable(context => context.setOpen);
|
|
11
|
+
const onPopoverCloseClick = React.useCallback(ev => {
|
|
12
|
+
setPopoverOpen(ev, false);
|
|
13
|
+
// Don't navigate
|
|
14
|
+
ev.preventDefault();
|
|
15
|
+
}, [setPopoverOpen]);
|
|
16
|
+
const onCitationCloseButtonClick = mergeCallbacks(onPopoverCloseClick, citationCloseButtonProps.onClick);
|
|
17
|
+
return /*#__PURE__*/_jsx(Citation, {
|
|
18
|
+
...citationCloseButtonProps,
|
|
19
|
+
onClick: onCitationCloseButtonClick
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
export const useReferenceCitationPreview = props => {
|
|
23
|
+
const {
|
|
24
|
+
citationPreviewProps,
|
|
25
|
+
citationPreviewSurfaceProps,
|
|
26
|
+
citationProps,
|
|
27
|
+
index,
|
|
28
|
+
previewContentProps,
|
|
29
|
+
referencePreviewProps,
|
|
30
|
+
referencePreviewSurfaceProps,
|
|
31
|
+
referenceProps,
|
|
32
|
+
sensitivityLabelProps
|
|
33
|
+
} = props;
|
|
34
|
+
const components = React.useMemo(() => {
|
|
35
|
+
const citationWithPreview = props => {
|
|
36
|
+
var _previewContentProps_content;
|
|
37
|
+
return /*#__PURE__*/_jsxs(Preview, {
|
|
38
|
+
closeOnScroll: true,
|
|
39
|
+
positioning: "below",
|
|
40
|
+
size: "small",
|
|
41
|
+
trapFocus: true,
|
|
42
|
+
withArrow: true,
|
|
43
|
+
...citationPreviewProps,
|
|
44
|
+
children: [/*#__PURE__*/_jsx(PreviewTrigger, {
|
|
45
|
+
children: /*#__PURE__*/_jsx(Citation, {
|
|
46
|
+
...citationProps,
|
|
47
|
+
...props,
|
|
48
|
+
children: index
|
|
49
|
+
})
|
|
50
|
+
}), /*#__PURE__*/_jsx(PreviewSurface, {
|
|
51
|
+
...citationPreviewSurfaceProps,
|
|
52
|
+
children: /*#__PURE__*/_jsxs(PreviewContent, {
|
|
53
|
+
children: [/*#__PURE__*/_jsx(PreviewHeader, {
|
|
54
|
+
citation: /*#__PURE__*/_jsx(CitationCloseButton, {
|
|
55
|
+
"aria-label": `Reference ${index}, close`,
|
|
56
|
+
referenceHref: "#",
|
|
57
|
+
tabIndex: -1,
|
|
58
|
+
children: index
|
|
59
|
+
}),
|
|
60
|
+
media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.media,
|
|
61
|
+
children: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.children
|
|
62
|
+
}), /*#__PURE__*/_jsx(PreviewMetadata, {
|
|
63
|
+
icon: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.icon,
|
|
64
|
+
primaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.primaryText,
|
|
65
|
+
secondaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.secondaryText,
|
|
66
|
+
tertiaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.tertiaryText
|
|
67
|
+
}), sensitivityLabelProps && /*#__PURE__*/_jsx(SensitivityLabel, {
|
|
68
|
+
...sensitivityLabelProps
|
|
69
|
+
}), (_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]
|
|
70
|
+
})
|
|
71
|
+
})]
|
|
72
|
+
});
|
|
73
|
+
};
|
|
74
|
+
const referenceWithPreview = props => {
|
|
75
|
+
var _previewContentProps_content;
|
|
76
|
+
return /*#__PURE__*/_jsxs(Preview, {
|
|
77
|
+
closeOnScroll: true,
|
|
78
|
+
positioning: "below",
|
|
79
|
+
size: "small",
|
|
80
|
+
trapFocus: true,
|
|
81
|
+
withArrow: true,
|
|
82
|
+
...referencePreviewProps,
|
|
83
|
+
children: [/*#__PURE__*/_jsx(PreviewTrigger, {
|
|
84
|
+
children: /*#__PURE__*/_jsx(Reference, {
|
|
85
|
+
citation: index,
|
|
86
|
+
...referenceProps,
|
|
87
|
+
...props
|
|
88
|
+
})
|
|
89
|
+
}), /*#__PURE__*/_jsx(PreviewSurface, {
|
|
90
|
+
...referencePreviewSurfaceProps,
|
|
91
|
+
children: /*#__PURE__*/_jsxs(PreviewContent, {
|
|
92
|
+
children: [/*#__PURE__*/_jsx(PreviewHeader, {
|
|
93
|
+
citation: /*#__PURE__*/_jsx(CitationCloseButton, {
|
|
94
|
+
"aria-label": `Reference ${index}, close`,
|
|
95
|
+
referenceHref: "#",
|
|
96
|
+
tabIndex: -1,
|
|
97
|
+
children: index
|
|
98
|
+
}),
|
|
99
|
+
media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.media,
|
|
100
|
+
children: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.children
|
|
101
|
+
}), /*#__PURE__*/_jsx(PreviewMetadata, {
|
|
102
|
+
icon: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.icon,
|
|
103
|
+
primaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.primaryText,
|
|
104
|
+
secondaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.secondaryText,
|
|
105
|
+
tertiaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.tertiaryText
|
|
106
|
+
}), sensitivityLabelProps && /*#__PURE__*/_jsx(SensitivityLabel, {
|
|
107
|
+
...sensitivityLabelProps
|
|
108
|
+
}), (_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]
|
|
109
|
+
})
|
|
110
|
+
})]
|
|
111
|
+
});
|
|
112
|
+
};
|
|
113
|
+
return {
|
|
114
|
+
Citation: citationWithPreview,
|
|
115
|
+
Reference: referenceWithPreview
|
|
116
|
+
};
|
|
117
|
+
}, [citationPreviewProps, citationPreviewSurfaceProps, citationProps, index, referencePreviewProps, referencePreviewSurfaceProps, referenceProps, previewContentProps, sensitivityLabelProps]);
|
|
118
|
+
return components;
|
|
119
|
+
};
|
|
120
|
+
//# sourceMappingURL=useReferenceCitationPreview.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useReferenceCitationPreview.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\n\nimport { mergeCallbacks, usePopoverContext_unstable } from '@fluentui/react-components';\n\nimport {\n Preview,\n PreviewContent,\n PreviewHeader,\n PreviewMetadata,\n PreviewSurface,\n PreviewTrigger,\n} from '@fluentui-copilot/react-preview';\nimport { SensitivityLabel } from '@fluentui-copilot/react-sensitivity-label';\nimport type {\n PreviewHeaderProps,\n PreviewMetadataProps,\n PreviewProps,\n PreviewSurfaceProps,\n} from '@fluentui-copilot/react-preview';\nimport type { SensitivityLabelProps } from '@fluentui-copilot/react-sensitivity-label';\n\nimport { Citation } from '../../Citation';\nimport { Reference } from '../../ReferenceV2';\nimport type { CitationProps } from '../../Citation';\nimport type { ReferenceProps } from '../../ReferenceV2';\n\nexport type PackagedCitation = React.FC<CitationProps>;\n\nexport type PackagedReference = React.FC<ReferenceProps>;\n\nexport type PackagedPreviewContentProps = Pick<\n PreviewMetadataProps,\n 'icon' | 'primaryText' | 'secondaryText' | 'tertiaryText'\n> & {\n content?: React.ReactNode;\n};\n\nexport type UseReferenceCitationPreviewProps = {\n citationPreviewProps?: PreviewProps;\n citationPreviewSurfaceProps?: PreviewSurfaceProps;\n citationProps?: CitationProps;\n index: number;\n previewContentProps?: PackagedPreviewContentProps;\n referencePreviewProps?: PreviewProps;\n referencePreviewSurfaceProps?: PreviewSurfaceProps;\n referenceProps?: ReferenceProps;\n sensitivityLabelProps?: SensitivityLabelProps;\n};\n\nexport type UseReferenceCitationPreview = (props: UseReferenceCitationPreviewProps) => {\n Citation: PackagedCitation;\n Reference: PackagedReference;\n};\n\n// 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.\nconst CitationCloseButton = (citationCloseButtonProps: CitationProps) => {\n const setPopoverOpen = usePopoverContext_unstable(context => context.setOpen);\n\n const onPopoverCloseClick = React.useCallback<NonNullable<CitationProps['onClick']>>(\n ev => {\n setPopoverOpen(ev, false);\n\n // Don't navigate\n ev.preventDefault();\n },\n [setPopoverOpen],\n );\n\n const onCitationCloseButtonClick = mergeCallbacks(onPopoverCloseClick, citationCloseButtonProps.onClick);\n\n return <Citation {...citationCloseButtonProps} onClick={onCitationCloseButtonClick} />;\n};\n\nexport const useReferenceCitationPreview: UseReferenceCitationPreview = props => {\n const {\n citationPreviewProps,\n citationPreviewSurfaceProps,\n citationProps,\n index,\n previewContentProps,\n referencePreviewProps,\n referencePreviewSurfaceProps,\n referenceProps,\n sensitivityLabelProps,\n } = props;\n\n const components = React.useMemo(() => {\n const citationWithPreview: PackagedCitation = props => {\n return (\n <Preview closeOnScroll positioning=\"below\" size=\"small\" trapFocus withArrow {...citationPreviewProps}>\n <PreviewTrigger>\n <Citation {...citationProps} {...props}>\n {index}\n </Citation>\n </PreviewTrigger>\n <PreviewSurface {...citationPreviewSurfaceProps}>\n <PreviewContent>\n <PreviewHeader\n citation={\n <CitationCloseButton aria-label={`Reference ${index}, close`} referenceHref=\"#\" tabIndex={-1}>\n {index}\n </CitationCloseButton>\n }\n media={referenceProps?.media as PreviewHeaderProps['media']}\n >\n {referenceProps?.children}\n </PreviewHeader>\n <PreviewMetadata\n icon={previewContentProps?.icon}\n primaryText={previewContentProps?.primaryText}\n secondaryText={previewContentProps?.secondaryText}\n tertiaryText={previewContentProps?.tertiaryText}\n />\n {sensitivityLabelProps && <SensitivityLabel {...sensitivityLabelProps} />}\n {previewContentProps?.content ?? citationPreviewProps?.children}\n </PreviewContent>\n </PreviewSurface>\n </Preview>\n );\n };\n\n const referenceWithPreview: PackagedReference = props => {\n return (\n <Preview closeOnScroll positioning=\"below\" size=\"small\" trapFocus withArrow {...referencePreviewProps}>\n <PreviewTrigger>\n <Reference citation={index} {...referenceProps} {...props} />\n </PreviewTrigger>\n <PreviewSurface {...referencePreviewSurfaceProps}>\n <PreviewContent>\n <PreviewHeader\n citation={\n <CitationCloseButton aria-label={`Reference ${index}, close`} referenceHref=\"#\" tabIndex={-1}>\n {index}\n </CitationCloseButton>\n }\n media={referenceProps?.media as PreviewHeaderProps['media']}\n >\n {referenceProps?.children}\n </PreviewHeader>\n <PreviewMetadata\n icon={previewContentProps?.icon}\n primaryText={previewContentProps?.primaryText}\n secondaryText={previewContentProps?.secondaryText}\n tertiaryText={previewContentProps?.tertiaryText}\n />\n {sensitivityLabelProps && <SensitivityLabel {...sensitivityLabelProps} />}\n {previewContentProps?.content ?? referencePreviewProps?.children}\n </PreviewContent>\n </PreviewSurface>\n </Preview>\n );\n };\n\n return {\n Citation: citationWithPreview,\n Reference: referenceWithPreview,\n };\n }, [\n citationPreviewProps,\n citationPreviewSurfaceProps,\n citationProps,\n index,\n referencePreviewProps,\n referencePreviewSurfaceProps,\n referenceProps,\n previewContentProps,\n sensitivityLabelProps,\n ]);\n\n return components;\n};\n"],"names":["React","mergeCallbacks","usePopoverContext_unstable","Preview","PreviewContent","PreviewHeader","PreviewMetadata","PreviewSurface","PreviewTrigger","SensitivityLabel","Citation","Reference","CitationCloseButton","citationCloseButtonProps","setPopoverOpen","context","setOpen","onPopoverCloseClick","useCallback","ev","preventDefault","onCitationCloseButtonClick","onClick","useReferenceCitationPreview","props","citationPreviewProps","citationPreviewSurfaceProps","citationProps","index","previewContentProps","referencePreviewProps","referencePreviewSurfaceProps","referenceProps","sensitivityLabelProps","components","useMemo","citationWithPreview","closeOnScroll","positioning","size","trapFocus","withArrow","citation","aria-label","referenceHref","tabIndex","media","children","icon","primaryText","secondaryText","tertiaryText","content","referenceWithPreview"],"mappings":"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"}
|
package/lib/index.js
CHANGED
|
@@ -3,4 +3,9 @@ export { Reference, referenceClassNames, renderReference_unstable, useReference_
|
|
|
3
3
|
export { useReferenceCitationPreview, useReferenceGroup } from './hooks';
|
|
4
4
|
export { ReferenceList, referenceListClassNames, useReferenceList_unstable, useReferenceListStyles_unstable, renderReferenceList_unstable } from './ReferenceList';
|
|
5
5
|
export { ReferenceGroupToggle, referenceGroupToggleClassNames, renderReferenceGroupToggle_unstable, useReferenceGroupToggleStyles_unstable, useReferenceGroupToggle_unstable } from './ReferenceGroupToggle';
|
|
6
|
+
export { Reference as ReferenceV2, referenceClassNames as referenceV2ClassNames, referenceExtraClassNames as referenceV2ExtraClassNames, renderReference_unstable as renderReferenceV2_unstable, useReferenceStyles_unstable as useReferenceStylesV2_unstable, useReference_unstable as useReferenceV2_unstable } from './ReferenceV2';
|
|
7
|
+
export { ReferenceList as ReferenceListV2, referenceListClassNames as referenceListV2ClassNames, renderReferenceList_unstable as renderReferenceListV2_unstable, useReferenceListStyles_unstable as useReferenceListStylesV2_unstable, useReferenceList_unstable as useReferenceListV2_unstable } from './ReferenceListV2';
|
|
8
|
+
export { ReferenceOverflowButton, referenceOverflowButtonClassNames, renderReferenceOverflowButton_unstable, useReferenceOverflowButtonStyles_unstable, useReferenceOverflowButton_unstable } from './ReferenceOverflowButton';
|
|
9
|
+
export { ReferenceListContext, ReferenceListContextProvider, useReferenceListContext_unstable } from './contexts/reference-v2';
|
|
10
|
+
export { useReferenceCitationPreview as useReferenceCitationPreviewV2 } from './hooks/reference-v2';
|
|
6
11
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n Citation,\n citationClassNames,\n renderCitation_unstable,\n useCitation_unstable,\n useCitationStyles_unstable,\n} from './Citation';\nexport {\n Reference,\n referenceClassNames,\n renderReference_unstable,\n useReference_unstable,\n useReferenceStyles_unstable,\n} from './Reference';\nexport { useReferenceCitationPreview, useReferenceGroup } from './hooks';\nexport {\n ReferenceList,\n referenceListClassNames,\n useReferenceList_unstable,\n useReferenceListStyles_unstable,\n renderReferenceList_unstable,\n} from './ReferenceList';\nexport {\n ReferenceGroupToggle,\n referenceGroupToggleClassNames,\n renderReferenceGroupToggle_unstable,\n useReferenceGroupToggleStyles_unstable,\n useReferenceGroupToggle_unstable,\n} from './ReferenceGroupToggle';\n\n// Types\n\nexport type { CitationSlots, CitationProps, CitationState } from './Citation';\nexport type { ReferenceSlots, ReferenceProps, ReferenceState } from './Reference';\nexport type { ReferenceListSlots, ReferenceListProps, ReferenceListState } from './ReferenceList';\nexport type {\n ReferenceGroupToggleSlots,\n ReferenceGroupToggleProps,\n ReferenceGroupToggleState,\n} from './ReferenceGroupToggle';\n\nexport type {\n PackagedCitationProps,\n PackagedCitation,\n PackagedReferenceProps,\n PackagedReference,\n ReferenceCitationData,\n UseReferenceCitationPreview,\n UseReferenceGroup,\n UseReferenceGroupProps,\n} from './hooks';\n"],"names":["Citation","citationClassNames","renderCitation_unstable","useCitation_unstable","useCitationStyles_unstable","Reference","referenceClassNames","renderReference_unstable","useReference_unstable","useReferenceStyles_unstable","useReferenceCitationPreview","useReferenceGroup","ReferenceList","referenceListClassNames","useReferenceList_unstable","useReferenceListStyles_unstable","renderReferenceList_unstable","ReferenceGroupToggle","referenceGroupToggleClassNames","renderReferenceGroupToggle_unstable","useReferenceGroupToggleStyles_unstable","useReferenceGroupToggle_unstable"],"mappings":"AAAA,SACEA,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,oBAAoB,EACpBC,0BAA0B,QACrB,aAAa;AACpB,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,qBAAqB,EACrBC,2BAA2B,QACtB,cAAc;AACrB,SAASC,2BAA2B,EAAEC,iBAAiB,QAAQ,UAAU;AACzE,SACEC,aAAa,EACbC,uBAAuB,EACvBC,yBAAyB,EACzBC,+BAA+B,EAC/BC,4BAA4B,QACvB,kBAAkB;AACzB,SACEC,oBAAoB,EACpBC,8BAA8B,EAC9BC,mCAAmC,EACnCC,sCAAsC,EACtCC,gCAAgC,QAC3B,yBAAyB"}
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n Citation,\n citationClassNames,\n renderCitation_unstable,\n useCitation_unstable,\n useCitationStyles_unstable,\n} from './Citation';\nexport {\n Reference,\n referenceClassNames,\n renderReference_unstable,\n useReference_unstable,\n useReferenceStyles_unstable,\n} from './Reference';\nexport { useReferenceCitationPreview, useReferenceGroup } from './hooks';\nexport {\n ReferenceList,\n referenceListClassNames,\n useReferenceList_unstable,\n useReferenceListStyles_unstable,\n renderReferenceList_unstable,\n} from './ReferenceList';\nexport {\n ReferenceGroupToggle,\n referenceGroupToggleClassNames,\n renderReferenceGroupToggle_unstable,\n useReferenceGroupToggleStyles_unstable,\n useReferenceGroupToggle_unstable,\n} from './ReferenceGroupToggle';\n\n// Types\n\nexport type { CitationSlots, CitationProps, CitationState } from './Citation';\nexport type { ReferenceSlots, ReferenceProps, ReferenceState } from './Reference';\nexport type { ReferenceListSlots, ReferenceListProps, ReferenceListState } from './ReferenceList';\nexport type {\n ReferenceGroupToggleSlots,\n ReferenceGroupToggleProps,\n ReferenceGroupToggleState,\n} from './ReferenceGroupToggle';\n\nexport type {\n PackagedCitationProps,\n PackagedCitation,\n PackagedReferenceProps,\n PackagedReference,\n ReferenceCitationData,\n UseReferenceCitationPreview,\n UseReferenceGroup,\n UseReferenceGroupProps,\n} from './hooks';\n\n// reference-v2 exports\nexport type {\n ReferenceProps as ReferenceV2Props,\n ReferenceSlots as ReferenceV2Slots,\n ReferenceState as ReferenceV2State,\n} from './ReferenceV2';\nexport {\n Reference as ReferenceV2,\n referenceClassNames as referenceV2ClassNames,\n referenceExtraClassNames as referenceV2ExtraClassNames,\n renderReference_unstable as renderReferenceV2_unstable,\n useReferenceStyles_unstable as useReferenceStylesV2_unstable,\n useReference_unstable as useReferenceV2_unstable,\n} from './ReferenceV2';\n\nexport type {\n ReferenceListContextValues as ReferenceListV2ContextValues,\n ReferenceListProps as ReferenceListV2Props,\n ReferenceListSlots as ReferenceListV2Slots,\n ReferenceListState as ReferenceListV2State,\n} from './ReferenceListV2';\nexport {\n ReferenceList as ReferenceListV2,\n referenceListClassNames as referenceListV2ClassNames,\n renderReferenceList_unstable as renderReferenceListV2_unstable,\n useReferenceListStyles_unstable as useReferenceListStylesV2_unstable,\n useReferenceList_unstable as useReferenceListV2_unstable,\n} from './ReferenceListV2';\n\nexport type {\n ReferenceOverflowButtonProps,\n ReferenceOverflowButtonSlots,\n ReferenceOverflowButtonState,\n} from './ReferenceOverflowButton';\nexport {\n ReferenceOverflowButton,\n referenceOverflowButtonClassNames,\n renderReferenceOverflowButton_unstable,\n useReferenceOverflowButtonStyles_unstable,\n useReferenceOverflowButton_unstable,\n} from './ReferenceOverflowButton';\n\nexport type { ReferenceListContextValue } from './contexts/reference-v2';\nexport {\n ReferenceListContext,\n ReferenceListContextProvider,\n useReferenceListContext_unstable,\n} from './contexts/reference-v2';\n\nexport type {\n PackagedCitation as PackagedCitationV2,\n PackagedPreviewContentProps as PackagedPreviewContentV2Props,\n PackagedReference as PackagedReferenceV2,\n UseReferenceCitationPreview as UseReferenceCitationPreviewV2,\n UseReferenceCitationPreviewProps as UseReferenceCitationPreviewV2Props,\n} from './hooks/reference-v2';\nexport { useReferenceCitationPreview as useReferenceCitationPreviewV2 } from './hooks/reference-v2';\n"],"names":["Citation","citationClassNames","renderCitation_unstable","useCitation_unstable","useCitationStyles_unstable","Reference","referenceClassNames","renderReference_unstable","useReference_unstable","useReferenceStyles_unstable","useReferenceCitationPreview","useReferenceGroup","ReferenceList","referenceListClassNames","useReferenceList_unstable","useReferenceListStyles_unstable","renderReferenceList_unstable","ReferenceGroupToggle","referenceGroupToggleClassNames","renderReferenceGroupToggle_unstable","useReferenceGroupToggleStyles_unstable","useReferenceGroupToggle_unstable","ReferenceV2","referenceV2ClassNames","referenceExtraClassNames","referenceV2ExtraClassNames","renderReferenceV2_unstable","useReferenceStylesV2_unstable","useReferenceV2_unstable","ReferenceListV2","referenceListV2ClassNames","renderReferenceListV2_unstable","useReferenceListStylesV2_unstable","useReferenceListV2_unstable","ReferenceOverflowButton","referenceOverflowButtonClassNames","renderReferenceOverflowButton_unstable","useReferenceOverflowButtonStyles_unstable","useReferenceOverflowButton_unstable","ReferenceListContext","ReferenceListContextProvider","useReferenceListContext_unstable","useReferenceCitationPreviewV2"],"mappings":"AAAA,SACEA,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,oBAAoB,EACpBC,0BAA0B,QACrB,aAAa;AACpB,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,qBAAqB,EACrBC,2BAA2B,QACtB,cAAc;AACrB,SAASC,2BAA2B,EAAEC,iBAAiB,QAAQ,UAAU;AACzE,SACEC,aAAa,EACbC,uBAAuB,EACvBC,yBAAyB,EACzBC,+BAA+B,EAC/BC,4BAA4B,QACvB,kBAAkB;AACzB,SACEC,oBAAoB,EACpBC,8BAA8B,EAC9BC,mCAAmC,EACnCC,sCAAsC,EACtCC,gCAAgC,QAC3B,yBAAyB;AA8BhC,SACEhB,aAAaiB,WAAW,EACxBhB,uBAAuBiB,qBAAqB,EAC5CC,4BAA4BC,0BAA0B,EACtDlB,4BAA4BmB,0BAA0B,EACtDjB,+BAA+BkB,6BAA6B,EAC5DnB,yBAAyBoB,uBAAuB,QAC3C,gBAAgB;AAQvB,SACEhB,iBAAiBiB,eAAe,EAChChB,2BAA2BiB,yBAAyB,EACpDd,gCAAgCe,8BAA8B,EAC9DhB,mCAAmCiB,iCAAiC,EACpElB,6BAA6BmB,2BAA2B,QACnD,oBAAoB;AAO3B,SACEC,uBAAuB,EACvBC,iCAAiC,EACjCC,sCAAsC,EACtCC,yCAAyC,EACzCC,mCAAmC,QAC9B,4BAA4B;AAGnC,SACEC,oBAAoB,EACpBC,4BAA4B,EAC5BC,gCAAgC,QAC3B,0BAA0B;AASjC,SAAS/B,+BAA+BgC,6BAA6B,QAAQ,uBAAuB"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./components/reference-v2/ReferenceList"), exports);
|
|
7
|
+
//# sourceMappingURL=ReferenceListV2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["ReferenceListV2.js"],"sourcesContent":["export * from './components/reference-v2/ReferenceList';\n//# sourceMappingURL=ReferenceListV2.js.map"],"names":[],"mappings":";;;;;uBAAc;CACd,2CAA2C"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./components/reference-v2/ReferenceOverflowButton"), exports);
|
|
7
|
+
//# sourceMappingURL=ReferenceOverflowButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["ReferenceOverflowButton.js"],"sourcesContent":["export * from './components/reference-v2/ReferenceOverflowButton';\n//# sourceMappingURL=ReferenceOverflowButton.js.map"],"names":[],"mappings":";;;;;uBAAc;CACd,mDAAmD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["ReferenceV2.js"],"sourcesContent":["export * from './components/reference-v2/Reference';\n//# sourceMappingURL=ReferenceV2.js.map"],"names":[],"mappings":";;;;;uBAAc;CACd,uCAAuC"}
|
|
@@ -14,7 +14,7 @@ const _reactcomponents = require("@fluentui/react-components");
|
|
|
14
14
|
const _reacticons = require("@fluentui/react-icons");
|
|
15
15
|
const _useReferenceStyles = require("./useReferenceStyles");
|
|
16
16
|
const _Citation = require("../Citation");
|
|
17
|
-
const _ReferenceGroupContext = require("../../
|
|
17
|
+
const _ReferenceGroupContext = require("../../contexts/ReferenceGroupContext");
|
|
18
18
|
const _reactprovider = require("@fluentui-copilot/react-provider");
|
|
19
19
|
const useReference_unstable = (props, ref)=>{
|
|
20
20
|
const { index, referenceId, citationHref, excerpt, layout = 'inline' } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useReference.js"],"sourcesContent":["import * as React from 'react';\nimport { Button, Caption1, getIntrinsicElementProps, mergeCallbacks, mergeClasses, slot, useId, usePopoverContext_unstable as usePopoverContext } from '@fluentui/react-components';\nimport { ChevronDown24Regular, ChevronUp24Regular, ChevronDown16Regular, ChevronUp16Regular } from '@fluentui/react-icons';\nimport { referenceExtraClassNames } from './useReferenceStyles';\nimport { Citation } from '../Citation';\nimport { useReferenceGroupSetOpen } from '../../context/ReferenceGroupContext';\nimport { useCopilotMode } from '@fluentui-copilot/react-provider';\n/**\n * Create the state required to render Reference.\n *\n * The returned state can be modified with hooks such as useReferenceStyles_unstable,\n * before being passed to renderReference_unstable.\n *\n * @param props - props from this instance of Reference\n * @param ref - reference to root HTMLElement of Reference\n */\nexport const useReference_unstable = (props, ref) => {\n const {\n index,\n referenceId,\n citationHref,\n excerpt,\n layout = 'inline'\n } = props;\n const mode = useCopilotMode(props.mode);\n const labelId = useId();\n const mediaId = useId();\n const [isExpanded, setIsExpanded] = React.useState(layout === 'popover' ? true : false);\n const setPopoverOpen = usePopoverContext(context => context.setOpen);\n const onExpandClick = _e => {\n setIsExpanded(!isExpanded);\n };\n const label = slot.always(props.label, {\n defaultProps: {\n id: labelId\n },\n elementType: 'div'\n });\n const media = slot.optional(props.media, {\n defaultProps: {\n id: mediaId\n },\n elementType: 'div'\n });\n if (media && /*#__PURE__*/React.isValidElement(media.children)) {\n media.children = /*#__PURE__*/React.cloneElement(media.children, {\n className: mergeClasses(media.children.props.className, referenceExtraClassNames.mediaChild)\n });\n }\n if (media === null || media === void 0 ? void 0 : media.id) {\n var _label_ariadescribedby;\n var _label_ariadescribedby_concat;\n label['aria-describedby'] = (_label_ariadescribedby_concat = (_label_ariadescribedby = label['aria-describedby']) === null || _label_ariadescribedby === void 0 ? void 0 : _label_ariadescribedby.concat(media.id)) !== null && _label_ariadescribedby_concat !== void 0 ? _label_ariadescribedby_concat : media.id;\n }\n const ariaLabelledByProp = props['aria-labelledby'];\n const groupSemantics = React.useMemo(() => {\n return layout === 'inline' ? {\n role: 'group',\n 'aria-labelledby': `${ariaLabelledByProp !== null && ariaLabelledByProp !== void 0 ? ariaLabelledByProp : ''} ${label.id}`,\n tabIndex: -1\n } : {};\n }, [layout, ariaLabelledByProp, label.id]);\n // Within a popup, a citation should function as a close button\n const citationProps = React.useMemo(() => {\n const onPopoverCloseClick = e => {\n setPopoverOpen(e, false);\n // don't navigate\n e.preventDefault();\n };\n return layout === 'popover' ? {\n referenceHref: '#',\n tabIndex: -1,\n 'aria-label': `Reference ${index}, close`,\n onClick: onPopoverCloseClick\n } : {\n referenceHref: citationHref\n };\n }, [layout, citationHref, index, setPopoverOpen]);\n const state = {\n isExpanded,\n mode: layout === 'popover' ? 'sidecar' : mode,\n layout,\n index,\n components: {\n root: 'div',\n citation: 'div',\n media: 'div',\n actions: 'div',\n label: 'div',\n sensitivity: 'span',\n metadata: 'div',\n content: 'div',\n primaryText: 'span',\n secondaryText: 'span',\n tertiaryText: 'span',\n icon: 'span',\n detailsButton: Button\n },\n root: slot.always(getIntrinsicElementProps('div', {\n ref,\n id: referenceId,\n ...groupSemantics,\n ...props\n }), {\n elementType: 'div'\n }),\n citation: slot.optional(props.citation, {\n defaultProps: {\n children: /*#__PURE__*/React.createElement(Citation, {\n block: true,\n ...citationProps\n }, index)\n },\n renderByDefault: true,\n elementType: 'div'\n }),\n media,\n actions: slot.optional(layout === 'inline' ? props.actions : null, {\n renderByDefault: true,\n elementType: 'div'\n }),\n label,\n sensitivity: slot.optional(props.sensitivity, {\n elementType: 'span'\n }),\n metadata: slot.always(props.metadata, {\n elementType: 'div'\n }),\n primaryText: slot.optional(props.primaryText, {\n defaultProps: {\n hidden: !isExpanded\n },\n elementType: 'span'\n }),\n secondaryText: slot.optional(props.secondaryText, {\n defaultProps: {\n hidden: !isExpanded\n },\n elementType: 'span'\n }),\n tertiaryText: slot.optional(props.tertiaryText, {\n defaultProps: {\n hidden: !isExpanded\n },\n elementType: 'span'\n }),\n icon: slot.optional(props.icon, {\n elementType: 'span'\n }),\n content: slot.always(props.content, {\n defaultProps: {\n children: excerpt && /*#__PURE__*/React.createElement(Caption1, null, excerpt)\n },\n elementType: 'div'\n }),\n detailsButton: slot.optional(layout === 'inline' ? props.detailsButton : null, {\n defaultProps: {\n appearance: 'transparent',\n 'aria-expanded': isExpanded,\n 'aria-label': 'show details',\n size: mode === 'sidecar' ? 'small' : 'medium',\n icon: {\n children: getIcon(isExpanded, mode)\n }\n },\n renderByDefault: true,\n elementType: Button\n })\n };\n if (state.detailsButton) {\n const onClick = state.detailsButton.onClick;\n state.detailsButton.onClick = mergeCallbacks(onClick, onExpandClick);\n }\n const referenceGroupSetOpen = useReferenceGroupSetOpen();\n const onTargettedByCitation = e => {\n var _e_relatedTarget;\n const relatedTargetHash = (_e_relatedTarget = e.relatedTarget) === null || _e_relatedTarget === void 0 ? void 0 : _e_relatedTarget.hash;\n if (relatedTargetHash && relatedTargetHash.substring(1) === referenceId) {\n referenceGroupSetOpen();\n setIsExpanded(true);\n }\n };\n state.root.onFocus = mergeCallbacks(state.root.onFocus, onTargettedByCitation);\n return state;\n};\nconst getIcon = (isExpanded, mode) => {\n if (mode === 'sidecar') {\n return !isExpanded ? /*#__PURE__*/React.createElement(ChevronDown16Regular, null) : /*#__PURE__*/React.createElement(ChevronUp16Regular, null);\n }\n return !isExpanded ? /*#__PURE__*/React.createElement(ChevronDown24Regular, null) : /*#__PURE__*/React.createElement(ChevronUp24Regular, null);\n};\n//# sourceMappingURL=useReference.js.map"],"names":["useReference_unstable","props","ref","index","referenceId","citationHref","excerpt","layout","mode","useCopilotMode","labelId","useId","mediaId","isExpanded","setIsExpanded","React","useState","setPopoverOpen","usePopoverContext","context","setOpen","onExpandClick","_e","label","slot","always","defaultProps","id","elementType","media","optional","isValidElement","children","cloneElement","className","mergeClasses","referenceExtraClassNames","mediaChild","_label_ariadescribedby","_label_ariadescribedby_concat","concat","ariaLabelledByProp","groupSemantics","useMemo","role","tabIndex","citationProps","onPopoverCloseClick","e","preventDefault","referenceHref","onClick","state","components","root","citation","actions","sensitivity","metadata","content","primaryText","secondaryText","tertiaryText","icon","detailsButton","Button","getIntrinsicElementProps","createElement","Citation","block","renderByDefault","hidden","Caption1","appearance","size","getIcon","mergeCallbacks","referenceGroupSetOpen","useReferenceGroupSetOpen","onTargettedByCitation","_e_relatedTarget","relatedTargetHash","relatedTarget","hash","substring","onFocus","ChevronDown16Regular","ChevronUp16Regular","ChevronDown24Regular","ChevronUp24Regular"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["useReference.js"],"sourcesContent":["import * as React from 'react';\nimport { Button, Caption1, getIntrinsicElementProps, mergeCallbacks, mergeClasses, slot, useId, usePopoverContext_unstable as usePopoverContext } from '@fluentui/react-components';\nimport { ChevronDown24Regular, ChevronUp24Regular, ChevronDown16Regular, ChevronUp16Regular } from '@fluentui/react-icons';\nimport { referenceExtraClassNames } from './useReferenceStyles';\nimport { Citation } from '../Citation';\nimport { useReferenceGroupSetOpen } from '../../contexts/ReferenceGroupContext';\nimport { useCopilotMode } from '@fluentui-copilot/react-provider';\n/**\n * Create the state required to render Reference.\n *\n * The returned state can be modified with hooks such as useReferenceStyles_unstable,\n * before being passed to renderReference_unstable.\n *\n * @param props - props from this instance of Reference\n * @param ref - reference to root HTMLElement of Reference\n */\nexport const useReference_unstable = (props, ref) => {\n const {\n index,\n referenceId,\n citationHref,\n excerpt,\n layout = 'inline'\n } = props;\n const mode = useCopilotMode(props.mode);\n const labelId = useId();\n const mediaId = useId();\n const [isExpanded, setIsExpanded] = React.useState(layout === 'popover' ? true : false);\n const setPopoverOpen = usePopoverContext(context => context.setOpen);\n const onExpandClick = _e => {\n setIsExpanded(!isExpanded);\n };\n const label = slot.always(props.label, {\n defaultProps: {\n id: labelId\n },\n elementType: 'div'\n });\n const media = slot.optional(props.media, {\n defaultProps: {\n id: mediaId\n },\n elementType: 'div'\n });\n if (media && /*#__PURE__*/React.isValidElement(media.children)) {\n media.children = /*#__PURE__*/React.cloneElement(media.children, {\n className: mergeClasses(media.children.props.className, referenceExtraClassNames.mediaChild)\n });\n }\n if (media === null || media === void 0 ? void 0 : media.id) {\n var _label_ariadescribedby;\n var _label_ariadescribedby_concat;\n label['aria-describedby'] = (_label_ariadescribedby_concat = (_label_ariadescribedby = label['aria-describedby']) === null || _label_ariadescribedby === void 0 ? void 0 : _label_ariadescribedby.concat(media.id)) !== null && _label_ariadescribedby_concat !== void 0 ? _label_ariadescribedby_concat : media.id;\n }\n const ariaLabelledByProp = props['aria-labelledby'];\n const groupSemantics = React.useMemo(() => {\n return layout === 'inline' ? {\n role: 'group',\n 'aria-labelledby': `${ariaLabelledByProp !== null && ariaLabelledByProp !== void 0 ? ariaLabelledByProp : ''} ${label.id}`,\n tabIndex: -1\n } : {};\n }, [layout, ariaLabelledByProp, label.id]);\n // Within a popup, a citation should function as a close button\n const citationProps = React.useMemo(() => {\n const onPopoverCloseClick = e => {\n setPopoverOpen(e, false);\n // don't navigate\n e.preventDefault();\n };\n return layout === 'popover' ? {\n referenceHref: '#',\n tabIndex: -1,\n 'aria-label': `Reference ${index}, close`,\n onClick: onPopoverCloseClick\n } : {\n referenceHref: citationHref\n };\n }, [layout, citationHref, index, setPopoverOpen]);\n const state = {\n isExpanded,\n mode: layout === 'popover' ? 'sidecar' : mode,\n layout,\n index,\n components: {\n root: 'div',\n citation: 'div',\n media: 'div',\n actions: 'div',\n label: 'div',\n sensitivity: 'span',\n metadata: 'div',\n content: 'div',\n primaryText: 'span',\n secondaryText: 'span',\n tertiaryText: 'span',\n icon: 'span',\n detailsButton: Button\n },\n root: slot.always(getIntrinsicElementProps('div', {\n ref,\n id: referenceId,\n ...groupSemantics,\n ...props\n }), {\n elementType: 'div'\n }),\n citation: slot.optional(props.citation, {\n defaultProps: {\n children: /*#__PURE__*/React.createElement(Citation, {\n block: true,\n ...citationProps\n }, index)\n },\n renderByDefault: true,\n elementType: 'div'\n }),\n media,\n actions: slot.optional(layout === 'inline' ? props.actions : null, {\n renderByDefault: true,\n elementType: 'div'\n }),\n label,\n sensitivity: slot.optional(props.sensitivity, {\n elementType: 'span'\n }),\n metadata: slot.always(props.metadata, {\n elementType: 'div'\n }),\n primaryText: slot.optional(props.primaryText, {\n defaultProps: {\n hidden: !isExpanded\n },\n elementType: 'span'\n }),\n secondaryText: slot.optional(props.secondaryText, {\n defaultProps: {\n hidden: !isExpanded\n },\n elementType: 'span'\n }),\n tertiaryText: slot.optional(props.tertiaryText, {\n defaultProps: {\n hidden: !isExpanded\n },\n elementType: 'span'\n }),\n icon: slot.optional(props.icon, {\n elementType: 'span'\n }),\n content: slot.always(props.content, {\n defaultProps: {\n children: excerpt && /*#__PURE__*/React.createElement(Caption1, null, excerpt)\n },\n elementType: 'div'\n }),\n detailsButton: slot.optional(layout === 'inline' ? props.detailsButton : null, {\n defaultProps: {\n appearance: 'transparent',\n 'aria-expanded': isExpanded,\n 'aria-label': 'show details',\n size: mode === 'sidecar' ? 'small' : 'medium',\n icon: {\n children: getIcon(isExpanded, mode)\n }\n },\n renderByDefault: true,\n elementType: Button\n })\n };\n if (state.detailsButton) {\n const onClick = state.detailsButton.onClick;\n state.detailsButton.onClick = mergeCallbacks(onClick, onExpandClick);\n }\n const referenceGroupSetOpen = useReferenceGroupSetOpen();\n const onTargettedByCitation = e => {\n var _e_relatedTarget;\n const relatedTargetHash = (_e_relatedTarget = e.relatedTarget) === null || _e_relatedTarget === void 0 ? void 0 : _e_relatedTarget.hash;\n if (relatedTargetHash && relatedTargetHash.substring(1) === referenceId) {\n referenceGroupSetOpen();\n setIsExpanded(true);\n }\n };\n state.root.onFocus = mergeCallbacks(state.root.onFocus, onTargettedByCitation);\n return state;\n};\nconst getIcon = (isExpanded, mode) => {\n if (mode === 'sidecar') {\n return !isExpanded ? /*#__PURE__*/React.createElement(ChevronDown16Regular, null) : /*#__PURE__*/React.createElement(ChevronUp16Regular, null);\n }\n return !isExpanded ? /*#__PURE__*/React.createElement(ChevronDown24Regular, null) : /*#__PURE__*/React.createElement(ChevronUp24Regular, null);\n};\n//# sourceMappingURL=useReference.js.map"],"names":["useReference_unstable","props","ref","index","referenceId","citationHref","excerpt","layout","mode","useCopilotMode","labelId","useId","mediaId","isExpanded","setIsExpanded","React","useState","setPopoverOpen","usePopoverContext","context","setOpen","onExpandClick","_e","label","slot","always","defaultProps","id","elementType","media","optional","isValidElement","children","cloneElement","className","mergeClasses","referenceExtraClassNames","mediaChild","_label_ariadescribedby","_label_ariadescribedby_concat","concat","ariaLabelledByProp","groupSemantics","useMemo","role","tabIndex","citationProps","onPopoverCloseClick","e","preventDefault","referenceHref","onClick","state","components","root","citation","actions","sensitivity","metadata","content","primaryText","secondaryText","tertiaryText","icon","detailsButton","Button","getIntrinsicElementProps","createElement","Citation","block","renderByDefault","hidden","Caption1","appearance","size","getIcon","mergeCallbacks","referenceGroupSetOpen","useReferenceGroupSetOpen","onTargettedByCitation","_e_relatedTarget","relatedTargetHash","relatedTarget","hash","substring","onFocus","ChevronDown16Regular","ChevronUp16Regular","ChevronDown24Regular","ChevronUp24Regular"],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "Reference", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return Reference;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _useReference = require("./useReference");
|
|
14
|
+
const _renderReference = require("./renderReference");
|
|
15
|
+
const _useReferenceStyles = require("./useReferenceStyles");
|
|
16
|
+
const Reference = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
17
|
+
const state = (0, _useReference.useReference_unstable)(props, ref);
|
|
18
|
+
(0, _useReferenceStyles.useReferenceStyles_unstable)(state);
|
|
19
|
+
return (0, _renderReference.renderReference_unstable)(state);
|
|
20
|
+
});
|
|
21
|
+
Reference.displayName = 'Reference'; //# sourceMappingURL=Reference.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["Reference.js"],"sourcesContent":["import * as React from 'react';\nimport { useReference_unstable } from './useReference';\nimport { renderReference_unstable } from './renderReference';\nimport { useReferenceStyles_unstable } from './useReferenceStyles';\nexport const Reference = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useReference_unstable(props, ref);\n useReferenceStyles_unstable(state);\n return renderReference_unstable(state);\n});\nReference.displayName = 'Reference';\n//# sourceMappingURL=Reference.js.map"],"names":["Reference","React","forwardRef","props","ref","state","useReference_unstable","useReferenceStyles_unstable","renderReference_unstable","displayName"],"mappings":";;;;+BAIaA;;;eAAAA;;;;iEAJU;8BACe;iCACG;oCACG;AACrC,MAAMA,YAAY,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7D,MAAMC,QAAQC,IAAAA,mCAAqB,EAACH,OAAOC;IAC3CG,IAAAA,+CAA2B,EAACF;IAC5B,OAAOG,IAAAA,yCAAwB,EAACH;AAClC;AACAL,UAAUS,WAAW,GAAG,aACxB,qCAAqC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["Reference.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=Reference.types.js.map"],"names":[],"mappings":";;;;CACA,2CAA2C"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
referenceClassNames: function() {
|
|
13
|
+
return _useReferenceStyles.referenceClassNames;
|
|
14
|
+
},
|
|
15
|
+
referenceExtraClassNames: function() {
|
|
16
|
+
return _useReferenceStyles.referenceExtraClassNames;
|
|
17
|
+
},
|
|
18
|
+
useReferenceStyles_unstable: function() {
|
|
19
|
+
return _useReferenceStyles.useReferenceStyles_unstable;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
23
|
+
_export_star._(require("./Reference"), exports);
|
|
24
|
+
_export_star._(require("./Reference.types"), exports);
|
|
25
|
+
_export_star._(require("./renderReference"), exports);
|
|
26
|
+
_export_star._(require("./useReference"), exports);
|
|
27
|
+
const _useReferenceStyles = require("./useReferenceStyles");
|
|
28
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Reference';\nexport * from './Reference.types';\nexport * from './renderReference';\nexport * from './useReference';\nexport { referenceClassNames, referenceExtraClassNames, useReferenceStyles_unstable } from './useReferenceStyles';\n//# sourceMappingURL=index.js.map"],"names":["referenceClassNames","referenceExtraClassNames","useReferenceStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,mBAAmB;eAAnBA,uCAAmB;;IAAEC,wBAAwB;eAAxBA,4CAAwB;;IAAEC,2BAA2B;eAA3BA,+CAA2B;;;;uBAJrE;uBACA;uBACA;uBACA;oCAC6E;CAC3F,iCAAiC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "renderReference_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderReference_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
13
|
+
const renderReference_unstable = (state)=>{
|
|
14
|
+
(0, _reactcomponents.assertSlots)(state);
|
|
15
|
+
const { id, shouldUseOverflow } = state;
|
|
16
|
+
const reference = /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
|
|
17
|
+
children: [
|
|
18
|
+
state.citation && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.citation, {}),
|
|
19
|
+
state.divider && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.divider, {}),
|
|
20
|
+
state.content && /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.content, {
|
|
21
|
+
children: [
|
|
22
|
+
state.media && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.media, {}),
|
|
23
|
+
state.root.children
|
|
24
|
+
]
|
|
25
|
+
})
|
|
26
|
+
]
|
|
27
|
+
});
|
|
28
|
+
return shouldUseOverflow ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactcomponents.OverflowItem, {
|
|
29
|
+
id: id,
|
|
30
|
+
children: reference
|
|
31
|
+
}, id) : reference;
|
|
32
|
+
}; //# sourceMappingURL=renderReference.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["renderReference.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { OverflowItem, assertSlots } from '@fluentui/react-components';\nexport const renderReference_unstable = state => {\n assertSlots(state);\n const {\n id,\n shouldUseOverflow\n } = state;\n const reference = /*#__PURE__*/_jsxs(state.root, {\n children: [state.citation && /*#__PURE__*/_jsx(state.citation, {}), state.divider && /*#__PURE__*/_jsx(state.divider, {}), state.content && /*#__PURE__*/_jsxs(state.content, {\n children: [state.media && /*#__PURE__*/_jsx(state.media, {}), state.root.children]\n })]\n });\n return shouldUseOverflow ? /*#__PURE__*/_jsx(OverflowItem, {\n id: id,\n children: reference\n }, id) : reference;\n};\n//# sourceMappingURL=renderReference.js.map"],"names":["renderReference_unstable","state","assertSlots","id","shouldUseOverflow","reference","_jsxs","root","children","citation","_jsx","divider","content","media","OverflowItem"],"mappings":";;;;+BAEaA;;;eAAAA;;;4BAF8B;iCACD;AACnC,MAAMA,2BAA2BC,CAAAA;IACtCC,IAAAA,4BAAW,EAACD;IACZ,MAAM,EACJE,EAAE,EACFC,iBAAiB,EAClB,GAAGH;IACJ,MAAMI,YAAY,WAAW,GAAEC,IAAAA,gBAAK,EAACL,MAAMM,IAAI,EAAE;QAC/CC,UAAU;YAACP,MAAMQ,QAAQ,IAAI,WAAW,GAAEC,IAAAA,eAAI,EAACT,MAAMQ,QAAQ,EAAE,CAAC;YAAIR,MAAMU,OAAO,IAAI,WAAW,GAAED,IAAAA,eAAI,EAACT,MAAMU,OAAO,EAAE,CAAC;YAAIV,MAAMW,OAAO,IAAI,WAAW,GAAEN,IAAAA,gBAAK,EAACL,MAAMW,OAAO,EAAE;gBAC5KJ,UAAU;oBAACP,MAAMY,KAAK,IAAI,WAAW,GAAEH,IAAAA,eAAI,EAACT,MAAMY,KAAK,EAAE,CAAC;oBAAIZ,MAAMM,IAAI,CAACC,QAAQ;iBAAC;YACpF;SAAG;IACL;IACA,OAAOJ,oBAAoB,WAAW,GAAEM,IAAAA,eAAI,EAACI,6BAAY,EAAE;QACzDX,IAAIA;QACJK,UAAUH;IACZ,GAAGF,MAAME;AACX,GACA,2CAA2C"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useReference_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useReference_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
14
|
+
const _referenceListContext = require("../../../contexts/reference-v2/referenceListContext");
|
|
15
|
+
const _useReferenceStyles = require("./useReferenceStyles");
|
|
16
|
+
const useReference_unstable = (props, ref)=>{
|
|
17
|
+
const { children, id } = props;
|
|
18
|
+
const { ctxAppearance, shouldUseOverflow } = (0, _referenceListContext.useReferenceListContext_unstable)((ctx)=>({
|
|
19
|
+
ctxAppearance: ctx.appearance,
|
|
20
|
+
shouldUseOverflow: ctx.shouldUseOverflow
|
|
21
|
+
}));
|
|
22
|
+
const appearance = props.appearance || ctxAppearance;
|
|
23
|
+
const referenceId = (0, _reactcomponents.useId)('reference-', id);
|
|
24
|
+
const citation = _reactcomponents.slot.optional(props.citation, {
|
|
25
|
+
elementType: 'span'
|
|
26
|
+
});
|
|
27
|
+
const media = _reactcomponents.slot.optional(props.media, {
|
|
28
|
+
elementType: 'span'
|
|
29
|
+
});
|
|
30
|
+
const content = _reactcomponents.slot.optional(props.content, {
|
|
31
|
+
elementType: 'span',
|
|
32
|
+
renderByDefault: media !== undefined || !!children
|
|
33
|
+
});
|
|
34
|
+
const divider = _reactcomponents.slot.optional(props.divider, {
|
|
35
|
+
elementType: 'span',
|
|
36
|
+
renderByDefault: citation !== undefined && content !== undefined
|
|
37
|
+
});
|
|
38
|
+
const state = {
|
|
39
|
+
appearance,
|
|
40
|
+
id: referenceId,
|
|
41
|
+
shouldUseOverflow,
|
|
42
|
+
components: {
|
|
43
|
+
root: 'button',
|
|
44
|
+
citation: 'span',
|
|
45
|
+
divider: 'span',
|
|
46
|
+
media: 'span',
|
|
47
|
+
content: 'span'
|
|
48
|
+
},
|
|
49
|
+
root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('button', {
|
|
50
|
+
ref,
|
|
51
|
+
...props,
|
|
52
|
+
id: referenceId
|
|
53
|
+
}), {
|
|
54
|
+
elementType: 'button'
|
|
55
|
+
}),
|
|
56
|
+
citation,
|
|
57
|
+
divider,
|
|
58
|
+
content,
|
|
59
|
+
media
|
|
60
|
+
};
|
|
61
|
+
if (state.media && /*#__PURE__*/ _react.isValidElement(state.media.children)) {
|
|
62
|
+
state.media.children = /*#__PURE__*/ _react.cloneElement(state.media.children, {
|
|
63
|
+
className: (0, _reactcomponents.mergeClasses)(state.media.children.props.className, _useReferenceStyles.referenceExtraClassNames.mediaChild)
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
return state;
|
|
67
|
+
}; //# sourceMappingURL=useReference.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useReference.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';\nimport { useReferenceListContext_unstable } from '../../../contexts/reference-v2/referenceListContext';\nimport { referenceExtraClassNames } from './useReferenceStyles';\n/**\n * Create the state required to render Reference.\n *\n * The returned state can be modified with hooks such as useReferenceStyles_unstable,\n * before being passed to renderReference_unstable.\n *\n * @param props - props from this instance of Reference\n * @param ref - reference to root HTMLElement of Reference\n */\nexport const useReference_unstable = (props, ref) => {\n const {\n children,\n id\n } = props;\n const {\n ctxAppearance,\n shouldUseOverflow\n } = useReferenceListContext_unstable(ctx => ({\n ctxAppearance: ctx.appearance,\n shouldUseOverflow: ctx.shouldUseOverflow\n }));\n const appearance = props.appearance || ctxAppearance;\n const referenceId = useId('reference-', id);\n const citation = slot.optional(props.citation, {\n elementType: 'span'\n });\n const media = slot.optional(props.media, {\n elementType: 'span'\n });\n const content = slot.optional(props.content, {\n elementType: 'span',\n renderByDefault: media !== undefined || !!children\n });\n const divider = slot.optional(props.divider, {\n elementType: 'span',\n renderByDefault: citation !== undefined && content !== undefined\n });\n const state = {\n appearance,\n id: referenceId,\n shouldUseOverflow,\n components: {\n root: 'button',\n citation: 'span',\n divider: 'span',\n media: 'span',\n content: 'span'\n },\n root: slot.always(getIntrinsicElementProps('button', {\n ref,\n ...props,\n id: referenceId\n }), {\n elementType: 'button'\n }),\n citation,\n divider,\n content,\n media\n };\n if (state.media && React.isValidElement(state.media.children)) {\n state.media.children = React.cloneElement(state.media.children, {\n className: mergeClasses(state.media.children.props.className, referenceExtraClassNames.mediaChild)\n });\n }\n return state;\n};\n//# sourceMappingURL=useReference.js.map"],"names":["useReference_unstable","props","ref","children","id","ctxAppearance","shouldUseOverflow","useReferenceListContext_unstable","ctx","appearance","referenceId","useId","citation","slot","optional","elementType","media","content","renderByDefault","undefined","divider","state","components","root","always","getIntrinsicElementProps","React","isValidElement","cloneElement","className","mergeClasses","referenceExtraClassNames","mediaChild"],"mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;iCAC6C;sCACnB;oCACR;AAUlC,MAAMA,wBAAwB,CAACC,OAAOC;IAC3C,MAAM,EACJC,QAAQ,EACRC,EAAE,EACH,GAAGH;IACJ,MAAM,EACJI,aAAa,EACbC,iBAAiB,EAClB,GAAGC,IAAAA,sDAAgC,EAACC,CAAAA,MAAQ,CAAA;YAC3CH,eAAeG,IAAIC,UAAU;YAC7BH,mBAAmBE,IAAIF,iBAAiB;QAC1C,CAAA;IACA,MAAMG,aAAaR,MAAMQ,UAAU,IAAIJ;IACvC,MAAMK,cAAcC,IAAAA,sBAAK,EAAC,cAAcP;IACxC,MAAMQ,WAAWC,qBAAI,CAACC,QAAQ,CAACb,MAAMW,QAAQ,EAAE;QAC7CG,aAAa;IACf;IACA,MAAMC,QAAQH,qBAAI,CAACC,QAAQ,CAACb,MAAMe,KAAK,EAAE;QACvCD,aAAa;IACf;IACA,MAAME,UAAUJ,qBAAI,CAACC,QAAQ,CAACb,MAAMgB,OAAO,EAAE;QAC3CF,aAAa;QACbG,iBAAiBF,UAAUG,aAAa,CAAC,CAAChB;IAC5C;IACA,MAAMiB,UAAUP,qBAAI,CAACC,QAAQ,CAACb,MAAMmB,OAAO,EAAE;QAC3CL,aAAa;QACbG,iBAAiBN,aAAaO,aAAaF,YAAYE;IACzD;IACA,MAAME,QAAQ;QACZZ;QACAL,IAAIM;QACJJ;QACAgB,YAAY;YACVC,MAAM;YACNX,UAAU;YACVQ,SAAS;YACTJ,OAAO;YACPC,SAAS;QACX;QACAM,MAAMV,qBAAI,CAACW,MAAM,CAACC,IAAAA,yCAAwB,EAAC,UAAU;YACnDvB;YACA,GAAGD,KAAK;YACRG,IAAIM;QACN,IAAI;YACFK,aAAa;QACf;QACAH;QACAQ;QACAH;QACAD;IACF;IACA,IAAIK,MAAML,KAAK,kBAAIU,OAAMC,cAAc,CAACN,MAAML,KAAK,CAACb,QAAQ,GAAG;QAC7DkB,MAAML,KAAK,CAACb,QAAQ,iBAAGuB,OAAME,YAAY,CAACP,MAAML,KAAK,CAACb,QAAQ,EAAE;YAC9D0B,WAAWC,IAAAA,6BAAY,EAACT,MAAML,KAAK,CAACb,QAAQ,CAACF,KAAK,CAAC4B,SAAS,EAAEE,4CAAwB,CAACC,UAAU;QACnG;IACF;IACA,OAAOX;AACT,GACA,wCAAwC"}
|