@fluentui-copilot/react-preview 0.0.0-nightly-20250708-1433-52f2b6b1.1 → 0.0.0-nightly-20250709-0404-150e065c.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/lib/Preview.js +1 -0
- package/lib/PreviewContent.js +1 -0
- package/lib/PreviewHeader.js +1 -0
- package/lib/PreviewMetadata.js +1 -0
- package/lib/PreviewSurface.js +1 -0
- package/lib/PreviewTrigger.js +1 -0
- package/lib/components/Preview/Preview.js +4 -3
- package/lib/components/Preview/Preview.types.js +2 -1
- package/lib/components/Preview/index.js +1 -0
- package/lib/components/Preview/renderPreview.js +41 -22
- package/lib/components/Preview/usePreview.js +239 -234
- package/lib/components/PreviewContent/PreviewContent.js +5 -4
- package/lib/components/PreviewContent/PreviewContent.types.js +2 -1
- package/lib/components/PreviewContent/index.js +1 -0
- package/lib/components/PreviewContent/renderPreviewContent.js +6 -4
- package/lib/components/PreviewContent/usePreviewContent.js +14 -12
- package/lib/components/PreviewHeader/PreviewHeader.js +5 -4
- package/lib/components/PreviewHeader/PreviewHeader.types.js +2 -1
- package/lib/components/PreviewHeader/index.js +1 -0
- package/lib/components/PreviewHeader/renderPreviewHeader.js +8 -11
- package/lib/components/PreviewHeader/usePreviewHeader.js +56 -48
- package/lib/components/PreviewMetadata/PreviewMetadata.js +5 -4
- package/lib/components/PreviewMetadata/PreviewMetadata.types.js +2 -1
- package/lib/components/PreviewMetadata/index.js +1 -0
- package/lib/components/PreviewMetadata/renderPreviewMetadata.js +8 -12
- package/lib/components/PreviewMetadata/usePreviewMetadata.js +36 -29
- package/lib/components/PreviewSurface/PreviewSurface.js +5 -4
- package/lib/components/PreviewSurface/PreviewSurface.types.js +2 -1
- package/lib/components/PreviewSurface/index.js +1 -0
- package/lib/components/PreviewSurface/renderPreviewSurface.js +4 -2
- package/lib/components/PreviewSurface/usePreviewSurface.js +8 -6
- package/lib/components/PreviewTrigger/PreviewTrigger.js +4 -3
- package/lib/components/PreviewTrigger/PreviewTrigger.types.js +2 -1
- package/lib/components/PreviewTrigger/index.js +1 -0
- package/lib/components/PreviewTrigger/renderPreviewTrigger.js +4 -2
- package/lib/components/PreviewTrigger/usePreviewTrigger.js +4 -2
- package/lib/index.js +1 -0
- package/lib/previewContext.js +20 -19
- package/lib/utils/index.js +1 -0
- package/lib/utils/openedByHoverPreviewManager.js +15 -14
- package/lib-commonjs/Preview.js +1 -0
- package/lib-commonjs/PreviewContent.js +1 -0
- package/lib-commonjs/PreviewHeader.js +1 -0
- package/lib-commonjs/PreviewMetadata.js +1 -0
- package/lib-commonjs/PreviewSurface.js +1 -0
- package/lib-commonjs/PreviewTrigger.js +1 -0
- package/lib-commonjs/components/Preview/Preview.js +1 -1
- package/lib-commonjs/components/Preview/Preview.js.map +1 -1
- package/lib-commonjs/components/Preview/Preview.types.js +1 -0
- package/lib-commonjs/components/Preview/index.js +1 -0
- package/lib-commonjs/components/Preview/renderPreview.js +1 -1
- package/lib-commonjs/components/Preview/renderPreview.js.map +1 -1
- package/lib-commonjs/components/Preview/usePreview.js +1 -1
- package/lib-commonjs/components/Preview/usePreview.js.map +1 -1
- package/lib-commonjs/components/PreviewContent/PreviewContent.js +1 -1
- package/lib-commonjs/components/PreviewContent/PreviewContent.js.map +1 -1
- package/lib-commonjs/components/PreviewContent/PreviewContent.types.js +1 -0
- package/lib-commonjs/components/PreviewContent/index.js +1 -0
- package/lib-commonjs/components/PreviewContent/renderPreviewContent.js +1 -1
- package/lib-commonjs/components/PreviewContent/renderPreviewContent.js.map +1 -1
- package/lib-commonjs/components/PreviewContent/usePreviewContent.js +1 -1
- package/lib-commonjs/components/PreviewContent/usePreviewContent.js.map +1 -1
- package/lib-commonjs/components/PreviewHeader/PreviewHeader.js +1 -1
- package/lib-commonjs/components/PreviewHeader/PreviewHeader.js.map +1 -1
- package/lib-commonjs/components/PreviewHeader/PreviewHeader.types.js +1 -0
- package/lib-commonjs/components/PreviewHeader/index.js +1 -0
- package/lib-commonjs/components/PreviewHeader/renderPreviewHeader.js +1 -1
- package/lib-commonjs/components/PreviewHeader/renderPreviewHeader.js.map +1 -1
- package/lib-commonjs/components/PreviewHeader/usePreviewHeader.js +1 -1
- package/lib-commonjs/components/PreviewHeader/usePreviewHeader.js.map +1 -1
- package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.js +1 -1
- package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.js.map +1 -1
- package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.types.js +1 -0
- package/lib-commonjs/components/PreviewMetadata/index.js +1 -0
- package/lib-commonjs/components/PreviewMetadata/renderPreviewMetadata.js +1 -1
- package/lib-commonjs/components/PreviewMetadata/renderPreviewMetadata.js.map +1 -1
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadata.js +1 -1
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadata.js.map +1 -1
- package/lib-commonjs/components/PreviewSurface/PreviewSurface.js +1 -1
- package/lib-commonjs/components/PreviewSurface/PreviewSurface.js.map +1 -1
- package/lib-commonjs/components/PreviewSurface/PreviewSurface.types.js +1 -0
- package/lib-commonjs/components/PreviewSurface/index.js +1 -0
- package/lib-commonjs/components/PreviewSurface/renderPreviewSurface.js +1 -1
- package/lib-commonjs/components/PreviewSurface/renderPreviewSurface.js.map +1 -1
- package/lib-commonjs/components/PreviewSurface/usePreviewSurface.js +1 -1
- package/lib-commonjs/components/PreviewSurface/usePreviewSurface.js.map +1 -1
- package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.js +1 -1
- package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.js.map +1 -1
- package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.types.js +1 -0
- package/lib-commonjs/components/PreviewTrigger/index.js +1 -0
- package/lib-commonjs/components/PreviewTrigger/renderPreviewTrigger.js +1 -1
- package/lib-commonjs/components/PreviewTrigger/renderPreviewTrigger.js.map +1 -1
- package/lib-commonjs/components/PreviewTrigger/usePreviewTrigger.js +1 -1
- package/lib-commonjs/components/PreviewTrigger/usePreviewTrigger.js.map +1 -1
- package/lib-commonjs/index.js +1 -0
- package/lib-commonjs/previewContext.js +1 -1
- package/lib-commonjs/previewContext.js.map +1 -1
- package/lib-commonjs/utils/index.js +1 -0
- package/lib-commonjs/utils/openedByHoverPreviewManager.js +1 -1
- package/lib-commonjs/utils/openedByHoverPreviewManager.js.map +1 -1
- package/package.json +3 -3
- package/lib/components/PreviewContent/usePreviewContentStyles.styles.raw.js +0 -26
- package/lib/components/PreviewContent/usePreviewContentStyles.styles.raw.js.map +0 -1
- package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js +0 -110
- package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js.map +0 -1
- package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js +0 -56
- package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js.map +0 -1
- package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js +0 -29
- package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.raw.js +0 -42
- package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js +0 -129
- package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js +0 -72
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js +0 -45
- package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js.map +0 -1
|
@@ -2,9 +2,10 @@ import * as React from 'react';
|
|
|
2
2
|
import { usePreviewContent_unstable } from './usePreviewContent';
|
|
3
3
|
import { renderPreviewContent_unstable } from './renderPreviewContent';
|
|
4
4
|
import { usePreviewContentStyles_unstable } from './usePreviewContentStyles.styles';
|
|
5
|
-
export const PreviewContent = /*#__PURE__*/
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
export const PreviewContent = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
6
|
+
const state = usePreviewContent_unstable(props, ref);
|
|
7
|
+
usePreviewContentStyles_unstable(state);
|
|
8
|
+
return renderPreviewContent_unstable(state);
|
|
9
9
|
});
|
|
10
10
|
PreviewContent.displayName = 'PreviewContent';
|
|
11
|
+
//# sourceMappingURL=PreviewContent.js.map
|
|
@@ -2,3 +2,4 @@ export { PreviewContent } from './PreviewContent';
|
|
|
2
2
|
export { renderPreviewContent_unstable } from './renderPreviewContent';
|
|
3
3
|
export { usePreviewContent_unstable } from './usePreviewContent';
|
|
4
4
|
export { previewContentClassNames, usePreviewContentStyles_unstable } from './usePreviewContentStyles.styles';
|
|
5
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
|
|
2
2
|
import { assertSlots } from '@fluentui/react-components';
|
|
3
3
|
/**
|
|
4
4
|
* Render the final JSX of PreviewContent
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
*/
|
|
6
|
+
export const renderPreviewContent_unstable = state => {
|
|
7
|
+
assertSlots(state);
|
|
8
|
+
return /*#__PURE__*/_jsx(state.root, {});
|
|
8
9
|
};
|
|
10
|
+
//# sourceMappingURL=renderPreviewContent.js.map
|
|
@@ -7,16 +7,18 @@ import { getIntrinsicElementProps, slot } from '@fluentui/react-components';
|
|
|
7
7
|
*
|
|
8
8
|
* @param props - props from this instance of PreviewContent
|
|
9
9
|
* @param ref - reference to root HTMLElement of PreviewContent
|
|
10
|
-
*/
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}
|
|
10
|
+
*/
|
|
11
|
+
export const usePreviewContent_unstable = (props, ref) => {
|
|
12
|
+
return {
|
|
13
|
+
components: {
|
|
14
|
+
root: 'div'
|
|
15
|
+
},
|
|
16
|
+
root: slot.always(getIntrinsicElementProps('div', {
|
|
17
|
+
ref,
|
|
18
|
+
...props
|
|
19
|
+
}), {
|
|
20
|
+
elementType: 'div'
|
|
21
|
+
})
|
|
22
|
+
};
|
|
22
23
|
};
|
|
24
|
+
//# sourceMappingURL=usePreviewContent.js.map
|
|
@@ -2,9 +2,10 @@ import * as React from 'react';
|
|
|
2
2
|
import { usePreviewHeader_unstable } from './usePreviewHeader';
|
|
3
3
|
import { renderPreviewHeader_unstable } from './renderPreviewHeader';
|
|
4
4
|
import { usePreviewHeaderStyles_unstable } from './usePreviewHeaderStyles.styles';
|
|
5
|
-
export const PreviewHeader = /*#__PURE__*/
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
export const PreviewHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
6
|
+
const state = usePreviewHeader_unstable(props, ref);
|
|
7
|
+
usePreviewHeaderStyles_unstable(state);
|
|
8
|
+
return renderPreviewHeader_unstable(state);
|
|
9
9
|
});
|
|
10
10
|
PreviewHeader.displayName = 'PreviewHeader';
|
|
11
|
+
//# sourceMappingURL=PreviewHeader.js.map
|
|
@@ -2,3 +2,4 @@ export { PreviewHeader } from './PreviewHeader';
|
|
|
2
2
|
export { renderPreviewHeader_unstable } from './renderPreviewHeader';
|
|
3
3
|
export { usePreviewHeader_unstable } from './usePreviewHeader';
|
|
4
4
|
export { previewHeaderClassNames, previewHeaderExtraClassNames, usePreviewHeaderStyles_unstable } from './usePreviewHeaderStyles.styles';
|
|
5
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
|
|
2
2
|
import { assertSlots } from '@fluentui/react-components';
|
|
3
3
|
/**
|
|
4
4
|
* Render the final JSX of PreviewHeader
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
/*#__PURE__*/ _jsx(state.label, {}),
|
|
12
|
-
state.actions && /*#__PURE__*/ _jsx(state.actions, {})
|
|
13
|
-
]
|
|
14
|
-
});
|
|
5
|
+
*/
|
|
6
|
+
export const renderPreviewHeader_unstable = state => {
|
|
7
|
+
assertSlots(state);
|
|
8
|
+
return /*#__PURE__*/_jsxs(state.root, {
|
|
9
|
+
children: [state.citation && /*#__PURE__*/_jsx(state.citation, {}), state.media && /*#__PURE__*/_jsx(state.media, {}), /*#__PURE__*/_jsx(state.label, {}), state.actions && /*#__PURE__*/_jsx(state.actions, {})]
|
|
10
|
+
});
|
|
15
11
|
};
|
|
12
|
+
//# sourceMappingURL=renderPreviewHeader.js.map
|
|
@@ -9,52 +9,60 @@ import { previewHeaderExtraClassNames } from './usePreviewHeaderStyles.styles';
|
|
|
9
9
|
*
|
|
10
10
|
* @param props - props from this instance of PreviewHeader
|
|
11
11
|
* @param ref - reference to root HTMLElement of PreviewHeader
|
|
12
|
-
*/
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
12
|
+
*/
|
|
13
|
+
export const usePreviewHeader_unstable = (props, ref) => {
|
|
14
|
+
var _state_media;
|
|
15
|
+
const {
|
|
16
|
+
actions,
|
|
17
|
+
children,
|
|
18
|
+
citation,
|
|
19
|
+
label,
|
|
20
|
+
media
|
|
21
|
+
} = props;
|
|
22
|
+
const mediaId = useId('media');
|
|
23
|
+
const state = {
|
|
24
|
+
components: {
|
|
25
|
+
root: 'div',
|
|
26
|
+
actions: 'div',
|
|
27
|
+
citation: 'span',
|
|
28
|
+
label: 'span',
|
|
29
|
+
media: 'div'
|
|
30
|
+
},
|
|
31
|
+
root: slot.always(getIntrinsicElementProps('div', {
|
|
32
|
+
ref,
|
|
33
|
+
...props
|
|
34
|
+
}), {
|
|
35
|
+
elementType: 'div'
|
|
36
|
+
}),
|
|
37
|
+
actions: slot.optional(actions, {
|
|
38
|
+
elementType: 'div'
|
|
39
|
+
}),
|
|
40
|
+
citation: slot.optional(citation, {
|
|
41
|
+
elementType: 'span'
|
|
42
|
+
}),
|
|
43
|
+
label: slot.always(label, {
|
|
44
|
+
defaultProps: {
|
|
45
|
+
children
|
|
46
|
+
},
|
|
47
|
+
elementType: 'span'
|
|
48
|
+
}),
|
|
49
|
+
media: slot.optional(media, {
|
|
50
|
+
defaultProps: {
|
|
51
|
+
id: mediaId
|
|
52
|
+
},
|
|
53
|
+
elementType: 'div'
|
|
54
|
+
})
|
|
55
|
+
};
|
|
56
|
+
if ((_state_media = state.media) === null || _state_media === void 0 ? void 0 : _state_media.id) {
|
|
57
|
+
var _state_label_ariadescribedby;
|
|
58
|
+
var _state_label_ariadescribedby_concat;
|
|
59
|
+
state.label['aria-describedby'] = (_state_label_ariadescribedby_concat = (_state_label_ariadescribedby = state.label['aria-describedby']) === null || _state_label_ariadescribedby === void 0 ? void 0 : _state_label_ariadescribedby.concat(state.media.id)) !== null && _state_label_ariadescribedby_concat !== void 0 ? _state_label_ariadescribedby_concat : state.media.id;
|
|
60
|
+
}
|
|
61
|
+
if (state.media && React.isValidElement(state.media.children)) {
|
|
62
|
+
state.media.children = React.cloneElement(state.media.children, {
|
|
63
|
+
className: mergeClasses(state.media.children.props.className, previewHeaderExtraClassNames.mediaChild)
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
return state;
|
|
60
67
|
};
|
|
68
|
+
//# sourceMappingURL=usePreviewHeader.js.map
|
|
@@ -2,9 +2,10 @@ import * as React from 'react';
|
|
|
2
2
|
import { usePreviewMetadata_unstable } from './usePreviewMetadata';
|
|
3
3
|
import { renderPreviewMetadata_unstable } from './renderPreviewMetadata';
|
|
4
4
|
import { usePreviewMetadataStyles_unstable } from './usePreviewMetadataStyles.styles';
|
|
5
|
-
export const PreviewMetadata = /*#__PURE__*/
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
export const PreviewMetadata = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
6
|
+
const state = usePreviewMetadata_unstable(props, ref);
|
|
7
|
+
usePreviewMetadataStyles_unstable(state);
|
|
8
|
+
return renderPreviewMetadata_unstable(state);
|
|
9
9
|
});
|
|
10
10
|
PreviewMetadata.displayName = 'PreviewMetadata';
|
|
11
|
+
//# sourceMappingURL=PreviewMetadata.js.map
|
|
@@ -2,3 +2,4 @@ export { PreviewMetadata } from './PreviewMetadata';
|
|
|
2
2
|
export { renderPreviewMetadata_unstable } from './renderPreviewMetadata';
|
|
3
3
|
export { usePreviewMetadata_unstable } from './usePreviewMetadata';
|
|
4
4
|
export { previewMetadataClassNames, usePreviewMetadataStyles_unstable } from './usePreviewMetadataStyles.styles';
|
|
5
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1,16 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
|
|
2
2
|
import { assertSlots } from '@fluentui/react-components';
|
|
3
3
|
/**
|
|
4
4
|
* Render the final JSX of PreviewMetadata
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
state.tertiaryText && /*#__PURE__*/ _jsx(state.tertiaryText, {}),
|
|
12
|
-
state.icon && /*#__PURE__*/ _jsx(state.icon, {}),
|
|
13
|
-
state.root.children
|
|
14
|
-
]
|
|
15
|
-
});
|
|
5
|
+
*/
|
|
6
|
+
export const renderPreviewMetadata_unstable = state => {
|
|
7
|
+
assertSlots(state);
|
|
8
|
+
return /*#__PURE__*/_jsxs(state.root, {
|
|
9
|
+
children: [state.primaryText && /*#__PURE__*/_jsx(state.primaryText, {}), state.secondaryText && /*#__PURE__*/_jsx(state.secondaryText, {}), state.tertiaryText && /*#__PURE__*/_jsx(state.tertiaryText, {}), state.icon && /*#__PURE__*/_jsx(state.icon, {}), state.root.children]
|
|
10
|
+
});
|
|
16
11
|
};
|
|
12
|
+
//# sourceMappingURL=renderPreviewMetadata.js.map
|
|
@@ -7,33 +7,40 @@ import { getIntrinsicElementProps, slot } from '@fluentui/react-components';
|
|
|
7
7
|
*
|
|
8
8
|
* @param props - props from this instance of PreviewMetadata
|
|
9
9
|
* @param ref - reference to root HTMLElement of PreviewMetadata
|
|
10
|
-
*/
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
10
|
+
*/
|
|
11
|
+
export const usePreviewMetadata_unstable = (props, ref) => {
|
|
12
|
+
const {
|
|
13
|
+
icon,
|
|
14
|
+
primaryText,
|
|
15
|
+
secondaryText,
|
|
16
|
+
tertiaryText
|
|
17
|
+
} = props;
|
|
18
|
+
return {
|
|
19
|
+
components: {
|
|
20
|
+
root: 'div',
|
|
21
|
+
icon: 'span',
|
|
22
|
+
primaryText: 'span',
|
|
23
|
+
secondaryText: 'span',
|
|
24
|
+
tertiaryText: 'span'
|
|
25
|
+
},
|
|
26
|
+
root: slot.always(getIntrinsicElementProps('div', {
|
|
27
|
+
ref,
|
|
28
|
+
...props
|
|
29
|
+
}), {
|
|
30
|
+
elementType: 'div'
|
|
31
|
+
}),
|
|
32
|
+
icon: slot.optional(icon, {
|
|
33
|
+
elementType: 'span'
|
|
34
|
+
}),
|
|
35
|
+
primaryText: slot.optional(primaryText, {
|
|
36
|
+
elementType: 'span'
|
|
37
|
+
}),
|
|
38
|
+
secondaryText: slot.optional(secondaryText, {
|
|
39
|
+
elementType: 'span'
|
|
40
|
+
}),
|
|
41
|
+
tertiaryText: slot.optional(tertiaryText, {
|
|
42
|
+
elementType: 'span'
|
|
43
|
+
})
|
|
44
|
+
};
|
|
39
45
|
};
|
|
46
|
+
//# sourceMappingURL=usePreviewMetadata.js.map
|
|
@@ -2,9 +2,10 @@ import * as React from 'react';
|
|
|
2
2
|
import { usePreviewSurface_unstable } from './usePreviewSurface';
|
|
3
3
|
import { renderPreviewSurface_unstable } from './renderPreviewSurface';
|
|
4
4
|
import { usePreviewSurfaceStyles_unstable } from './usePreviewSurfaceStyles.styles';
|
|
5
|
-
export const PreviewSurface = /*#__PURE__*/
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
export const PreviewSurface = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
6
|
+
const state = usePreviewSurface_unstable(props, ref);
|
|
7
|
+
usePreviewSurfaceStyles_unstable(state);
|
|
8
|
+
return renderPreviewSurface_unstable(state);
|
|
9
9
|
});
|
|
10
10
|
PreviewSurface.displayName = 'PreviewSurface';
|
|
11
|
+
//# sourceMappingURL=PreviewSurface.js.map
|
|
@@ -2,3 +2,4 @@ export { PreviewSurface } from './PreviewSurface';
|
|
|
2
2
|
export { renderPreviewSurface_unstable } from './renderPreviewSurface';
|
|
3
3
|
export { usePreviewSurface_unstable } from './usePreviewSurface';
|
|
4
4
|
export { previewSurfaceClassNames, usePreviewSurfaceStyles_unstable } from './usePreviewSurfaceStyles.styles';
|
|
5
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { renderPopoverSurface_unstable } from '@fluentui/react-components';
|
|
2
2
|
/**
|
|
3
3
|
* Render the final JSX of PreviewSurface
|
|
4
|
-
*/
|
|
5
|
-
|
|
4
|
+
*/
|
|
5
|
+
export const renderPreviewSurface_unstable = state => {
|
|
6
|
+
return renderPopoverSurface_unstable(state);
|
|
6
7
|
};
|
|
8
|
+
//# sourceMappingURL=renderPreviewSurface.js.map
|
|
@@ -9,10 +9,12 @@ import { useDesignVersion } from '@fluentui-copilot/react-provider';
|
|
|
9
9
|
*
|
|
10
10
|
* @param props - props from this instance of PreviewSurface
|
|
11
11
|
* @param ref - reference to root HTMLElement of PreviewSurface
|
|
12
|
-
*/
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
*/
|
|
13
|
+
export const usePreviewSurface_unstable = (props, ref) => {
|
|
14
|
+
const designVersion = useDesignVersion(props.designVersion);
|
|
15
|
+
return {
|
|
16
|
+
designVersion,
|
|
17
|
+
...usePopoverSurface_unstable(props, ref)
|
|
18
|
+
};
|
|
18
19
|
};
|
|
20
|
+
//# sourceMappingURL=usePreviewSurface.js.map
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { usePreviewTrigger_unstable } from './usePreviewTrigger';
|
|
2
2
|
import { renderPreviewTrigger_unstable } from './renderPreviewTrigger';
|
|
3
|
-
export const PreviewTrigger =
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
export const PreviewTrigger = props => {
|
|
4
|
+
const state = usePreviewTrigger_unstable(props);
|
|
5
|
+
return renderPreviewTrigger_unstable(state);
|
|
6
6
|
};
|
|
7
7
|
PreviewTrigger.displayName = 'PreviewTrigger';
|
|
8
|
+
//# sourceMappingURL=PreviewTrigger.js.map
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { renderPopoverTrigger_unstable } from '@fluentui/react-components';
|
|
2
2
|
/**
|
|
3
3
|
* Render the final JSX of PreviewTrigger
|
|
4
|
-
*/
|
|
5
|
-
|
|
4
|
+
*/
|
|
5
|
+
export const renderPreviewTrigger_unstable = state => {
|
|
6
|
+
return renderPopoverTrigger_unstable(state);
|
|
6
7
|
};
|
|
8
|
+
//# sourceMappingURL=renderPreviewTrigger.js.map
|
|
@@ -8,6 +8,8 @@ import { usePopoverTrigger_unstable } from '@fluentui/react-components';
|
|
|
8
8
|
*
|
|
9
9
|
* @param props - props from this instance of PreviewTrigger
|
|
10
10
|
* @param ref - reference to root HTMLElement of PreviewTrigger
|
|
11
|
-
*/
|
|
12
|
-
|
|
11
|
+
*/
|
|
12
|
+
export const usePreviewTrigger_unstable = props => {
|
|
13
|
+
return usePopoverTrigger_unstable(props);
|
|
13
14
|
};
|
|
15
|
+
//# sourceMappingURL=usePreviewTrigger.js.map
|
package/lib/index.js
CHANGED
|
@@ -5,3 +5,4 @@ export { PreviewSurface, previewSurfaceClassNames, renderPreviewSurface_unstable
|
|
|
5
5
|
export { PreviewTrigger, renderPreviewTrigger_unstable, usePreviewTrigger_unstable } from './PreviewTrigger';
|
|
6
6
|
export { PreviewContent, previewContentClassNames, renderPreviewContent_unstable, usePreviewContentStyles_unstable, usePreviewContent_unstable } from './PreviewContent';
|
|
7
7
|
export { PreviewContext, PreviewContextProvider, usePreviewContext_unstable } from './previewContext';
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
package/lib/previewContext.js
CHANGED
|
@@ -1,24 +1,25 @@
|
|
|
1
1
|
import { createContext, useContextSelector } from '@fluentui/react-context-selector';
|
|
2
2
|
export const PreviewContext = createContext(undefined);
|
|
3
3
|
const previewContextDefaultValue = {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
4
|
+
open: false,
|
|
5
|
+
setOpen: () => null,
|
|
6
|
+
toggleOpen: () => null,
|
|
7
|
+
triggerRef: {
|
|
8
|
+
current: null
|
|
9
|
+
},
|
|
10
|
+
contentRef: {
|
|
11
|
+
current: null
|
|
12
|
+
},
|
|
13
|
+
arrowRef: {
|
|
14
|
+
current: null
|
|
15
|
+
},
|
|
16
|
+
openOnContext: false,
|
|
17
|
+
openOnHover: false,
|
|
18
|
+
size: 'medium',
|
|
19
|
+
trapFocus: false,
|
|
20
|
+
inline: false,
|
|
21
|
+
isPreviewLocked: false
|
|
22
22
|
};
|
|
23
23
|
export const PreviewContextProvider = PreviewContext.Provider;
|
|
24
|
-
export const usePreviewContext_unstable =
|
|
24
|
+
export const usePreviewContext_unstable = selector => useContextSelector(PreviewContext, (ctx = previewContextDefaultValue) => selector(ctx));
|
|
25
|
+
//# sourceMappingURL=previewContext.js.map
|
package/lib/utils/index.js
CHANGED
|
@@ -1,22 +1,23 @@
|
|
|
1
1
|
const openedByHoverPreviewManager = [];
|
|
2
2
|
export function addOpenedByHoverPreview(id, closeCallback) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
openedByHoverPreviewManager.push({
|
|
4
|
+
id,
|
|
5
|
+
closeCallback
|
|
6
|
+
});
|
|
7
7
|
}
|
|
8
8
|
export function removeOpenedByHoverPreview(id) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
let index = openedByHoverPreviewManager.findIndex(preview => preview.id === id);
|
|
10
|
+
while (index !== -1) {
|
|
11
|
+
openedByHoverPreviewManager.splice(index, 1);
|
|
12
|
+
index = openedByHoverPreviewManager.findIndex(preview => preview.id === id);
|
|
13
|
+
}
|
|
14
14
|
}
|
|
15
15
|
export function closeAllOpenedByHoverPreviews(id) {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
16
|
+
for (const openedPreview of openedByHoverPreviewManager) {
|
|
17
|
+
if (openedPreview.id !== id) {
|
|
18
|
+
openedPreview.closeCallback();
|
|
20
19
|
}
|
|
21
|
-
|
|
20
|
+
}
|
|
21
|
+
openedByHoverPreviewManager.length = 0;
|
|
22
22
|
}
|
|
23
|
+
//# sourceMappingURL=openedByHoverPreviewManager.js.map
|
package/lib-commonjs/Preview.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Preview.tsx"],"sourcesContent":["import type * as React from 'react';\n\nimport { usePreview_unstable } from './usePreview';\nimport { renderPreview_unstable } from './renderPreview';\nimport type { PreviewProps } from './Preview.types';\n\nexport const Preview: React.FC<PreviewProps> = props => {\n const state = usePreview_unstable(props);\n\n return renderPreview_unstable(state);\n};\n\nPreview.displayName = 'Preview';\n"],"names":["Preview","props","state","usePreview_unstable","renderPreview_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;4BAJuB;+BACG;AAGhC,MAAMA,UAAkCC,CAAAA;
|
|
1
|
+
{"version":3,"sources":["Preview.tsx"],"sourcesContent":["import type * as React from 'react';\n\nimport { usePreview_unstable } from './usePreview';\nimport { renderPreview_unstable } from './renderPreview';\nimport type { PreviewProps } from './Preview.types';\n\nexport const Preview: React.FC<PreviewProps> = props => {\n const state = usePreview_unstable(props);\n\n return renderPreview_unstable(state);\n};\n\nPreview.displayName = 'Preview';\n"],"names":["Preview","props","state","usePreview_unstable","renderPreview_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;4BAJuB;+BACG;AAGhC,MAAMA,UAAkCC,CAAAA;UAC7CC,QAAMA,IAAAA,+BAAQC,EAAAA;WAEdC,IAAAA,qCAAOA,EAAAA;AACT;AAEAJ,QAAQK,WAAW,GAAG"}
|