@fluentui-copilot/react-preview 0.0.0-nightly-20251010-0406-7df7c6d1.1 → 0.0.0-nightly-20251013-0406-7c7739c8.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 +3 -3
- package/CHANGELOG.md +4 -4
- package/dist/index.d.ts +291 -0
- package/lib/Preview.js +1 -0
- package/lib/Preview.js.map +1 -0
- package/lib/PreviewContent.js +1 -0
- package/lib/PreviewContent.js.map +1 -0
- package/lib/PreviewHeader.js +1 -0
- package/lib/PreviewHeader.js.map +1 -0
- package/lib/PreviewMetadata.js +1 -0
- package/lib/PreviewMetadata.js.map +1 -0
- package/lib/PreviewSurface.js +1 -0
- package/lib/PreviewSurface.js.map +1 -0
- package/lib/PreviewTrigger.js +1 -0
- package/lib/PreviewTrigger.js.map +1 -0
- package/lib/components/Preview/Preview.js +7 -0
- package/lib/components/Preview/Preview.js.map +1 -0
- package/lib/components/Preview/Preview.types.js +3 -0
- package/lib/components/Preview/Preview.types.js.map +1 -0
- package/lib/components/Preview/index.js +3 -0
- package/lib/components/Preview/index.js.map +1 -0
- package/lib/components/Preview/renderPreview.js +28 -0
- package/lib/components/Preview/renderPreview.js.map +1 -0
- package/lib/components/Preview/usePreview.js +261 -0
- package/lib/components/Preview/usePreview.js.map +1 -0
- package/lib/components/PreviewContent/PreviewContent.js +10 -0
- package/lib/components/PreviewContent/PreviewContent.js.map +1 -0
- package/lib/components/PreviewContent/PreviewContent.types.js +3 -0
- package/lib/components/PreviewContent/PreviewContent.types.js.map +1 -0
- package/lib/components/PreviewContent/index.js +4 -0
- package/lib/components/PreviewContent/index.js.map +1 -0
- package/lib/components/PreviewContent/renderPreviewContent.js +8 -0
- package/lib/components/PreviewContent/renderPreviewContent.js.map +1 -0
- package/lib/components/PreviewContent/usePreviewContent.js +22 -0
- package/lib/components/PreviewContent/usePreviewContent.js.map +1 -0
- package/lib/components/PreviewContent/usePreviewContentStyles.styles.js +20 -0
- package/lib/components/PreviewContent/usePreviewContentStyles.styles.js.map +1 -0
- package/lib/components/PreviewContent/usePreviewContentStyles.styles.raw.js +26 -0
- package/lib/components/PreviewContent/usePreviewContentStyles.styles.raw.js.map +1 -0
- package/lib/components/PreviewHeader/PreviewHeader.js +10 -0
- package/lib/components/PreviewHeader/PreviewHeader.js.map +1 -0
- package/lib/components/PreviewHeader/PreviewHeader.types.js +3 -0
- package/lib/components/PreviewHeader/PreviewHeader.types.js.map +1 -0
- package/lib/components/PreviewHeader/index.js +4 -0
- package/lib/components/PreviewHeader/index.js.map +1 -0
- package/lib/components/PreviewHeader/renderPreviewHeader.js +15 -0
- package/lib/components/PreviewHeader/renderPreviewHeader.js.map +1 -0
- package/lib/components/PreviewHeader/usePreviewHeader.js +60 -0
- package/lib/components/PreviewHeader/usePreviewHeader.js.map +1 -0
- package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.js +75 -0
- package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.js.map +1 -0
- package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js +110 -0
- package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js.map +1 -0
- package/lib/components/PreviewMetadata/PreviewMetadata.js +10 -0
- package/lib/components/PreviewMetadata/PreviewMetadata.js.map +1 -0
- package/lib/components/PreviewMetadata/PreviewMetadata.types.js +3 -0
- package/lib/components/PreviewMetadata/PreviewMetadata.types.js.map +1 -0
- package/lib/components/PreviewMetadata/index.js +4 -0
- package/lib/components/PreviewMetadata/index.js.map +1 -0
- package/lib/components/PreviewMetadata/renderPreviewMetadata.js +16 -0
- package/lib/components/PreviewMetadata/renderPreviewMetadata.js.map +1 -0
- package/lib/components/PreviewMetadata/usePreviewMetadata.js +39 -0
- package/lib/components/PreviewMetadata/usePreviewMetadata.js.map +1 -0
- package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.js +56 -0
- package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.js.map +1 -0
- package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js +56 -0
- package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js.map +1 -0
- package/lib/components/PreviewSurface/PreviewSurface.js +10 -0
- package/lib/components/PreviewSurface/PreviewSurface.js.map +1 -0
- package/lib/components/PreviewSurface/PreviewSurface.types.js +3 -0
- package/lib/components/PreviewSurface/PreviewSurface.types.js.map +1 -0
- package/lib/components/PreviewSurface/index.js +4 -0
- package/lib/components/PreviewSurface/index.js.map +1 -0
- package/lib/components/PreviewSurface/renderPreviewSurface.js +6 -0
- package/lib/components/PreviewSurface/renderPreviewSurface.js.map +1 -0
- package/lib/components/PreviewSurface/usePreviewSurface.js +18 -0
- package/lib/components/PreviewSurface/usePreviewSurface.js.map +1 -0
- package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.js +51 -0
- package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.js.map +1 -0
- package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js +29 -0
- package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js.map +1 -0
- package/lib/components/PreviewTrigger/PreviewTrigger.js +7 -0
- package/lib/components/PreviewTrigger/PreviewTrigger.js.map +1 -0
- package/lib/components/PreviewTrigger/PreviewTrigger.types.js +3 -0
- package/lib/components/PreviewTrigger/PreviewTrigger.types.js.map +1 -0
- package/lib/components/PreviewTrigger/index.js +3 -0
- package/lib/components/PreviewTrigger/index.js.map +1 -0
- package/lib/components/PreviewTrigger/renderPreviewTrigger.js +6 -0
- package/lib/components/PreviewTrigger/renderPreviewTrigger.js.map +1 -0
- package/lib/components/PreviewTrigger/usePreviewTrigger.js +13 -0
- package/lib/components/PreviewTrigger/usePreviewTrigger.js.map +1 -0
- package/lib/index.js +7 -0
- package/lib/index.js.map +1 -0
- package/lib/previewContext.js +24 -0
- package/lib/previewContext.js.map +1 -0
- package/lib/utils/index.js +1 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/openedByHoverPreviewManager.js +22 -0
- package/lib/utils/openedByHoverPreviewManager.js.map +1 -0
- package/lib-commonjs/Preview.js +22 -0
- package/lib-commonjs/Preview.js.map +1 -0
- package/lib-commonjs/PreviewContent.js +28 -0
- package/lib-commonjs/PreviewContent.js.map +1 -0
- package/lib-commonjs/PreviewHeader.js +31 -0
- package/lib-commonjs/PreviewHeader.js.map +1 -0
- package/lib-commonjs/PreviewMetadata.js +28 -0
- package/lib-commonjs/PreviewMetadata.js.map +1 -0
- package/lib-commonjs/PreviewSurface.js +28 -0
- package/lib-commonjs/PreviewSurface.js.map +1 -0
- package/lib-commonjs/PreviewTrigger.js +22 -0
- package/lib-commonjs/PreviewTrigger.js.map +1 -0
- package/lib-commonjs/components/Preview/Preview.js +17 -0
- package/lib-commonjs/components/Preview/Preview.js.map +1 -0
- package/lib-commonjs/components/Preview/Preview.types.js +6 -0
- package/lib-commonjs/components/Preview/Preview.types.js.map +1 -0
- package/lib-commonjs/components/Preview/index.js +24 -0
- package/lib-commonjs/components/Preview/index.js.map +1 -0
- package/lib-commonjs/components/Preview/renderPreview.js +37 -0
- package/lib-commonjs/components/Preview/renderPreview.js.map +1 -0
- package/lib-commonjs/components/Preview/usePreview.js +264 -0
- package/lib-commonjs/components/Preview/usePreview.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/PreviewContent.js +21 -0
- package/lib-commonjs/components/PreviewContent/PreviewContent.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/PreviewContent.types.js +6 -0
- package/lib-commonjs/components/PreviewContent/PreviewContent.types.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/index.js +31 -0
- package/lib-commonjs/components/PreviewContent/index.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/renderPreviewContent.js +16 -0
- package/lib-commonjs/components/PreviewContent/renderPreviewContent.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContent.js +24 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContent.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.js +33 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.raw.js +42 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/PreviewHeader.js +21 -0
- package/lib-commonjs/components/PreviewHeader/PreviewHeader.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/PreviewHeader.types.js +6 -0
- package/lib-commonjs/components/PreviewHeader/PreviewHeader.types.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/index.js +34 -0
- package/lib-commonjs/components/PreviewHeader/index.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/renderPreviewHeader.js +23 -0
- package/lib-commonjs/components/PreviewHeader/renderPreviewHeader.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeader.js +63 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeader.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.js +111 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js +129 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.js +21 -0
- package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.types.js +6 -0
- package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.types.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/index.js +31 -0
- package/lib-commonjs/components/PreviewMetadata/index.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/renderPreviewMetadata.js +24 -0
- package/lib-commonjs/components/PreviewMetadata/renderPreviewMetadata.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadata.js +41 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadata.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.js +105 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js +72 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/PreviewSurface.js +21 -0
- package/lib-commonjs/components/PreviewSurface/PreviewSurface.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/PreviewSurface.types.js +6 -0
- package/lib-commonjs/components/PreviewSurface/PreviewSurface.types.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/index.js +31 -0
- package/lib-commonjs/components/PreviewSurface/index.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/renderPreviewSurface.js +14 -0
- package/lib-commonjs/components/PreviewSurface/renderPreviewSurface.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurface.js +19 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurface.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.js +71 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js +45 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.js +17 -0
- package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.js.map +1 -0
- package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.types.js +6 -0
- package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.types.js.map +1 -0
- package/lib-commonjs/components/PreviewTrigger/index.js +24 -0
- package/lib-commonjs/components/PreviewTrigger/index.js.map +1 -0
- package/lib-commonjs/components/PreviewTrigger/renderPreviewTrigger.js +14 -0
- package/lib-commonjs/components/PreviewTrigger/renderPreviewTrigger.js.map +1 -0
- package/lib-commonjs/components/PreviewTrigger/usePreviewTrigger.js +14 -0
- package/lib-commonjs/components/PreviewTrigger/usePreviewTrigger.js.map +1 -0
- package/lib-commonjs/index.js +106 -0
- package/lib-commonjs/index.js.map +1 -0
- package/lib-commonjs/previewContext.js +45 -0
- package/lib-commonjs/previewContext.js.map +1 -0
- package/lib-commonjs/utils/index.js +22 -0
- package/lib-commonjs/utils/index.js.map +1 -0
- package/lib-commonjs/utils/openedByHoverPreviewManager.js +43 -0
- package/lib-commonjs/utils/openedByHoverPreviewManager.js.map +1 -0
- package/package.json +3 -3
|
@@ -0,0 +1,105 @@
|
|
|
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
|
+
previewMetadataClassNames: function() {
|
|
13
|
+
return previewMetadataClassNames;
|
|
14
|
+
},
|
|
15
|
+
usePreviewMetadataStyles_unstable: function() {
|
|
16
|
+
return usePreviewMetadataStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
20
|
+
const previewMetadataClassNames = {
|
|
21
|
+
root: 'fai-PreviewMetadata',
|
|
22
|
+
icon: 'fai-PreviewMetadata__icon',
|
|
23
|
+
primaryText: 'fai-PreviewMetadata__primaryText',
|
|
24
|
+
secondaryText: 'fai-PreviewMetadata__secondaryText',
|
|
25
|
+
tertiaryText: 'fai-PreviewMetadata__tertiaryText'
|
|
26
|
+
};
|
|
27
|
+
const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("rt76a44", null, [
|
|
28
|
+
".rt76a44{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase100);}"
|
|
29
|
+
]);
|
|
30
|
+
const useIconBaseClassName = (0, _reactcomponents.__resetStyles)("rldr52y", "rl7w8fj", [
|
|
31
|
+
".rldr52y{margin-left:var(--spacingHorizontalSNudge);vertical-align:middle;}",
|
|
32
|
+
".rl7w8fj{margin-right:var(--spacingHorizontalSNudge);vertical-align:middle;}"
|
|
33
|
+
]);
|
|
34
|
+
const useTextStyles = (0, _reactcomponents.__styles)({
|
|
35
|
+
subsequentText: {
|
|
36
|
+
Frg6f3: [
|
|
37
|
+
"f3qjkxx",
|
|
38
|
+
"fm9m4my"
|
|
39
|
+
],
|
|
40
|
+
qhf8xq: "f10pi13n",
|
|
41
|
+
uvfttm: [
|
|
42
|
+
"f1x8pvcy",
|
|
43
|
+
"f9sc749"
|
|
44
|
+
],
|
|
45
|
+
Bbv0w2i: [
|
|
46
|
+
"f1jpmc5p",
|
|
47
|
+
"f1yq6w5o"
|
|
48
|
+
],
|
|
49
|
+
Bm6vgfq: [
|
|
50
|
+
"fjml6kk",
|
|
51
|
+
"f1geml7w"
|
|
52
|
+
],
|
|
53
|
+
Ftih45: "f1wl9k8s",
|
|
54
|
+
Br0sdwz: "f1aocrix",
|
|
55
|
+
Baz25je: "f8pn7wt",
|
|
56
|
+
Fbdkly: [
|
|
57
|
+
"fy871ps",
|
|
58
|
+
"f15er23e"
|
|
59
|
+
],
|
|
60
|
+
Brfgrao: "f1j7ml58",
|
|
61
|
+
Bciustq: "f1wl9tmt"
|
|
62
|
+
}
|
|
63
|
+
}, {
|
|
64
|
+
d: [
|
|
65
|
+
".f3qjkxx{margin-left:calc(var(--spacingHorizontalSNudge) * 2);}",
|
|
66
|
+
".fm9m4my{margin-right:calc(var(--spacingHorizontalSNudge) * 2);}",
|
|
67
|
+
".f10pi13n{position:relative;}",
|
|
68
|
+
".f1x8pvcy::before{border-left-width:var(--strokeWidthThin);}",
|
|
69
|
+
".f9sc749::before{border-right-width:var(--strokeWidthThin);}",
|
|
70
|
+
".f1jpmc5p::before{border-left-style:solid;}",
|
|
71
|
+
".f1yq6w5o::before{border-right-style:solid;}",
|
|
72
|
+
".fjml6kk::before{border-left-color:var(--colorNeutralStroke2);}",
|
|
73
|
+
".f1geml7w::before{border-right-color:var(--colorNeutralStroke2);}",
|
|
74
|
+
".f1wl9k8s::before{content:\"\";}",
|
|
75
|
+
".f1aocrix::before{display:block;}",
|
|
76
|
+
".f8pn7wt::before{height:var(--fontSizeBase100);}",
|
|
77
|
+
".fy871ps::before{left:calc(-1 * var(--spacingHorizontalSNudge));}",
|
|
78
|
+
".f15er23e::before{right:calc(-1 * var(--spacingHorizontalSNudge));}",
|
|
79
|
+
".f1j7ml58::before{position:absolute;}",
|
|
80
|
+
".f1wl9tmt::before{top:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);}"
|
|
81
|
+
]
|
|
82
|
+
});
|
|
83
|
+
const usePreviewMetadataStyles_unstable = (state)=>{
|
|
84
|
+
'use no memo';
|
|
85
|
+
const rootBaseClassName = useRootBaseClassName();
|
|
86
|
+
const iconBaseClassName = useIconBaseClassName();
|
|
87
|
+
const textStyles = useTextStyles();
|
|
88
|
+
state.root.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.root, rootBaseClassName, state.root.className);
|
|
89
|
+
if (state.icon) {
|
|
90
|
+
state.icon.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);
|
|
91
|
+
}
|
|
92
|
+
let isSubsequentAfterText = false;
|
|
93
|
+
if (state.primaryText) {
|
|
94
|
+
state.primaryText.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.primaryText, state.primaryText.className);
|
|
95
|
+
isSubsequentAfterText = true;
|
|
96
|
+
}
|
|
97
|
+
if (state.secondaryText) {
|
|
98
|
+
state.secondaryText.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.secondaryText, isSubsequentAfterText && textStyles.subsequentText, state.secondaryText.className);
|
|
99
|
+
isSubsequentAfterText = true;
|
|
100
|
+
}
|
|
101
|
+
if (state.tertiaryText) {
|
|
102
|
+
state.tertiaryText.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.tertiaryText, isSubsequentAfterText && textStyles.subsequentText, state.tertiaryText.className);
|
|
103
|
+
}
|
|
104
|
+
return state;
|
|
105
|
+
}; //# sourceMappingURL=usePreviewMetadataStyles.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["usePreviewMetadataStyles.styles.ts"],"sourcesContent":["import {\n makeResetStyles,\n makeStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewMetadataSlots, PreviewMetadataState } from './PreviewMetadata.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewMetadataClassNames: SlotClassNames<PreviewMetadataSlots> = {\n root: 'fai-PreviewMetadata',\n icon: 'fai-PreviewMetadata__icon',\n primaryText: 'fai-PreviewMetadata__primaryText',\n secondaryText: 'fai-PreviewMetadata__secondaryText',\n tertiaryText: 'fai-PreviewMetadata__tertiaryText',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n ...typographyStyles.caption2,\n});\n\nconst useIconBaseClassName = makeResetStyles({\n marginLeft: tokens.spacingHorizontalSNudge,\n verticalAlign: 'middle',\n});\n\nconst useTextStyles = makeStyles({\n subsequentText: {\n marginLeft: `calc(${tokens.spacingHorizontalSNudge} * 2)`,\n position: 'relative',\n\n '&::before': {\n ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n content: '\"\"',\n display: 'block',\n height: typographyStyles.caption2.fontSize,\n left: `calc(-1 * ${tokens.spacingHorizontalSNudge})`,\n position: 'absolute',\n top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`,\n },\n },\n});\n\n/**\n * Apply styling to the PreviewMetadata slots based on the state\n */\nexport const usePreviewMetadataStyles_unstable = (state: PreviewMetadataState): PreviewMetadataState => {\n 'use no memo';\n\n const rootBaseClassName = useRootBaseClassName();\n const iconBaseClassName = useIconBaseClassName();\n const textStyles = useTextStyles();\n\n state.root.className = mergeClasses(previewMetadataClassNames.root, rootBaseClassName, state.root.className);\n\n if (state.icon) {\n state.icon.className = mergeClasses(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);\n }\n\n let isSubsequentAfterText = false;\n\n if (state.primaryText) {\n state.primaryText.className = mergeClasses(previewMetadataClassNames.primaryText, state.primaryText.className);\n isSubsequentAfterText = true;\n }\n\n if (state.secondaryText) {\n state.secondaryText.className = mergeClasses(\n previewMetadataClassNames.secondaryText,\n isSubsequentAfterText && textStyles.subsequentText,\n state.secondaryText.className,\n );\n isSubsequentAfterText = true;\n }\n\n if (state.tertiaryText) {\n state.tertiaryText.className = mergeClasses(\n previewMetadataClassNames.tertiaryText,\n isSubsequentAfterText && textStyles.subsequentText,\n state.tertiaryText.className,\n );\n }\n\n return state;\n};\n"],"names":["previewMetadataClassNames","usePreviewMetadataStyles_unstable","root","icon","primaryText","secondaryText","tertiaryText","useRootBaseClassName","makeResetStyles","useIconBaseClassName","caption2","useTextStyles","__styles","subsequentText","marginLeft","spacingHorizontalSNudge","verticalAlign","uvfttm","Bbv0w2i","makeStyles","position","shorthands","borderLeft","content","display","state","rootBaseClassName","iconBaseClassName","textStyles","className","mergeClasses","isSubsequentAfterText"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,yBAAAA;eAAAA;;IAkCbC,iCAAA;eAAAA;;;iCAxCkB;AAMX,MAAMD,4BAAkE;UAC7EE;UACAC;iBACAC;mBACAC;kBACAC;AACF;AAEA,MAAMC,uBAAuBC,IAAAA,8BAAAA,EAAAA,WAAgB,MAAA;IAAA;CAAA;MAC3CC,uBAAoBC,IAAAA,8BAAQ,EAAA,WAAA,WAAA;IAAA;IAAA;CAAA;AAC9B,MAAAC,gBAAAC,IAAAA,yBAAA,EAAA;IAEAC,gBAAMJ;QACJK,QAAAA;YAAAA;YAAmBC;SAAAA;QACnBC,QAAAA;QACFC,QAAA;YAAA;YAAA;SAAA;QAEAC,SAAMP;YAAAA;YAAgBQ;SAAW;QAC/BN,SAAAA;YAAAA;YAAgB;SAAA;gBACdC;iBACAM;iBAEA;gBACE;YAAA;YAAGC;SAAWC;iBACdC;iBACAC;;;;;QAGU;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;;AAMhB,MAAAvB,oCAAAwB,CAAAA;;UAIEC,oBAAAnB;UAEAoB,oBAAMD;UACNE,aAAMD;UACNzB,IAAM0B,CAAAA,SAAAA,GAAajB,IAAAA,6BAAAA,EAAAA,0BAAAA,IAAAA,EAAAA,mBAAAA,MAAAA,IAAAA,CAAAA,SAAAA;QAEnBc,MAAMvB,IAAK2B,EAAAA;QAEXJ,MAAIA,IAAMtB,CAAAA,SAAM,GAAA2B,IAAAA,6BAAA,EAAA9B,0BAAAG,IAAA,EAAAwB,mBAAAF,MAAAtB,IAAA,CAAA0B,SAAA;;QAEhBE,wBAAA;QAEAN,MAAIM,WAAAA,EAAAA;QAEJN,MAAIA,WAAMrB,CAAAA,SAAa,GAAA0B,IAAAA,6BAAA,EAAA9B,0BAAAI,WAAA,EAAAqB,MAAArB,WAAA,CAAAyB,SAAA;gCACHA;;QAEpBJ,MAAApB,aAAA,EAAA;QAEAoB,MAAIA,aAAMpB,CAAAA,SAAe,GAAAyB,IAAAA,6BAAA,EAAA9B,0BAAAK,aAAA,EAAA0B,yBAAAH,WAAAf,cAAA,EAAAY,MAAApB,aAAA,CAAAwB,SAAA;gCACHA;;QAMtBJ,MAAAnB,YAAA,EAAA;QAEAmB,MAAIA,YAAMnB,CAAAA,SAAc,GAAAwB,IAAAA,6BAAA,EAAA9B,0BAAAM,YAAA,EAAAyB,yBAAAH,WAAAf,cAAA,EAAAY,MAAAnB,YAAA,CAAAuB,SAAA;;WAMxBJ;GAGF,2DAAE"}
|
|
@@ -0,0 +1,72 @@
|
|
|
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
|
+
previewMetadataClassNames: function() {
|
|
13
|
+
return previewMetadataClassNames;
|
|
14
|
+
},
|
|
15
|
+
usePreviewMetadataStyles_unstable: function() {
|
|
16
|
+
return usePreviewMetadataStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
20
|
+
const _tokens = require("@fluentui-copilot/tokens");
|
|
21
|
+
const previewMetadataClassNames = {
|
|
22
|
+
root: 'fai-PreviewMetadata',
|
|
23
|
+
icon: 'fai-PreviewMetadata__icon',
|
|
24
|
+
primaryText: 'fai-PreviewMetadata__primaryText',
|
|
25
|
+
secondaryText: 'fai-PreviewMetadata__secondaryText',
|
|
26
|
+
tertiaryText: 'fai-PreviewMetadata__tertiaryText'
|
|
27
|
+
};
|
|
28
|
+
const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
|
|
29
|
+
..._reactcomponents.typographyStyles.caption2
|
|
30
|
+
});
|
|
31
|
+
const useIconBaseClassName = (0, _reactcomponents.makeResetStyles)({
|
|
32
|
+
marginLeft: _tokens.tokens.spacingHorizontalSNudge,
|
|
33
|
+
verticalAlign: 'middle'
|
|
34
|
+
});
|
|
35
|
+
const useTextStyles = (0, _reactcomponents.makeStyles)({
|
|
36
|
+
subsequentText: {
|
|
37
|
+
marginLeft: `calc(${_tokens.tokens.spacingHorizontalSNudge} * 2)`,
|
|
38
|
+
position: 'relative',
|
|
39
|
+
'&::before': {
|
|
40
|
+
..._reactcomponents.shorthands.borderLeft(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStroke2),
|
|
41
|
+
content: '""',
|
|
42
|
+
display: 'block',
|
|
43
|
+
height: _reactcomponents.typographyStyles.caption2.fontSize,
|
|
44
|
+
left: `calc(-1 * ${_tokens.tokens.spacingHorizontalSNudge})`,
|
|
45
|
+
position: 'absolute',
|
|
46
|
+
top: `calc((${_reactcomponents.typographyStyles.caption2.lineHeight} - ${_reactcomponents.typographyStyles.caption2.fontSize}) / 2)`
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
const usePreviewMetadataStyles_unstable = (state)=>{
|
|
51
|
+
'use no memo';
|
|
52
|
+
const rootBaseClassName = useRootBaseClassName();
|
|
53
|
+
const iconBaseClassName = useIconBaseClassName();
|
|
54
|
+
const textStyles = useTextStyles();
|
|
55
|
+
state.root.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.root, rootBaseClassName, state.root.className);
|
|
56
|
+
if (state.icon) {
|
|
57
|
+
state.icon.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);
|
|
58
|
+
}
|
|
59
|
+
let isSubsequentAfterText = false;
|
|
60
|
+
if (state.primaryText) {
|
|
61
|
+
state.primaryText.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.primaryText, state.primaryText.className);
|
|
62
|
+
isSubsequentAfterText = true;
|
|
63
|
+
}
|
|
64
|
+
if (state.secondaryText) {
|
|
65
|
+
state.secondaryText.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.secondaryText, isSubsequentAfterText && textStyles.subsequentText, state.secondaryText.className);
|
|
66
|
+
isSubsequentAfterText = true;
|
|
67
|
+
}
|
|
68
|
+
if (state.tertiaryText) {
|
|
69
|
+
state.tertiaryText.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.tertiaryText, isSubsequentAfterText && textStyles.subsequentText, state.tertiaryText.className);
|
|
70
|
+
}
|
|
71
|
+
return state;
|
|
72
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["usePreviewMetadataStyles.styles.ts"],"sourcesContent":["import {\n makeResetStyles,\n makeStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewMetadataSlots, PreviewMetadataState } from './PreviewMetadata.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewMetadataClassNames: SlotClassNames<PreviewMetadataSlots> = {\n root: 'fai-PreviewMetadata',\n icon: 'fai-PreviewMetadata__icon',\n primaryText: 'fai-PreviewMetadata__primaryText',\n secondaryText: 'fai-PreviewMetadata__secondaryText',\n tertiaryText: 'fai-PreviewMetadata__tertiaryText',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n ...typographyStyles.caption2,\n});\n\nconst useIconBaseClassName = makeResetStyles({\n marginLeft: tokens.spacingHorizontalSNudge,\n verticalAlign: 'middle',\n});\n\nconst useTextStyles = makeStyles({\n subsequentText: {\n marginLeft: `calc(${tokens.spacingHorizontalSNudge} * 2)`,\n position: 'relative',\n\n '&::before': {\n ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n content: '\"\"',\n display: 'block',\n height: typographyStyles.caption2.fontSize,\n left: `calc(-1 * ${tokens.spacingHorizontalSNudge})`,\n position: 'absolute',\n top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`,\n },\n },\n});\n\n/**\n * Apply styling to the PreviewMetadata slots based on the state\n */\nexport const usePreviewMetadataStyles_unstable = (state: PreviewMetadataState): PreviewMetadataState => {\n 'use no memo';\n\n const rootBaseClassName = useRootBaseClassName();\n const iconBaseClassName = useIconBaseClassName();\n const textStyles = useTextStyles();\n\n state.root.className = mergeClasses(previewMetadataClassNames.root, rootBaseClassName, state.root.className);\n\n if (state.icon) {\n state.icon.className = mergeClasses(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);\n }\n\n let isSubsequentAfterText = false;\n\n if (state.primaryText) {\n state.primaryText.className = mergeClasses(previewMetadataClassNames.primaryText, state.primaryText.className);\n isSubsequentAfterText = true;\n }\n\n if (state.secondaryText) {\n state.secondaryText.className = mergeClasses(\n previewMetadataClassNames.secondaryText,\n isSubsequentAfterText && textStyles.subsequentText,\n state.secondaryText.className,\n );\n isSubsequentAfterText = true;\n }\n\n if (state.tertiaryText) {\n state.tertiaryText.className = mergeClasses(\n previewMetadataClassNames.tertiaryText,\n isSubsequentAfterText && textStyles.subsequentText,\n state.tertiaryText.className,\n );\n }\n\n return state;\n};\n"],"names":["previewMetadataClassNames","usePreviewMetadataStyles_unstable","root","icon","primaryText","secondaryText","tertiaryText","useRootBaseClassName","makeResetStyles","typographyStyles","caption2","useIconBaseClassName","marginLeft","tokens","spacingHorizontalSNudge","verticalAlign","useTextStyles","makeStyles","subsequentText","position","shorthands","borderLeft","strokeWidthThin","colorNeutralStroke2","content","display","height","fontSize","left","top","lineHeight","state","rootBaseClassName","iconBaseClassName","textStyles","className","mergeClasses","isSubsequentAfterText"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,yBAAAA;eAAAA;;IAqCAC,iCAAAA;eAAAA;;;iCA1CN;wBACgB;AAIhB,MAAMD,4BAAkE;IAC7EE,MAAM;IACNC,MAAM;IACNC,aAAa;IACbC,eAAe;IACfC,cAAc;AAChB;AAEA,MAAMC,uBAAuBC,IAAAA,gCAAAA,EAAgB;IAC3C,GAAGC,iCAAAA,CAAiBC,QAAQ;AAC9B;AAEA,MAAMC,uBAAuBH,IAAAA,gCAAAA,EAAgB;IAC3CI,YAAYC,cAAAA,CAAOC,uBAAuB;IAC1CC,eAAe;AACjB;AAEA,MAAMC,gBAAgBC,IAAAA,2BAAAA,EAAW;IAC/BC,gBAAgB;QACdN,YAAY,CAAC,KAAK,EAAEC,cAAAA,CAAOC,uBAAuB,CAAC,KAAK,CAAC;QACzDK,UAAU;QAEV,aAAa;YACX,GAAGC,2BAAAA,CAAWC,UAAU,CAACR,cAAAA,CAAOS,eAAe,EAAE,SAAST,cAAAA,CAAOU,mBAAmB,CAAC;YACrFC,SAAS;YACTC,SAAS;YACTC,QAAQjB,iCAAAA,CAAiBC,QAAQ,CAACiB,QAAQ;YAC1CC,MAAM,CAAC,UAAU,EAAEf,cAAAA,CAAOC,uBAAuB,CAAC,CAAC,CAAC;YACpDK,UAAU;YACVU,KAAK,CAAC,MAAM,EAAEpB,iCAAAA,CAAiBC,QAAQ,CAACoB,UAAU,CAAC,GAAG,EAAErB,iCAAAA,CAAiBC,QAAQ,CAACiB,QAAQ,CAAC,MAAM,CAAC;QACpG;IACF;AACF;AAKO,MAAM1B,oCAAoC,CAAC8B;IAChD;IAEA,MAAMC,oBAAoBzB;IAC1B,MAAM0B,oBAAoBtB;IAC1B,MAAMuB,aAAalB;IAEnBe,MAAM7B,IAAI,CAACiC,SAAS,GAAGC,IAAAA,6BAAAA,EAAapC,0BAA0BE,IAAI,EAAE8B,mBAAmBD,MAAM7B,IAAI,CAACiC,SAAS;IAE3G,IAAIJ,MAAM5B,IAAI,EAAE;QACd4B,MAAM5B,IAAI,CAACgC,SAAS,GAAGC,IAAAA,6BAAAA,EAAapC,0BAA0BG,IAAI,EAAE8B,mBAAmBF,MAAM5B,IAAI,CAACgC,SAAS;IAC7G;IAEA,IAAIE,wBAAwB;IAE5B,IAAIN,MAAM3B,WAAW,EAAE;QACrB2B,MAAM3B,WAAW,CAAC+B,SAAS,GAAGC,IAAAA,6BAAAA,EAAapC,0BAA0BI,WAAW,EAAE2B,MAAM3B,WAAW,CAAC+B,SAAS;QAC7GE,wBAAwB;IAC1B;IAEA,IAAIN,MAAM1B,aAAa,EAAE;QACvB0B,MAAM1B,aAAa,CAAC8B,SAAS,GAAGC,IAAAA,6BAAAA,EAC9BpC,0BAA0BK,aAAa,EACvCgC,yBAAyBH,WAAWhB,cAAc,EAClDa,MAAM1B,aAAa,CAAC8B,SAAS;QAE/BE,wBAAwB;IAC1B;IAEA,IAAIN,MAAMzB,YAAY,EAAE;QACtByB,MAAMzB,YAAY,CAAC6B,SAAS,GAAGC,IAAAA,6BAAAA,EAC7BpC,0BAA0BM,YAAY,EACtC+B,yBAAyBH,WAAWhB,cAAc,EAClDa,MAAMzB,YAAY,CAAC6B,SAAS;IAEhC;IAEA,OAAOJ;AACT"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "PreviewSurface", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return PreviewSurface;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _usePreviewSurface = require("./usePreviewSurface");
|
|
14
|
+
const _renderPreviewSurface = require("./renderPreviewSurface");
|
|
15
|
+
const _usePreviewSurfaceStylesstyles = require("./usePreviewSurfaceStyles.styles");
|
|
16
|
+
const PreviewSurface = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
17
|
+
const state = (0, _usePreviewSurface.usePreviewSurface_unstable)(props, ref);
|
|
18
|
+
(0, _usePreviewSurfaceStylesstyles.usePreviewSurfaceStyles_unstable)(state);
|
|
19
|
+
return (0, _renderPreviewSurface.renderPreviewSurface_unstable)(state);
|
|
20
|
+
});
|
|
21
|
+
PreviewSurface.displayName = 'PreviewSurface';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["PreviewSurface.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewSurface_unstable } from './usePreviewSurface';\nimport { renderPreviewSurface_unstable } from './renderPreviewSurface';\nimport { usePreviewSurfaceStyles_unstable } from './usePreviewSurfaceStyles.styles';\nimport type { PreviewSurfaceProps } from './PreviewSurface.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PreviewSurface: ForwardRefComponent<PreviewSurfaceProps> = React.forwardRef((props, ref) => {\n const state = usePreviewSurface_unstable(props, ref);\n\n usePreviewSurfaceStyles_unstable(state);\n\n return renderPreviewSurface_unstable(state);\n});\n\nPreviewSurface.displayName = 'PreviewSurface';\n"],"names":["PreviewSurface","React","forwardRef","props","ref","state","usePreviewSurface_unstable","usePreviewSurfaceStyles_unstable","renderPreviewSurface_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;mCACoB;sCACG;+CACG;AAI1C,MAAMA,iBAAAA,WAAAA,GAA2DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQC,IAAAA,6CAAAA,EAA2BH,OAAOC;IAEhDG,IAAAA,+DAAAA,EAAiCF;IAEjC,OAAOG,IAAAA,mDAAAA,EAA8BH;AACvC;AAEAL,eAAeS,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["PreviewSurface.types.ts"],"sourcesContent":["import type { DesignVersion } from '@fluentui-copilot/react-provider';\nimport type {\n ComponentProps,\n ComponentState,\n PopoverSurfaceProps,\n PopoverSurfaceSlots,\n PopoverSurfaceState,\n} from '@fluentui/react-components';\n\nexport type PreviewSurfaceSlots = PopoverSurfaceSlots & {};\n\n/**\n * PreviewSurface Props\n */\nexport type PreviewSurfaceProps = ComponentProps<PreviewSurfaceSlots> & PopoverSurfaceProps & DesignVersion & {};\n\n/**\n * State used in rendering PreviewSurface\n */\nexport type PreviewSurfaceState = ComponentState<PreviewSurfaceSlots> &\n PopoverSurfaceState &\n Pick<Required<PreviewSurfaceProps>, 'designVersion'> & {};\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
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
|
+
PreviewSurface: function() {
|
|
13
|
+
return _PreviewSurface.PreviewSurface;
|
|
14
|
+
},
|
|
15
|
+
previewSurfaceClassNames: function() {
|
|
16
|
+
return _usePreviewSurfaceStylesstyles.previewSurfaceClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderPreviewSurface_unstable: function() {
|
|
19
|
+
return _renderPreviewSurface.renderPreviewSurface_unstable;
|
|
20
|
+
},
|
|
21
|
+
usePreviewSurfaceStyles_unstable: function() {
|
|
22
|
+
return _usePreviewSurfaceStylesstyles.usePreviewSurfaceStyles_unstable;
|
|
23
|
+
},
|
|
24
|
+
usePreviewSurface_unstable: function() {
|
|
25
|
+
return _usePreviewSurface.usePreviewSurface_unstable;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const _PreviewSurface = require("./PreviewSurface");
|
|
29
|
+
const _renderPreviewSurface = require("./renderPreviewSurface");
|
|
30
|
+
const _usePreviewSurface = require("./usePreviewSurface");
|
|
31
|
+
const _usePreviewSurfaceStylesstyles = require("./usePreviewSurfaceStyles.styles");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export { PreviewSurface } from './PreviewSurface';\nexport type { PreviewSurfaceProps, PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface.types';\nexport { renderPreviewSurface_unstable } from './renderPreviewSurface';\nexport { usePreviewSurface_unstable } from './usePreviewSurface';\nexport { previewSurfaceClassNames, usePreviewSurfaceStyles_unstable } from './usePreviewSurfaceStyles.styles';\n"],"names":["PreviewSurface","previewSurfaceClassNames","renderPreviewSurface_unstable","usePreviewSurfaceStyles_unstable","usePreviewSurface_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,cAAc;eAAdA,8BAAc;;IAIdC,wBAAwB;eAAxBA,uDAAwB;;IAFxBC,6BAA6B;eAA7BA,mDAA6B;;IAEHC,gCAAgC;eAAhCA,+DAAgC;;IAD1DC,0BAA0B;eAA1BA,6CAA0B;;;gCAHJ;sCAEe;mCACH;+CACgC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "renderPreviewSurface_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderPreviewSurface_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
12
|
+
const renderPreviewSurface_unstable = (state)=>{
|
|
13
|
+
return (0, _reactcomponents.renderPopoverSurface_unstable)(state);
|
|
14
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["renderPreviewSurface.tsx"],"sourcesContent":["import { renderPopoverSurface_unstable } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { PreviewSurfaceState } from './PreviewSurface.types';\n\n/**\n * Render the final JSX of PreviewSurface\n */\nexport const renderPreviewSurface_unstable = (state: PreviewSurfaceState): JSXElement => {\n return renderPopoverSurface_unstable(state);\n};\n"],"names":["renderPreviewSurface_unstable","state","renderPopoverSurface_unstable"],"rangeMappings":";;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;iCAPiC;AAOvC,MAAMA,gCAAgC,CAACC;IAC5C,OAAOC,IAAAA,8CAAAA,EAA8BD;AACvC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "usePreviewSurface_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return usePreviewSurface_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
12
|
+
const _reactprovider = require("@fluentui-copilot/react-provider");
|
|
13
|
+
const usePreviewSurface_unstable = (props, ref)=>{
|
|
14
|
+
const designVersion = (0, _reactprovider.useDesignVersion)(props.designVersion);
|
|
15
|
+
return {
|
|
16
|
+
designVersion,
|
|
17
|
+
...(0, _reactcomponents.usePopoverSurface_unstable)(props, ref)
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["usePreviewSurface.ts"],"sourcesContent":["import type * as React from 'react';\nimport { usePopoverSurface_unstable } from '@fluentui/react-components';\nimport type { PreviewSurfaceProps, PreviewSurfaceState } from './PreviewSurface.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render PreviewSurface.\n *\n * The returned state can be modified with hooks such as usePreviewSurfaceStyles_unstable,\n * before being passed to renderPreviewSurface_unstable.\n *\n * @param props - props from this instance of PreviewSurface\n * @param ref - reference to root HTMLElement of PreviewSurface\n */\nexport const usePreviewSurface_unstable = (\n props: PreviewSurfaceProps,\n ref: React.Ref<HTMLDivElement>,\n): PreviewSurfaceState => {\n const designVersion = useDesignVersion(props.designVersion);\n return { designVersion, ...usePopoverSurface_unstable(props, ref) };\n};\n"],"names":["usePreviewSurface_unstable","props","ref","designVersion","useDesignVersion","usePopoverSurface_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;iCAf8B;+BAEV;AAa1B,MAAMA,6BAA6B,CACxCC,OACAC;IAEA,MAAMC,gBAAgBC,IAAAA,+BAAAA,EAAiBH,MAAME,aAAa;IAC1D,OAAO;QAAEA;QAAe,GAAGE,IAAAA,2CAAAA,EAA2BJ,OAAOC,IAAI;IAAC;AACpE"}
|
|
@@ -0,0 +1,71 @@
|
|
|
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
|
+
previewSurfaceClassNames: function() {
|
|
13
|
+
return previewSurfaceClassNames;
|
|
14
|
+
},
|
|
15
|
+
usePreviewSurfaceStyles_unstable: function() {
|
|
16
|
+
return usePreviewSurfaceStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
20
|
+
const previewSurfaceClassNames = {
|
|
21
|
+
root: 'fai-PreviewSurface'
|
|
22
|
+
};
|
|
23
|
+
/**
|
|
24
|
+
* Styles for the root slot
|
|
25
|
+
*/ const useRootStyles = (0, _reactcomponents.__styles)({
|
|
26
|
+
base: {
|
|
27
|
+
Byoj8tv: 0,
|
|
28
|
+
uwmqm3: 0,
|
|
29
|
+
z189sj: 0,
|
|
30
|
+
z8tnut: 0,
|
|
31
|
+
B0ocmuz: "f16d74zd",
|
|
32
|
+
B7ck84d: "f1ewtqcl"
|
|
33
|
+
}
|
|
34
|
+
}, {
|
|
35
|
+
d: [
|
|
36
|
+
[
|
|
37
|
+
".f16d74zd{padding:var(--spacingVerticalXS) var(--spacingHorizontalXS);}",
|
|
38
|
+
{
|
|
39
|
+
p: -1
|
|
40
|
+
}
|
|
41
|
+
],
|
|
42
|
+
".f1ewtqcl{box-sizing:border-box;}"
|
|
43
|
+
]
|
|
44
|
+
});
|
|
45
|
+
const useNextStyles = (0, _reactcomponents.__styles)({
|
|
46
|
+
root: {
|
|
47
|
+
Beyfa6y: 0,
|
|
48
|
+
Bbmb7ep: 0,
|
|
49
|
+
Btl43ni: 0,
|
|
50
|
+
B7oj6ja: 0,
|
|
51
|
+
Dimara: "f1kijzfu"
|
|
52
|
+
}
|
|
53
|
+
}, {
|
|
54
|
+
d: [
|
|
55
|
+
[
|
|
56
|
+
".f1kijzfu{border-radius:var(--borderRadiusXLarge);}",
|
|
57
|
+
{
|
|
58
|
+
p: -1
|
|
59
|
+
}
|
|
60
|
+
]
|
|
61
|
+
]
|
|
62
|
+
});
|
|
63
|
+
const usePreviewSurfaceStyles_unstable = (state)=>{
|
|
64
|
+
'use no memo';
|
|
65
|
+
const { designVersion } = state;
|
|
66
|
+
const rootStyles = useRootStyles();
|
|
67
|
+
const nextStyles = useNextStyles();
|
|
68
|
+
state.root.className = (0, _reactcomponents.mergeClasses)(previewSurfaceClassNames.root, rootStyles.base, designVersion === 'next' && nextStyles.root, state.root.className);
|
|
69
|
+
(0, _reactcomponents.usePopoverSurfaceStyles_unstable)(state);
|
|
70
|
+
return state;
|
|
71
|
+
}; //# sourceMappingURL=usePreviewSurfaceStyles.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["usePreviewSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewSurfaceClassNames: SlotClassNames<PreviewSurfaceSlots> = {\n root: 'fai-PreviewSurface',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n base: {\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n boxSizing: 'border-box',\n },\n});\n\nconst useNextStyles = makeStyles({\n root: {\n borderRadius: tokens.borderRadiusXLarge,\n },\n});\n\n/**\n * Apply styling to the PreviewSurface slots based on the state\n */\nexport const usePreviewSurfaceStyles_unstable = (state: PreviewSurfaceState): PreviewSurfaceState => {\n 'use no memo';\n\n const { designVersion } = state;\n\n const rootStyles = useRootStyles();\n const nextStyles = useNextStyles();\n\n state.root.className = mergeClasses(\n previewSurfaceClassNames.root,\n rootStyles.base,\n designVersion === 'next' && nextStyles.root,\n state.root.className,\n );\n\n usePopoverSurfaceStyles_unstable(state);\n\n return state;\n};\n"],"names":["previewSurfaceClassNames","root","base","__styles","padding","boxSizing","uwmqm3","z189sj","z8tnut","useNextStyles","borderRadius","d","usePreviewSurfaceStyles_unstable","designVersion","state","Beyfa6y","nextStyles","usePopoverSurfaceStyles_unstable","B7oj6ja","Dimara"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,wBAAAA;eAAAA;;;;;;iCALsD;AAK5D,MAAMA,2BAAgE;UAC3EC;AACF;AAEA;;CAEC,SAECC,gBAAMC,IAAAA,yBAAA,EAAA;UACJC;iBACAC;QACFC,QAAA;QACFC,QAAA;QAEAC,QAAMC;QACJR,SAAM;iBACJS;;AAEJ,GAAA;IAEAC,GAAA;QAAA;YAAA;YAAA;;YAEC;SACD;QAAA;KAAaC;;MAGXH,gBAAQI,IAAAA,yBAAkBC,EAAAA;UAE1B;QACAC,SAAMC;QAENF,SAAMb;QAONgB,SAAAA;QAEAC,SAAOJ;QACPK,QAAA"}
|
|
@@ -0,0 +1,45 @@
|
|
|
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
|
+
previewSurfaceClassNames: function() {
|
|
13
|
+
return previewSurfaceClassNames;
|
|
14
|
+
},
|
|
15
|
+
usePreviewSurfaceStyles_unstable: function() {
|
|
16
|
+
return usePreviewSurfaceStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
20
|
+
const _tokens = require("@fluentui-copilot/tokens");
|
|
21
|
+
const previewSurfaceClassNames = {
|
|
22
|
+
root: 'fai-PreviewSurface'
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* Styles for the root slot
|
|
26
|
+
*/ const useRootStyles = (0, _reactcomponents.makeStyles)({
|
|
27
|
+
base: {
|
|
28
|
+
padding: `${_tokens.tokens.spacingVerticalXS} ${_tokens.tokens.spacingHorizontalXS}`,
|
|
29
|
+
boxSizing: 'border-box'
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
const useNextStyles = (0, _reactcomponents.makeStyles)({
|
|
33
|
+
root: {
|
|
34
|
+
borderRadius: _tokens.tokens.borderRadiusXLarge
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
const usePreviewSurfaceStyles_unstable = (state)=>{
|
|
38
|
+
'use no memo';
|
|
39
|
+
const { designVersion } = state;
|
|
40
|
+
const rootStyles = useRootStyles();
|
|
41
|
+
const nextStyles = useNextStyles();
|
|
42
|
+
state.root.className = (0, _reactcomponents.mergeClasses)(previewSurfaceClassNames.root, rootStyles.base, designVersion === 'next' && nextStyles.root, state.root.className);
|
|
43
|
+
(0, _reactcomponents.usePopoverSurfaceStyles_unstable)(state);
|
|
44
|
+
return state;
|
|
45
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["usePreviewSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewSurfaceClassNames: SlotClassNames<PreviewSurfaceSlots> = {\n root: 'fai-PreviewSurface',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n base: {\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n boxSizing: 'border-box',\n },\n});\n\nconst useNextStyles = makeStyles({\n root: {\n borderRadius: tokens.borderRadiusXLarge,\n },\n});\n\n/**\n * Apply styling to the PreviewSurface slots based on the state\n */\nexport const usePreviewSurfaceStyles_unstable = (state: PreviewSurfaceState): PreviewSurfaceState => {\n 'use no memo';\n\n const { designVersion } = state;\n\n const rootStyles = useRootStyles();\n const nextStyles = useNextStyles();\n\n state.root.className = mergeClasses(\n previewSurfaceClassNames.root,\n rootStyles.base,\n designVersion === 'next' && nextStyles.root,\n state.root.className,\n );\n\n usePopoverSurfaceStyles_unstable(state);\n\n return state;\n};\n"],"names":["previewSurfaceClassNames","usePreviewSurfaceStyles_unstable","root","useRootStyles","makeStyles","base","padding","tokens","spacingVerticalXS","spacingHorizontalXS","boxSizing","useNextStyles","borderRadius","borderRadiusXLarge","state","designVersion","rootStyles","nextStyles","className","mergeClasses","usePopoverSurfaceStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,wBAAAA;eAAAA;;IAuBAC,gCAAAA;eAAAA;;;iCA5B8D;wBACpD;AAIhB,MAAMD,2BAAgE;IAC3EE,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,gBAAgBC,IAAAA,2BAAAA,EAAW;IAC/BC,MAAM;QACJC,SAAS,CAAC,EAAEC,cAAAA,CAAOC,iBAAiB,CAAC,CAAC,EAAED,cAAAA,CAAOE,mBAAmB,CAAC,CAAC;QACpEC,WAAW;IACb;AACF;AAEA,MAAMC,gBAAgBP,IAAAA,2BAAAA,EAAW;IAC/BF,MAAM;QACJU,cAAcL,cAAAA,CAAOM,kBAAkB;IACzC;AACF;AAKO,MAAMZ,mCAAmC,CAACa;IAC/C;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAE1B,MAAME,aAAab;IACnB,MAAMc,aAAaN;IAEnBG,MAAMZ,IAAI,CAACgB,SAAS,GAAGC,IAAAA,6BAAAA,EACrBnB,yBAAyBE,IAAI,EAC7Bc,WAAWX,IAAI,EACfU,kBAAkB,UAAUE,WAAWf,IAAI,EAC3CY,MAAMZ,IAAI,CAACgB,SAAS;IAGtBE,IAAAA,iDAAAA,EAAiCN;IAEjC,OAAOA;AACT"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "PreviewTrigger", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return PreviewTrigger;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _usePreviewTrigger = require("./usePreviewTrigger");
|
|
12
|
+
const _renderPreviewTrigger = require("./renderPreviewTrigger");
|
|
13
|
+
const PreviewTrigger = (props)=>{
|
|
14
|
+
const state = (0, _usePreviewTrigger.usePreviewTrigger_unstable)(props);
|
|
15
|
+
return (0, _renderPreviewTrigger.renderPreviewTrigger_unstable)(state);
|
|
16
|
+
};
|
|
17
|
+
PreviewTrigger.displayName = 'PreviewTrigger';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["PreviewTrigger.tsx"],"sourcesContent":["import type * as React from 'react';\n\nimport { usePreviewTrigger_unstable } from './usePreviewTrigger';\nimport { renderPreviewTrigger_unstable } from './renderPreviewTrigger';\nimport type { PreviewTriggerProps } from './PreviewTrigger.types';\n\nexport const PreviewTrigger: React.FC<PreviewTriggerProps> = props => {\n const state = usePreviewTrigger_unstable(props);\n\n return renderPreviewTrigger_unstable(state);\n};\n\nPreviewTrigger.displayName = 'PreviewTrigger';\n"],"names":["PreviewTrigger","props","state","usePreviewTrigger_unstable","renderPreviewTrigger_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;mCAJ8B;sCACG;AAGvC,MAAMA,iBAAgDC,CAAAA;IAC3D,MAAMC,QAAQC,IAAAA,6CAAAA,EAA2BF;IAEzC,OAAOG,IAAAA,mDAAAA,EAA8BF;AACvC;AAEAF,eAAeK,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["PreviewTrigger.types.ts"],"sourcesContent":["import type { PopoverTriggerChildProps, PopoverTriggerProps, PopoverTriggerState } from '@fluentui/react-components';\n\n/**\n * PreviewTrigger Props\n */\nexport type PreviewTriggerProps = PopoverTriggerProps & {};\n\n/**\n * State used in rendering PreviewTrigger\n */\nexport type PreviewTriggerState = PopoverTriggerState & {};\n\n/**\n * Props that are passed to the child of the PreviewTrigger when cloned to ensure correct behavior for the Preview.\n */\nexport type PreviewTriggerChildProps = PopoverTriggerChildProps & {};\n"],"names":[],"rangeMappings":";;","mappings":"AAYA;;CAEC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
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
|
+
PreviewTrigger: function() {
|
|
13
|
+
return _PreviewTrigger.PreviewTrigger;
|
|
14
|
+
},
|
|
15
|
+
renderPreviewTrigger_unstable: function() {
|
|
16
|
+
return _renderPreviewTrigger.renderPreviewTrigger_unstable;
|
|
17
|
+
},
|
|
18
|
+
usePreviewTrigger_unstable: function() {
|
|
19
|
+
return _usePreviewTrigger.usePreviewTrigger_unstable;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
const _PreviewTrigger = require("./PreviewTrigger");
|
|
23
|
+
const _renderPreviewTrigger = require("./renderPreviewTrigger");
|
|
24
|
+
const _usePreviewTrigger = require("./usePreviewTrigger");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export { PreviewTrigger } from './PreviewTrigger';\nexport type { PreviewTriggerChildProps, PreviewTriggerProps, PreviewTriggerState } from './PreviewTrigger.types';\nexport { renderPreviewTrigger_unstable } from './renderPreviewTrigger';\nexport { usePreviewTrigger_unstable } from './usePreviewTrigger';\n"],"names":["PreviewTrigger","renderPreviewTrigger_unstable","usePreviewTrigger_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,cAAc;eAAdA,8BAAc;;IAEdC,6BAA6B;eAA7BA,mDAA6B;;IAC7BC,0BAA0B;eAA1BA,6CAA0B;;;gCAHJ;sCAEe;mCACH"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "renderPreviewTrigger_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderPreviewTrigger_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
12
|
+
const renderPreviewTrigger_unstable = (state)=>{
|
|
13
|
+
return (0, _reactcomponents.renderPopoverTrigger_unstable)(state);
|
|
14
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["renderPreviewTrigger.tsx"],"sourcesContent":["import { renderPopoverTrigger_unstable } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { PreviewTriggerState } from './PreviewTrigger.types';\n\n/**\n * Render the final JSX of PreviewTrigger\n */\nexport const renderPreviewTrigger_unstable = (state: PreviewTriggerState): JSXElement | null => {\n return renderPopoverTrigger_unstable(state);\n};\n"],"names":["renderPreviewTrigger_unstable","state","renderPopoverTrigger_unstable"],"rangeMappings":";;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;iCAPiC;AAOvC,MAAMA,gCAAgC,CAACC;IAC5C,OAAOC,IAAAA,8CAAAA,EAA8BD;AACvC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "usePreviewTrigger_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return usePreviewTrigger_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
12
|
+
const usePreviewTrigger_unstable = (props)=>{
|
|
13
|
+
return (0, _reactcomponents.usePopoverTrigger_unstable)(props);
|
|
14
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["usePreviewTrigger.ts"],"sourcesContent":["import { usePopoverTrigger_unstable } from '@fluentui/react-components';\nimport type { PreviewTriggerProps, PreviewTriggerState } from './PreviewTrigger.types';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render PreviewTrigger.\n *\n * The returned state can be modified with hooks such as usePreviewTriggerStyles_unstable,\n * before being passed to renderPreviewTrigger_unstable.\n *\n * @param props - props from this instance of PreviewTrigger\n * @param ref - reference to root HTMLElement of PreviewTrigger\n */\nexport const usePreviewTrigger_unstable = (props: PreviewTriggerProps): PreviewTriggerState => {\n return usePopoverTrigger_unstable(props);\n};\n"],"names":["usePreviewTrigger_unstable","props","usePopoverTrigger_unstable"],"rangeMappings":";;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;iCAd8B;AAcpC,MAAMA,6BAA6B,CAACC;IACzC,OAAOC,IAAAA,2CAAAA,EAA2BD;AACpC"}
|