@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.
Files changed (119) hide show
  1. package/CHANGELOG.json +3 -3
  2. package/CHANGELOG.md +4 -4
  3. package/lib/Preview.js +1 -0
  4. package/lib/PreviewContent.js +1 -0
  5. package/lib/PreviewHeader.js +1 -0
  6. package/lib/PreviewMetadata.js +1 -0
  7. package/lib/PreviewSurface.js +1 -0
  8. package/lib/PreviewTrigger.js +1 -0
  9. package/lib/components/Preview/Preview.js +4 -3
  10. package/lib/components/Preview/Preview.types.js +2 -1
  11. package/lib/components/Preview/index.js +1 -0
  12. package/lib/components/Preview/renderPreview.js +41 -22
  13. package/lib/components/Preview/usePreview.js +239 -234
  14. package/lib/components/PreviewContent/PreviewContent.js +5 -4
  15. package/lib/components/PreviewContent/PreviewContent.types.js +2 -1
  16. package/lib/components/PreviewContent/index.js +1 -0
  17. package/lib/components/PreviewContent/renderPreviewContent.js +6 -4
  18. package/lib/components/PreviewContent/usePreviewContent.js +14 -12
  19. package/lib/components/PreviewHeader/PreviewHeader.js +5 -4
  20. package/lib/components/PreviewHeader/PreviewHeader.types.js +2 -1
  21. package/lib/components/PreviewHeader/index.js +1 -0
  22. package/lib/components/PreviewHeader/renderPreviewHeader.js +8 -11
  23. package/lib/components/PreviewHeader/usePreviewHeader.js +56 -48
  24. package/lib/components/PreviewMetadata/PreviewMetadata.js +5 -4
  25. package/lib/components/PreviewMetadata/PreviewMetadata.types.js +2 -1
  26. package/lib/components/PreviewMetadata/index.js +1 -0
  27. package/lib/components/PreviewMetadata/renderPreviewMetadata.js +8 -12
  28. package/lib/components/PreviewMetadata/usePreviewMetadata.js +36 -29
  29. package/lib/components/PreviewSurface/PreviewSurface.js +5 -4
  30. package/lib/components/PreviewSurface/PreviewSurface.types.js +2 -1
  31. package/lib/components/PreviewSurface/index.js +1 -0
  32. package/lib/components/PreviewSurface/renderPreviewSurface.js +4 -2
  33. package/lib/components/PreviewSurface/usePreviewSurface.js +8 -6
  34. package/lib/components/PreviewTrigger/PreviewTrigger.js +4 -3
  35. package/lib/components/PreviewTrigger/PreviewTrigger.types.js +2 -1
  36. package/lib/components/PreviewTrigger/index.js +1 -0
  37. package/lib/components/PreviewTrigger/renderPreviewTrigger.js +4 -2
  38. package/lib/components/PreviewTrigger/usePreviewTrigger.js +4 -2
  39. package/lib/index.js +1 -0
  40. package/lib/previewContext.js +20 -19
  41. package/lib/utils/index.js +1 -0
  42. package/lib/utils/openedByHoverPreviewManager.js +15 -14
  43. package/lib-commonjs/Preview.js +1 -0
  44. package/lib-commonjs/PreviewContent.js +1 -0
  45. package/lib-commonjs/PreviewHeader.js +1 -0
  46. package/lib-commonjs/PreviewMetadata.js +1 -0
  47. package/lib-commonjs/PreviewSurface.js +1 -0
  48. package/lib-commonjs/PreviewTrigger.js +1 -0
  49. package/lib-commonjs/components/Preview/Preview.js +1 -1
  50. package/lib-commonjs/components/Preview/Preview.js.map +1 -1
  51. package/lib-commonjs/components/Preview/Preview.types.js +1 -0
  52. package/lib-commonjs/components/Preview/index.js +1 -0
  53. package/lib-commonjs/components/Preview/renderPreview.js +1 -1
  54. package/lib-commonjs/components/Preview/renderPreview.js.map +1 -1
  55. package/lib-commonjs/components/Preview/usePreview.js +1 -1
  56. package/lib-commonjs/components/Preview/usePreview.js.map +1 -1
  57. package/lib-commonjs/components/PreviewContent/PreviewContent.js +1 -1
  58. package/lib-commonjs/components/PreviewContent/PreviewContent.js.map +1 -1
  59. package/lib-commonjs/components/PreviewContent/PreviewContent.types.js +1 -0
  60. package/lib-commonjs/components/PreviewContent/index.js +1 -0
  61. package/lib-commonjs/components/PreviewContent/renderPreviewContent.js +1 -1
  62. package/lib-commonjs/components/PreviewContent/renderPreviewContent.js.map +1 -1
  63. package/lib-commonjs/components/PreviewContent/usePreviewContent.js +1 -1
  64. package/lib-commonjs/components/PreviewContent/usePreviewContent.js.map +1 -1
  65. package/lib-commonjs/components/PreviewHeader/PreviewHeader.js +1 -1
  66. package/lib-commonjs/components/PreviewHeader/PreviewHeader.js.map +1 -1
  67. package/lib-commonjs/components/PreviewHeader/PreviewHeader.types.js +1 -0
  68. package/lib-commonjs/components/PreviewHeader/index.js +1 -0
  69. package/lib-commonjs/components/PreviewHeader/renderPreviewHeader.js +1 -1
  70. package/lib-commonjs/components/PreviewHeader/renderPreviewHeader.js.map +1 -1
  71. package/lib-commonjs/components/PreviewHeader/usePreviewHeader.js +1 -1
  72. package/lib-commonjs/components/PreviewHeader/usePreviewHeader.js.map +1 -1
  73. package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.js +1 -1
  74. package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.js.map +1 -1
  75. package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.types.js +1 -0
  76. package/lib-commonjs/components/PreviewMetadata/index.js +1 -0
  77. package/lib-commonjs/components/PreviewMetadata/renderPreviewMetadata.js +1 -1
  78. package/lib-commonjs/components/PreviewMetadata/renderPreviewMetadata.js.map +1 -1
  79. package/lib-commonjs/components/PreviewMetadata/usePreviewMetadata.js +1 -1
  80. package/lib-commonjs/components/PreviewMetadata/usePreviewMetadata.js.map +1 -1
  81. package/lib-commonjs/components/PreviewSurface/PreviewSurface.js +1 -1
  82. package/lib-commonjs/components/PreviewSurface/PreviewSurface.js.map +1 -1
  83. package/lib-commonjs/components/PreviewSurface/PreviewSurface.types.js +1 -0
  84. package/lib-commonjs/components/PreviewSurface/index.js +1 -0
  85. package/lib-commonjs/components/PreviewSurface/renderPreviewSurface.js +1 -1
  86. package/lib-commonjs/components/PreviewSurface/renderPreviewSurface.js.map +1 -1
  87. package/lib-commonjs/components/PreviewSurface/usePreviewSurface.js +1 -1
  88. package/lib-commonjs/components/PreviewSurface/usePreviewSurface.js.map +1 -1
  89. package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.js +1 -1
  90. package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.js.map +1 -1
  91. package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.types.js +1 -0
  92. package/lib-commonjs/components/PreviewTrigger/index.js +1 -0
  93. package/lib-commonjs/components/PreviewTrigger/renderPreviewTrigger.js +1 -1
  94. package/lib-commonjs/components/PreviewTrigger/renderPreviewTrigger.js.map +1 -1
  95. package/lib-commonjs/components/PreviewTrigger/usePreviewTrigger.js +1 -1
  96. package/lib-commonjs/components/PreviewTrigger/usePreviewTrigger.js.map +1 -1
  97. package/lib-commonjs/index.js +1 -0
  98. package/lib-commonjs/previewContext.js +1 -1
  99. package/lib-commonjs/previewContext.js.map +1 -1
  100. package/lib-commonjs/utils/index.js +1 -0
  101. package/lib-commonjs/utils/openedByHoverPreviewManager.js +1 -1
  102. package/lib-commonjs/utils/openedByHoverPreviewManager.js.map +1 -1
  103. package/package.json +3 -3
  104. package/lib/components/PreviewContent/usePreviewContentStyles.styles.raw.js +0 -26
  105. package/lib/components/PreviewContent/usePreviewContentStyles.styles.raw.js.map +0 -1
  106. package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js +0 -110
  107. package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js.map +0 -1
  108. package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js +0 -56
  109. package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js.map +0 -1
  110. package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js +0 -29
  111. package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js.map +0 -1
  112. package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.raw.js +0 -42
  113. package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.raw.js.map +0 -1
  114. package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js +0 -129
  115. package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js.map +0 -1
  116. package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js +0 -72
  117. package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js.map +0 -1
  118. package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js +0 -45
  119. 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__*/ React.forwardRef((props, ref)=>{
6
- const state = usePreviewContent_unstable(props, ref);
7
- usePreviewContentStyles_unstable(state);
8
- return renderPreviewContent_unstable(state);
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
@@ -1,3 +1,4 @@
1
1
  /**
2
2
  * State used in rendering PreviewContent
3
- */ export { };
3
+ */export {};
4
+ //# sourceMappingURL=PreviewContent.types.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
- import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
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
- */ export const renderPreviewContent_unstable = (state)=>{
6
- assertSlots(state);
7
- return /*#__PURE__*/ _jsx(state.root, {});
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
- */ export const usePreviewContent_unstable = (props, ref)=>{
11
- return {
12
- components: {
13
- root: 'div'
14
- },
15
- root: slot.always(getIntrinsicElementProps('div', {
16
- ref,
17
- ...props
18
- }), {
19
- elementType: 'div'
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__*/ React.forwardRef((props, ref)=>{
6
- const state = usePreviewHeader_unstable(props, ref);
7
- usePreviewHeaderStyles_unstable(state);
8
- return renderPreviewHeader_unstable(state);
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
@@ -1,3 +1,4 @@
1
1
  /**
2
2
  * State used in rendering PreviewHeader
3
- */ export { };
3
+ */export {};
4
+ //# sourceMappingURL=PreviewHeader.types.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
- import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
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
- */ export const renderPreviewHeader_unstable = (state)=>{
6
- assertSlots(state);
7
- return /*#__PURE__*/ _jsxs(state.root, {
8
- children: [
9
- state.citation && /*#__PURE__*/ _jsx(state.citation, {}),
10
- state.media && /*#__PURE__*/ _jsx(state.media, {}),
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
- */ export const usePreviewHeader_unstable = (props, ref)=>{
13
- var _state_media;
14
- const { actions, children, citation, label, media } = props;
15
- const mediaId = useId('media');
16
- const state = {
17
- components: {
18
- root: 'div',
19
- actions: 'div',
20
- citation: 'span',
21
- label: 'span',
22
- media: 'div'
23
- },
24
- root: slot.always(getIntrinsicElementProps('div', {
25
- ref,
26
- ...props
27
- }), {
28
- elementType: 'div'
29
- }),
30
- actions: slot.optional(actions, {
31
- elementType: 'div'
32
- }),
33
- citation: slot.optional(citation, {
34
- elementType: 'span'
35
- }),
36
- label: slot.always(label, {
37
- defaultProps: {
38
- children
39
- },
40
- elementType: 'span'
41
- }),
42
- media: slot.optional(media, {
43
- defaultProps: {
44
- id: mediaId
45
- },
46
- elementType: 'div'
47
- })
48
- };
49
- if ((_state_media = state.media) === null || _state_media === void 0 ? void 0 : _state_media.id) {
50
- var _state_label_ariadescribedby;
51
- var _state_label_ariadescribedby_concat;
52
- 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;
53
- }
54
- if (state.media && React.isValidElement(state.media.children)) {
55
- state.media.children = React.cloneElement(state.media.children, {
56
- className: mergeClasses(state.media.children.props.className, previewHeaderExtraClassNames.mediaChild)
57
- });
58
- }
59
- return state;
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__*/ React.forwardRef((props, ref)=>{
6
- const state = usePreviewMetadata_unstable(props, ref);
7
- usePreviewMetadataStyles_unstable(state);
8
- return renderPreviewMetadata_unstable(state);
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
@@ -1,3 +1,4 @@
1
1
  /**
2
2
  * State used in rendering PreviewMetadata
3
- */ export { };
3
+ */export {};
4
+ //# sourceMappingURL=PreviewMetadata.types.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
- import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
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
- */ export const renderPreviewMetadata_unstable = (state)=>{
6
- assertSlots(state);
7
- return /*#__PURE__*/ _jsxs(state.root, {
8
- children: [
9
- state.primaryText && /*#__PURE__*/ _jsx(state.primaryText, {}),
10
- state.secondaryText && /*#__PURE__*/ _jsx(state.secondaryText, {}),
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
- */ export const usePreviewMetadata_unstable = (props, ref)=>{
11
- const { icon, primaryText, secondaryText, tertiaryText } = props;
12
- return {
13
- components: {
14
- root: 'div',
15
- icon: 'span',
16
- primaryText: 'span',
17
- secondaryText: 'span',
18
- tertiaryText: 'span'
19
- },
20
- root: slot.always(getIntrinsicElementProps('div', {
21
- ref,
22
- ...props
23
- }), {
24
- elementType: 'div'
25
- }),
26
- icon: slot.optional(icon, {
27
- elementType: 'span'
28
- }),
29
- primaryText: slot.optional(primaryText, {
30
- elementType: 'span'
31
- }),
32
- secondaryText: slot.optional(secondaryText, {
33
- elementType: 'span'
34
- }),
35
- tertiaryText: slot.optional(tertiaryText, {
36
- elementType: 'span'
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__*/ React.forwardRef((props, ref)=>{
6
- const state = usePreviewSurface_unstable(props, ref);
7
- usePreviewSurfaceStyles_unstable(state);
8
- return renderPreviewSurface_unstable(state);
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
@@ -1,3 +1,4 @@
1
1
  /**
2
2
  * State used in rendering PreviewSurface
3
- */ export { };
3
+ */export {};
4
+ //# sourceMappingURL=PreviewSurface.types.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
- */ export const renderPreviewSurface_unstable = (state)=>{
5
- return renderPopoverSurface_unstable(state);
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
- */ export const usePreviewSurface_unstable = (props, ref)=>{
13
- const designVersion = useDesignVersion(props.designVersion);
14
- return {
15
- designVersion,
16
- ...usePopoverSurface_unstable(props, ref)
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 = (props)=>{
4
- const state = usePreviewTrigger_unstable(props);
5
- return renderPreviewTrigger_unstable(state);
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,3 +1,4 @@
1
1
  /**
2
2
  * Props that are passed to the child of the PreviewTrigger when cloned to ensure correct behavior for the Preview.
3
- */ export { };
3
+ */export {};
4
+ //# sourceMappingURL=PreviewTrigger.types.js.map
@@ -1,3 +1,4 @@
1
1
  export { PreviewTrigger } from './PreviewTrigger';
2
2
  export { renderPreviewTrigger_unstable } from './renderPreviewTrigger';
3
3
  export { usePreviewTrigger_unstable } from './usePreviewTrigger';
4
+ //# sourceMappingURL=index.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
- */ export const renderPreviewTrigger_unstable = (state)=>{
5
- return renderPopoverTrigger_unstable(state);
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
- */ export const usePreviewTrigger_unstable = (props)=>{
12
- return usePopoverTrigger_unstable(props);
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
@@ -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
- 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
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 = (selector)=>useContextSelector(PreviewContext, (ctx = previewContextDefaultValue)=>selector(ctx));
24
+ export const usePreviewContext_unstable = selector => useContextSelector(PreviewContext, (ctx = previewContextDefaultValue) => selector(ctx));
25
+ //# sourceMappingURL=previewContext.js.map
@@ -1 +1,2 @@
1
1
  export { addOpenedByHoverPreview, closeAllOpenedByHoverPreviews, removeOpenedByHoverPreview } from './openedByHoverPreviewManager';
2
+ //# sourceMappingURL=index.js.map
@@ -1,22 +1,23 @@
1
1
  const openedByHoverPreviewManager = [];
2
2
  export function addOpenedByHoverPreview(id, closeCallback) {
3
- openedByHoverPreviewManager.push({
4
- id,
5
- closeCallback
6
- });
3
+ openedByHoverPreviewManager.push({
4
+ id,
5
+ closeCallback
6
+ });
7
7
  }
8
8
  export function removeOpenedByHoverPreview(id) {
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
- }
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
- for (const openedPreview of openedByHoverPreviewManager){
17
- if (openedPreview.id !== id) {
18
- openedPreview.closeCallback();
19
- }
16
+ for (const openedPreview of openedByHoverPreviewManager) {
17
+ if (openedPreview.id !== id) {
18
+ openedPreview.closeCallback();
20
19
  }
21
- openedByHoverPreviewManager.length = 0;
20
+ }
21
+ openedByHoverPreviewManager.length = 0;
22
22
  }
23
+ //# sourceMappingURL=openedByHoverPreviewManager.js.map
@@ -20,3 +20,4 @@ _export(exports, {
20
20
  }
21
21
  });
22
22
  const _index = require("./components/Preview/index");
23
+ //# sourceMappingURL=Preview.js.map
@@ -26,3 +26,4 @@ _export(exports, {
26
26
  }
27
27
  });
28
28
  const _index = require("./components/PreviewContent/index");
29
+ //# sourceMappingURL=PreviewContent.js.map
@@ -29,3 +29,4 @@ _export(exports, {
29
29
  }
30
30
  });
31
31
  const _index = require("./components/PreviewHeader/index");
32
+ //# sourceMappingURL=PreviewHeader.js.map
@@ -26,3 +26,4 @@ _export(exports, {
26
26
  }
27
27
  });
28
28
  const _index = require("./components/PreviewMetadata/index");
29
+ //# sourceMappingURL=PreviewMetadata.js.map
@@ -26,3 +26,4 @@ _export(exports, {
26
26
  }
27
27
  });
28
28
  const _index = require("./components/PreviewSurface/index");
29
+ //# sourceMappingURL=PreviewSurface.js.map
@@ -20,3 +20,4 @@ _export(exports, {
20
20
  }
21
21
  });
22
22
  const _index = require("./components/PreviewTrigger/index");
23
+ //# sourceMappingURL=PreviewTrigger.js.map
@@ -14,4 +14,4 @@ const Preview = (props)=>{
14
14
  const state = (0, _usePreview.usePreview_unstable)(props);
15
15
  return (0, _renderPreview.renderPreview_unstable)(state);
16
16
  };
17
- Preview.displayName = 'Preview';
17
+ Preview.displayName = 'Preview'; //# sourceMappingURL=Preview.js.map
@@ -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;IAC7C,MAAMC,QAAQC,IAAAA,+BAAAA,EAAoBF;IAElC,OAAOG,IAAAA,qCAAAA,EAAuBF;AAChC;AAEAF,QAAQK,WAAW,GAAG"}
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"}