@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.
Files changed (196) hide show
  1. package/CHANGELOG.json +3 -3
  2. package/CHANGELOG.md +4 -4
  3. package/dist/index.d.ts +291 -0
  4. package/lib/Preview.js +1 -0
  5. package/lib/Preview.js.map +1 -0
  6. package/lib/PreviewContent.js +1 -0
  7. package/lib/PreviewContent.js.map +1 -0
  8. package/lib/PreviewHeader.js +1 -0
  9. package/lib/PreviewHeader.js.map +1 -0
  10. package/lib/PreviewMetadata.js +1 -0
  11. package/lib/PreviewMetadata.js.map +1 -0
  12. package/lib/PreviewSurface.js +1 -0
  13. package/lib/PreviewSurface.js.map +1 -0
  14. package/lib/PreviewTrigger.js +1 -0
  15. package/lib/PreviewTrigger.js.map +1 -0
  16. package/lib/components/Preview/Preview.js +7 -0
  17. package/lib/components/Preview/Preview.js.map +1 -0
  18. package/lib/components/Preview/Preview.types.js +3 -0
  19. package/lib/components/Preview/Preview.types.js.map +1 -0
  20. package/lib/components/Preview/index.js +3 -0
  21. package/lib/components/Preview/index.js.map +1 -0
  22. package/lib/components/Preview/renderPreview.js +28 -0
  23. package/lib/components/Preview/renderPreview.js.map +1 -0
  24. package/lib/components/Preview/usePreview.js +261 -0
  25. package/lib/components/Preview/usePreview.js.map +1 -0
  26. package/lib/components/PreviewContent/PreviewContent.js +10 -0
  27. package/lib/components/PreviewContent/PreviewContent.js.map +1 -0
  28. package/lib/components/PreviewContent/PreviewContent.types.js +3 -0
  29. package/lib/components/PreviewContent/PreviewContent.types.js.map +1 -0
  30. package/lib/components/PreviewContent/index.js +4 -0
  31. package/lib/components/PreviewContent/index.js.map +1 -0
  32. package/lib/components/PreviewContent/renderPreviewContent.js +8 -0
  33. package/lib/components/PreviewContent/renderPreviewContent.js.map +1 -0
  34. package/lib/components/PreviewContent/usePreviewContent.js +22 -0
  35. package/lib/components/PreviewContent/usePreviewContent.js.map +1 -0
  36. package/lib/components/PreviewContent/usePreviewContentStyles.styles.js +20 -0
  37. package/lib/components/PreviewContent/usePreviewContentStyles.styles.js.map +1 -0
  38. package/lib/components/PreviewContent/usePreviewContentStyles.styles.raw.js +26 -0
  39. package/lib/components/PreviewContent/usePreviewContentStyles.styles.raw.js.map +1 -0
  40. package/lib/components/PreviewHeader/PreviewHeader.js +10 -0
  41. package/lib/components/PreviewHeader/PreviewHeader.js.map +1 -0
  42. package/lib/components/PreviewHeader/PreviewHeader.types.js +3 -0
  43. package/lib/components/PreviewHeader/PreviewHeader.types.js.map +1 -0
  44. package/lib/components/PreviewHeader/index.js +4 -0
  45. package/lib/components/PreviewHeader/index.js.map +1 -0
  46. package/lib/components/PreviewHeader/renderPreviewHeader.js +15 -0
  47. package/lib/components/PreviewHeader/renderPreviewHeader.js.map +1 -0
  48. package/lib/components/PreviewHeader/usePreviewHeader.js +60 -0
  49. package/lib/components/PreviewHeader/usePreviewHeader.js.map +1 -0
  50. package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.js +75 -0
  51. package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.js.map +1 -0
  52. package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js +110 -0
  53. package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js.map +1 -0
  54. package/lib/components/PreviewMetadata/PreviewMetadata.js +10 -0
  55. package/lib/components/PreviewMetadata/PreviewMetadata.js.map +1 -0
  56. package/lib/components/PreviewMetadata/PreviewMetadata.types.js +3 -0
  57. package/lib/components/PreviewMetadata/PreviewMetadata.types.js.map +1 -0
  58. package/lib/components/PreviewMetadata/index.js +4 -0
  59. package/lib/components/PreviewMetadata/index.js.map +1 -0
  60. package/lib/components/PreviewMetadata/renderPreviewMetadata.js +16 -0
  61. package/lib/components/PreviewMetadata/renderPreviewMetadata.js.map +1 -0
  62. package/lib/components/PreviewMetadata/usePreviewMetadata.js +39 -0
  63. package/lib/components/PreviewMetadata/usePreviewMetadata.js.map +1 -0
  64. package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.js +56 -0
  65. package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.js.map +1 -0
  66. package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js +56 -0
  67. package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js.map +1 -0
  68. package/lib/components/PreviewSurface/PreviewSurface.js +10 -0
  69. package/lib/components/PreviewSurface/PreviewSurface.js.map +1 -0
  70. package/lib/components/PreviewSurface/PreviewSurface.types.js +3 -0
  71. package/lib/components/PreviewSurface/PreviewSurface.types.js.map +1 -0
  72. package/lib/components/PreviewSurface/index.js +4 -0
  73. package/lib/components/PreviewSurface/index.js.map +1 -0
  74. package/lib/components/PreviewSurface/renderPreviewSurface.js +6 -0
  75. package/lib/components/PreviewSurface/renderPreviewSurface.js.map +1 -0
  76. package/lib/components/PreviewSurface/usePreviewSurface.js +18 -0
  77. package/lib/components/PreviewSurface/usePreviewSurface.js.map +1 -0
  78. package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.js +51 -0
  79. package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.js.map +1 -0
  80. package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js +29 -0
  81. package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js.map +1 -0
  82. package/lib/components/PreviewTrigger/PreviewTrigger.js +7 -0
  83. package/lib/components/PreviewTrigger/PreviewTrigger.js.map +1 -0
  84. package/lib/components/PreviewTrigger/PreviewTrigger.types.js +3 -0
  85. package/lib/components/PreviewTrigger/PreviewTrigger.types.js.map +1 -0
  86. package/lib/components/PreviewTrigger/index.js +3 -0
  87. package/lib/components/PreviewTrigger/index.js.map +1 -0
  88. package/lib/components/PreviewTrigger/renderPreviewTrigger.js +6 -0
  89. package/lib/components/PreviewTrigger/renderPreviewTrigger.js.map +1 -0
  90. package/lib/components/PreviewTrigger/usePreviewTrigger.js +13 -0
  91. package/lib/components/PreviewTrigger/usePreviewTrigger.js.map +1 -0
  92. package/lib/index.js +7 -0
  93. package/lib/index.js.map +1 -0
  94. package/lib/previewContext.js +24 -0
  95. package/lib/previewContext.js.map +1 -0
  96. package/lib/utils/index.js +1 -0
  97. package/lib/utils/index.js.map +1 -0
  98. package/lib/utils/openedByHoverPreviewManager.js +22 -0
  99. package/lib/utils/openedByHoverPreviewManager.js.map +1 -0
  100. package/lib-commonjs/Preview.js +22 -0
  101. package/lib-commonjs/Preview.js.map +1 -0
  102. package/lib-commonjs/PreviewContent.js +28 -0
  103. package/lib-commonjs/PreviewContent.js.map +1 -0
  104. package/lib-commonjs/PreviewHeader.js +31 -0
  105. package/lib-commonjs/PreviewHeader.js.map +1 -0
  106. package/lib-commonjs/PreviewMetadata.js +28 -0
  107. package/lib-commonjs/PreviewMetadata.js.map +1 -0
  108. package/lib-commonjs/PreviewSurface.js +28 -0
  109. package/lib-commonjs/PreviewSurface.js.map +1 -0
  110. package/lib-commonjs/PreviewTrigger.js +22 -0
  111. package/lib-commonjs/PreviewTrigger.js.map +1 -0
  112. package/lib-commonjs/components/Preview/Preview.js +17 -0
  113. package/lib-commonjs/components/Preview/Preview.js.map +1 -0
  114. package/lib-commonjs/components/Preview/Preview.types.js +6 -0
  115. package/lib-commonjs/components/Preview/Preview.types.js.map +1 -0
  116. package/lib-commonjs/components/Preview/index.js +24 -0
  117. package/lib-commonjs/components/Preview/index.js.map +1 -0
  118. package/lib-commonjs/components/Preview/renderPreview.js +37 -0
  119. package/lib-commonjs/components/Preview/renderPreview.js.map +1 -0
  120. package/lib-commonjs/components/Preview/usePreview.js +264 -0
  121. package/lib-commonjs/components/Preview/usePreview.js.map +1 -0
  122. package/lib-commonjs/components/PreviewContent/PreviewContent.js +21 -0
  123. package/lib-commonjs/components/PreviewContent/PreviewContent.js.map +1 -0
  124. package/lib-commonjs/components/PreviewContent/PreviewContent.types.js +6 -0
  125. package/lib-commonjs/components/PreviewContent/PreviewContent.types.js.map +1 -0
  126. package/lib-commonjs/components/PreviewContent/index.js +31 -0
  127. package/lib-commonjs/components/PreviewContent/index.js.map +1 -0
  128. package/lib-commonjs/components/PreviewContent/renderPreviewContent.js +16 -0
  129. package/lib-commonjs/components/PreviewContent/renderPreviewContent.js.map +1 -0
  130. package/lib-commonjs/components/PreviewContent/usePreviewContent.js +24 -0
  131. package/lib-commonjs/components/PreviewContent/usePreviewContent.js.map +1 -0
  132. package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.js +33 -0
  133. package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.js.map +1 -0
  134. package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.raw.js +42 -0
  135. package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.raw.js.map +1 -0
  136. package/lib-commonjs/components/PreviewHeader/PreviewHeader.js +21 -0
  137. package/lib-commonjs/components/PreviewHeader/PreviewHeader.js.map +1 -0
  138. package/lib-commonjs/components/PreviewHeader/PreviewHeader.types.js +6 -0
  139. package/lib-commonjs/components/PreviewHeader/PreviewHeader.types.js.map +1 -0
  140. package/lib-commonjs/components/PreviewHeader/index.js +34 -0
  141. package/lib-commonjs/components/PreviewHeader/index.js.map +1 -0
  142. package/lib-commonjs/components/PreviewHeader/renderPreviewHeader.js +23 -0
  143. package/lib-commonjs/components/PreviewHeader/renderPreviewHeader.js.map +1 -0
  144. package/lib-commonjs/components/PreviewHeader/usePreviewHeader.js +63 -0
  145. package/lib-commonjs/components/PreviewHeader/usePreviewHeader.js.map +1 -0
  146. package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.js +111 -0
  147. package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.js.map +1 -0
  148. package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js +129 -0
  149. package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js.map +1 -0
  150. package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.js +21 -0
  151. package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.js.map +1 -0
  152. package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.types.js +6 -0
  153. package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.types.js.map +1 -0
  154. package/lib-commonjs/components/PreviewMetadata/index.js +31 -0
  155. package/lib-commonjs/components/PreviewMetadata/index.js.map +1 -0
  156. package/lib-commonjs/components/PreviewMetadata/renderPreviewMetadata.js +24 -0
  157. package/lib-commonjs/components/PreviewMetadata/renderPreviewMetadata.js.map +1 -0
  158. package/lib-commonjs/components/PreviewMetadata/usePreviewMetadata.js +41 -0
  159. package/lib-commonjs/components/PreviewMetadata/usePreviewMetadata.js.map +1 -0
  160. package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.js +105 -0
  161. package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.js.map +1 -0
  162. package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js +72 -0
  163. package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js.map +1 -0
  164. package/lib-commonjs/components/PreviewSurface/PreviewSurface.js +21 -0
  165. package/lib-commonjs/components/PreviewSurface/PreviewSurface.js.map +1 -0
  166. package/lib-commonjs/components/PreviewSurface/PreviewSurface.types.js +6 -0
  167. package/lib-commonjs/components/PreviewSurface/PreviewSurface.types.js.map +1 -0
  168. package/lib-commonjs/components/PreviewSurface/index.js +31 -0
  169. package/lib-commonjs/components/PreviewSurface/index.js.map +1 -0
  170. package/lib-commonjs/components/PreviewSurface/renderPreviewSurface.js +14 -0
  171. package/lib-commonjs/components/PreviewSurface/renderPreviewSurface.js.map +1 -0
  172. package/lib-commonjs/components/PreviewSurface/usePreviewSurface.js +19 -0
  173. package/lib-commonjs/components/PreviewSurface/usePreviewSurface.js.map +1 -0
  174. package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.js +71 -0
  175. package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.js.map +1 -0
  176. package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js +45 -0
  177. package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js.map +1 -0
  178. package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.js +17 -0
  179. package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.js.map +1 -0
  180. package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.types.js +6 -0
  181. package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.types.js.map +1 -0
  182. package/lib-commonjs/components/PreviewTrigger/index.js +24 -0
  183. package/lib-commonjs/components/PreviewTrigger/index.js.map +1 -0
  184. package/lib-commonjs/components/PreviewTrigger/renderPreviewTrigger.js +14 -0
  185. package/lib-commonjs/components/PreviewTrigger/renderPreviewTrigger.js.map +1 -0
  186. package/lib-commonjs/components/PreviewTrigger/usePreviewTrigger.js +14 -0
  187. package/lib-commonjs/components/PreviewTrigger/usePreviewTrigger.js.map +1 -0
  188. package/lib-commonjs/index.js +106 -0
  189. package/lib-commonjs/index.js.map +1 -0
  190. package/lib-commonjs/previewContext.js +45 -0
  191. package/lib-commonjs/previewContext.js.map +1 -0
  192. package/lib-commonjs/utils/index.js +22 -0
  193. package/lib-commonjs/utils/index.js.map +1 -0
  194. package/lib-commonjs/utils/openedByHoverPreviewManager.js +43 -0
  195. package/lib-commonjs/utils/openedByHoverPreviewManager.js.map +1 -0
  196. package/package.json +3 -3
package/CHANGELOG.json CHANGED
@@ -2,9 +2,9 @@
2
2
  "name": "@fluentui-copilot/react-preview",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 10 Oct 2025 04:08:18 GMT",
6
- "tag": "@fluentui-copilot/react-preview_v0.0.0-nightly-20251010-0406-7df7c6d1.1",
7
- "version": "0.0.0-nightly-20251010-0406-7df7c6d1.1",
5
+ "date": "Mon, 13 Oct 2025 04:14:18 GMT",
6
+ "tag": "@fluentui-copilot/react-preview_v0.0.0-nightly-20251013-0406-7c7739c8.1",
7
+ "version": "0.0.0-nightly-20251013-0406-7c7739c8.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
package/CHANGELOG.md CHANGED
@@ -1,13 +1,13 @@
1
1
  # Change Log - @fluentui-copilot/react-preview
2
2
 
3
- This log was last generated on Fri, 10 Oct 2025 04:08:18 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 13 Oct 2025 04:14:18 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20251010-0406-7df7c6d1.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-preview_v0.0.0-nightly-20251010-0406-7df7c6d1.1)
7
+ ## [0.0.0-nightly-20251013-0406-7c7739c8.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-preview_v0.0.0-nightly-20251013-0406-7c7739c8.1)
8
8
 
9
- Fri, 10 Oct 2025 04:08:18 GMT
10
- [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-preview_v0.8.5..@fluentui-copilot/react-preview_v0.0.0-nightly-20251010-0406-7df7c6d1.1)
9
+ Mon, 13 Oct 2025 04:14:18 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-preview_v0.8.5..@fluentui-copilot/react-preview_v0.0.0-nightly-20251013-0406-7c7739c8.1)
11
11
 
12
12
  ### Changes
13
13
 
@@ -0,0 +1,291 @@
1
+ /// <reference types="react" />
2
+
3
+ import type { ComponentProps } from '@fluentui/react-components';
4
+ import type { ComponentState } from '@fluentui/react-components';
5
+ import type { Context } from '@fluentui/react-context-selector';
6
+ import type { ContextSelector } from '@fluentui/react-context-selector';
7
+ import type { DesignVersion } from '@fluentui-copilot/react-provider';
8
+ import { FC } from 'react';
9
+ import type { ForwardRefComponent } from '@fluentui/react-components';
10
+ import type { JSXElement } from '@fluentui/react-components';
11
+ import type { PopoverContextValue } from '@fluentui/react-components';
12
+ import type { PopoverProps } from '@fluentui/react-components';
13
+ import type { PopoverState } from '@fluentui/react-components';
14
+ import type { PopoverSurfaceProps } from '@fluentui/react-components';
15
+ import type { PopoverSurfaceSlots } from '@fluentui/react-components';
16
+ import type { PopoverSurfaceState } from '@fluentui/react-components';
17
+ import type { PopoverTriggerProps } from '@fluentui/react-components';
18
+ import type { PopoverTriggerState } from '@fluentui/react-components';
19
+ import { Provider } from 'react';
20
+ import { ProviderProps } from 'react';
21
+ import * as React_2 from 'react';
22
+ import type { Slot } from '@fluentui/react-components';
23
+ import type { SlotClassNames } from '@fluentui/react-components';
24
+
25
+ export declare const Preview: React_2.FC<PreviewProps>;
26
+
27
+ export declare const PreviewContent: ForwardRefComponent<PreviewContentProps>;
28
+
29
+ export declare const previewContentClassNames: SlotClassNames<PreviewContentSlots>;
30
+
31
+ /**
32
+ * PreviewContent Props
33
+ */
34
+ export declare type PreviewContentProps = ComponentProps<PreviewContentSlots>;
35
+
36
+ export declare type PreviewContentSlots = {
37
+ root: NonNullable<Slot<'div'>>;
38
+ };
39
+
40
+ /**
41
+ * State used in rendering PreviewContent
42
+ */
43
+ export declare type PreviewContentState = ComponentState<PreviewContentSlots>;
44
+
45
+ export declare const PreviewContext: Context<PreviewContextValue>;
46
+
47
+ export declare const PreviewContextProvider: Provider<PreviewContextValue> & FC<ProviderProps<PreviewContextValue>>;
48
+
49
+ export declare type PreviewContextValue = PopoverContextValue & Pick<PreviewState, 'isPreviewLocked'>;
50
+
51
+ export declare const PreviewHeader: ForwardRefComponent<PreviewHeaderProps>;
52
+
53
+ export declare const previewHeaderClassNames: SlotClassNames<PreviewHeaderSlots>;
54
+
55
+ /**
56
+ * PreviewHeader Props
57
+ */
58
+ export declare type PreviewHeaderProps = ComponentProps<Partial<PreviewHeaderSlots>>;
59
+
60
+ export declare type PreviewHeaderSlots = {
61
+ root: NonNullable<Slot<'div'>>;
62
+ /**
63
+ * Actions slot.
64
+ */
65
+ actions: Slot<'div'>;
66
+ /**
67
+ * Citation slot. Displays a `Citation`. Set to `null` to hide the citation.
68
+ */
69
+ citation: Slot<'span'>;
70
+ /**
71
+ * Label slot. Primary description of the preview.
72
+ */
73
+ label: NonNullable<Slot<'span'>>;
74
+ /**
75
+ * Media slot. Used to display Avatars, Icons, etc.
76
+ */
77
+ media: Slot<'div'>;
78
+ };
79
+
80
+ /**
81
+ * State used in rendering PreviewHeader
82
+ */
83
+ export declare type PreviewHeaderState = ComponentState<PreviewHeaderSlots>;
84
+
85
+ export declare const PreviewMetadata: ForwardRefComponent<PreviewMetadataProps>;
86
+
87
+ export declare const previewMetadataClassNames: SlotClassNames<PreviewMetadataSlots>;
88
+
89
+ /**
90
+ * PreviewMetadata Props
91
+ */
92
+ export declare type PreviewMetadataProps = ComponentProps<Partial<PreviewMetadataSlots>>;
93
+
94
+ export declare type PreviewMetadataSlots = {
95
+ root: Slot<'div'>;
96
+ /**
97
+ * Icon slot in the metadata displayed after all text.
98
+ */
99
+ icon: Slot<'span'>;
100
+ /**
101
+ * First text displayed in the metadata.
102
+ */
103
+ primaryText: Slot<'span'>;
104
+ /**
105
+ * Second text displayed in the metadata.
106
+ */
107
+ secondaryText: Slot<'span'>;
108
+ /**
109
+ * Third text displayed in the metadata.
110
+ */
111
+ tertiaryText: Slot<'span'>;
112
+ };
113
+
114
+ /**
115
+ * State used in rendering PreviewMetadata
116
+ */
117
+ export declare type PreviewMetadataState = ComponentState<PreviewMetadataSlots>;
118
+
119
+ /**
120
+ * Preview Props
121
+ */
122
+ export declare type PreviewProps = Omit<PopoverProps, 'mouseLeaveDelay' | 'openOnHover'> & {
123
+ /**
124
+ * Sets the delay in milliseconds for closing the Preview on mouse leaving its trigger or popover surface when it was opened by hover.
125
+ * @default 250
126
+ */
127
+ hideDelay?: number;
128
+ /**
129
+ * Sets the delay in milliseconds for opening the Preview on hovering its trigger.
130
+ * @default 250
131
+ */
132
+ showDelay?: number;
133
+ };
134
+
135
+ /**
136
+ * State used in rendering Preview
137
+ */
138
+ export declare type PreviewState = PopoverState & {
139
+ /**
140
+ * Whether the Preview was opened by click or keyboard and is therefore locked until intentional interaction to close it.
141
+ */
142
+ isPreviewLocked: boolean;
143
+ };
144
+
145
+ export declare const PreviewSurface: ForwardRefComponent<PreviewSurfaceProps>;
146
+
147
+ export declare const previewSurfaceClassNames: SlotClassNames<PreviewSurfaceSlots>;
148
+
149
+ /**
150
+ * PreviewSurface Props
151
+ */
152
+ export declare type PreviewSurfaceProps = ComponentProps<PreviewSurfaceSlots> & PopoverSurfaceProps & DesignVersion & {};
153
+
154
+ export declare type PreviewSurfaceSlots = PopoverSurfaceSlots & {};
155
+
156
+ /**
157
+ * State used in rendering PreviewSurface
158
+ */
159
+ export declare type PreviewSurfaceState = ComponentState<PreviewSurfaceSlots> & PopoverSurfaceState & Pick<Required<PreviewSurfaceProps>, 'designVersion'> & {};
160
+
161
+ export declare const PreviewTrigger: React_2.FC<PreviewTriggerProps>;
162
+
163
+ /**
164
+ * PreviewTrigger Props
165
+ */
166
+ export declare type PreviewTriggerProps = PopoverTriggerProps & {};
167
+
168
+ /**
169
+ * State used in rendering PreviewTrigger
170
+ */
171
+ export declare type PreviewTriggerState = PopoverTriggerState & {};
172
+
173
+ /**
174
+ * Render the final JSX of Preview
175
+ */
176
+ export declare const renderPreview_unstable: (state: PreviewState) => JSXElement;
177
+
178
+ /**
179
+ * Render the final JSX of PreviewContent
180
+ */
181
+ export declare const renderPreviewContent_unstable: (state: PreviewContentState) => JSXElement;
182
+
183
+ /**
184
+ * Render the final JSX of PreviewHeader
185
+ */
186
+ export declare const renderPreviewHeader_unstable: (state: PreviewHeaderState) => JSXElement;
187
+
188
+ /**
189
+ * Render the final JSX of PreviewMetadata
190
+ */
191
+ export declare const renderPreviewMetadata_unstable: (state: PreviewMetadataState) => JSXElement;
192
+
193
+ /**
194
+ * Render the final JSX of PreviewSurface
195
+ */
196
+ export declare const renderPreviewSurface_unstable: (state: PreviewSurfaceState) => JSXElement;
197
+
198
+ /**
199
+ * Render the final JSX of PreviewTrigger
200
+ */
201
+ export declare const renderPreviewTrigger_unstable: (state: PreviewTriggerState) => JSXElement | null;
202
+
203
+ /**
204
+ * Create the state required to render Preview.
205
+ *
206
+ * The returned state can be modified with hooks such as usePreviewStyles_unstable,
207
+ * before being passed to renderPreview_unstable.
208
+ *
209
+ * @param props - props from this instance of Preview
210
+ * @param ref - reference to root HTMLElement of Preview
211
+ */
212
+ export declare const usePreview_unstable: (props: PreviewProps) => PreviewState;
213
+
214
+ /**
215
+ * Create the state required to render PreviewContent.
216
+ *
217
+ * The returned state can be modified with hooks such as usePreviewContentStyles_unstable,
218
+ * before being passed to renderPreviewContent_unstable.
219
+ *
220
+ * @param props - props from this instance of PreviewContent
221
+ * @param ref - reference to root HTMLElement of PreviewContent
222
+ */
223
+ export declare const usePreviewContent_unstable: (props: PreviewContentProps, ref: React_2.Ref<HTMLDivElement>) => PreviewContentState;
224
+
225
+ /**
226
+ * Apply styling to the PreviewContent slots based on the state
227
+ */
228
+ export declare const usePreviewContentStyles_unstable: (state: PreviewContentState) => PreviewContentState;
229
+
230
+ export declare const usePreviewContext_unstable: <T>(selector: ContextSelector<PreviewContextValue, T>) => T;
231
+
232
+ /**
233
+ * Create the state required to render PreviewHeader.
234
+ *
235
+ * The returned state can be modified with hooks such as usePreviewHeaderStyles_unstable,
236
+ * before being passed to renderPreviewHeader_unstable.
237
+ *
238
+ * @param props - props from this instance of PreviewHeader
239
+ * @param ref - reference to root HTMLElement of PreviewHeader
240
+ */
241
+ export declare const usePreviewHeader_unstable: (props: PreviewHeaderProps, ref: React_2.Ref<HTMLDivElement>) => PreviewHeaderState;
242
+
243
+ /**
244
+ * Apply styling to the PreviewHeader slots based on the state
245
+ */
246
+ export declare const usePreviewHeaderStyles_unstable: (state: PreviewHeaderState) => PreviewHeaderState;
247
+
248
+ /**
249
+ * Create the state required to render PreviewMetadata.
250
+ *
251
+ * The returned state can be modified with hooks such as usePreviewMetadataStyles_unstable,
252
+ * before being passed to renderPreviewMetadata_unstable.
253
+ *
254
+ * @param props - props from this instance of PreviewMetadata
255
+ * @param ref - reference to root HTMLElement of PreviewMetadata
256
+ */
257
+ export declare const usePreviewMetadata_unstable: (props: PreviewMetadataProps, ref: React_2.Ref<HTMLDivElement>) => PreviewMetadataState;
258
+
259
+ /**
260
+ * Apply styling to the PreviewMetadata slots based on the state
261
+ */
262
+ export declare const usePreviewMetadataStyles_unstable: (state: PreviewMetadataState) => PreviewMetadataState;
263
+
264
+ /**
265
+ * Create the state required to render PreviewSurface.
266
+ *
267
+ * The returned state can be modified with hooks such as usePreviewSurfaceStyles_unstable,
268
+ * before being passed to renderPreviewSurface_unstable.
269
+ *
270
+ * @param props - props from this instance of PreviewSurface
271
+ * @param ref - reference to root HTMLElement of PreviewSurface
272
+ */
273
+ export declare const usePreviewSurface_unstable: (props: PreviewSurfaceProps, ref: React_2.Ref<HTMLDivElement>) => PreviewSurfaceState;
274
+
275
+ /**
276
+ * Apply styling to the PreviewSurface slots based on the state
277
+ */
278
+ export declare const usePreviewSurfaceStyles_unstable: (state: PreviewSurfaceState) => PreviewSurfaceState;
279
+
280
+ /**
281
+ * Create the state required to render PreviewTrigger.
282
+ *
283
+ * The returned state can be modified with hooks such as usePreviewTriggerStyles_unstable,
284
+ * before being passed to renderPreviewTrigger_unstable.
285
+ *
286
+ * @param props - props from this instance of PreviewTrigger
287
+ * @param ref - reference to root HTMLElement of PreviewTrigger
288
+ */
289
+ export declare const usePreviewTrigger_unstable: (props: PreviewTriggerProps) => PreviewTriggerState;
290
+
291
+ export { }
package/lib/Preview.js ADDED
@@ -0,0 +1 @@
1
+ export { Preview, renderPreview_unstable, usePreview_unstable } from './components/Preview/index';
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["Preview.ts"],"sourcesContent":["export type { PreviewProps, PreviewState } from './components/Preview/index';\nexport { Preview, renderPreview_unstable, usePreview_unstable } from './components/Preview/index';\n"],"names":["Preview","renderPreview_unstable","usePreview_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,OAAO,EAAEC,sBAAsB,EAAEC,mBAAmB,QAAQ,6BAA6B"}
@@ -0,0 +1 @@
1
+ export { PreviewContent, previewContentClassNames, renderPreviewContent_unstable, usePreviewContentStyles_unstable, usePreviewContent_unstable } from './components/PreviewContent/index';
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["PreviewContent.ts"],"sourcesContent":["export type { PreviewContentProps, PreviewContentSlots, PreviewContentState } from './components/PreviewContent/index';\nexport { PreviewContent, previewContentClassNames, renderPreviewContent_unstable, usePreviewContentStyles_unstable, usePreviewContent_unstable } from './components/PreviewContent/index';\n"],"names":["PreviewContent","previewContentClassNames","renderPreviewContent_unstable","usePreviewContentStyles_unstable","usePreviewContent_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,cAAc,EAAEC,wBAAwB,EAAEC,6BAA6B,EAAEC,gCAAgC,EAAEC,0BAA0B,QAAQ,oCAAoC"}
@@ -0,0 +1 @@
1
+ export { PreviewHeader, previewHeaderClassNames, previewHeaderExtraClassNames, renderPreviewHeader_unstable, usePreviewHeaderStyles_unstable, usePreviewHeader_unstable } from './components/PreviewHeader/index';
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["PreviewHeader.ts"],"sourcesContent":["export type { PreviewHeaderProps, PreviewHeaderSlots, PreviewHeaderState } from './components/PreviewHeader/index';\nexport { PreviewHeader, previewHeaderClassNames, previewHeaderExtraClassNames, renderPreviewHeader_unstable, usePreviewHeaderStyles_unstable, usePreviewHeader_unstable } from './components/PreviewHeader/index';\n"],"names":["PreviewHeader","previewHeaderClassNames","previewHeaderExtraClassNames","renderPreviewHeader_unstable","usePreviewHeaderStyles_unstable","usePreviewHeader_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,aAAa,EAAEC,uBAAuB,EAAEC,4BAA4B,EAAEC,4BAA4B,EAAEC,+BAA+B,EAAEC,yBAAyB,QAAQ,mCAAmC"}
@@ -0,0 +1 @@
1
+ export { PreviewMetadata, previewMetadataClassNames, renderPreviewMetadata_unstable, usePreviewMetadataStyles_unstable, usePreviewMetadata_unstable } from './components/PreviewMetadata/index';
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["PreviewMetadata.ts"],"sourcesContent":["export type { PreviewMetadataProps, PreviewMetadataSlots, PreviewMetadataState } from './components/PreviewMetadata/index';\nexport { PreviewMetadata, previewMetadataClassNames, renderPreviewMetadata_unstable, usePreviewMetadataStyles_unstable, usePreviewMetadata_unstable } from './components/PreviewMetadata/index';\n"],"names":["PreviewMetadata","previewMetadataClassNames","renderPreviewMetadata_unstable","usePreviewMetadataStyles_unstable","usePreviewMetadata_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,eAAe,EAAEC,yBAAyB,EAAEC,8BAA8B,EAAEC,iCAAiC,EAAEC,2BAA2B,QAAQ,qCAAqC"}
@@ -0,0 +1 @@
1
+ export { PreviewSurface, previewSurfaceClassNames, renderPreviewSurface_unstable, usePreviewSurfaceStyles_unstable, usePreviewSurface_unstable } from './components/PreviewSurface/index';
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["PreviewSurface.ts"],"sourcesContent":["export type { PreviewSurfaceProps, PreviewSurfaceSlots, PreviewSurfaceState } from './components/PreviewSurface/index';\nexport { PreviewSurface, previewSurfaceClassNames, renderPreviewSurface_unstable, usePreviewSurfaceStyles_unstable, usePreviewSurface_unstable } from './components/PreviewSurface/index';\n"],"names":["PreviewSurface","previewSurfaceClassNames","renderPreviewSurface_unstable","usePreviewSurfaceStyles_unstable","usePreviewSurface_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,cAAc,EAAEC,wBAAwB,EAAEC,6BAA6B,EAAEC,gCAAgC,EAAEC,0BAA0B,QAAQ,oCAAoC"}
@@ -0,0 +1 @@
1
+ export { PreviewTrigger, renderPreviewTrigger_unstable, usePreviewTrigger_unstable } from './components/PreviewTrigger/index';
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["PreviewTrigger.ts"],"sourcesContent":["export type { PreviewTriggerChildProps, PreviewTriggerProps, PreviewTriggerState } from './components/PreviewTrigger/index';\nexport { PreviewTrigger, renderPreviewTrigger_unstable, usePreviewTrigger_unstable } from './components/PreviewTrigger/index';\n"],"names":["PreviewTrigger","renderPreviewTrigger_unstable","usePreviewTrigger_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,cAAc,EAAEC,6BAA6B,EAAEC,0BAA0B,QAAQ,oCAAoC"}
@@ -0,0 +1,7 @@
1
+ import { usePreview_unstable } from './usePreview';
2
+ import { renderPreview_unstable } from './renderPreview';
3
+ export const Preview = (props)=>{
4
+ const state = usePreview_unstable(props);
5
+ return renderPreview_unstable(state);
6
+ };
7
+ Preview.displayName = 'Preview';
@@ -0,0 +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":["usePreview_unstable","renderPreview_unstable","Preview","props","state","displayName"],"rangeMappings":";;;;;;","mappings":"AAEA,SAASA,mBAAmB,QAAQ,eAAe;AACnD,SAASC,sBAAsB,QAAQ,kBAAkB;AAGzD,OAAO,MAAMC,UAAkCC,CAAAA;IAC7C,MAAMC,QAAQJ,oBAAoBG;IAElC,OAAOF,uBAAuBG;AAChC,EAAE;AAEFF,QAAQG,WAAW,GAAG"}
@@ -0,0 +1,3 @@
1
+ /**
2
+ * State used in rendering Preview
3
+ */ export { };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["Preview.types.ts"],"sourcesContent":["import type { PopoverProps, PopoverState } from '@fluentui/react-components';\n\n/**\n * Preview Props\n */\nexport type PreviewProps = Omit<PopoverProps, 'mouseLeaveDelay' | 'openOnHover'> & {\n /**\n * Sets the delay in milliseconds for closing the Preview on mouse leaving its trigger or popover surface when it was opened by hover.\n * @default 250\n */\n hideDelay?: number;\n\n /**\n * Sets the delay in milliseconds for opening the Preview on hovering its trigger.\n * @default 250\n */\n showDelay?: number;\n};\n\n/**\n * State used in rendering Preview\n */\nexport type PreviewState = PopoverState & {\n /**\n * Whether the Preview was opened by click or keyboard and is therefore locked until intentional interaction to close it.\n */\n isPreviewLocked: boolean;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAmBA;;CAEC,GACD,WAKE"}
@@ -0,0 +1,3 @@
1
+ export { Preview } from './Preview';
2
+ export { renderPreview_unstable } from './renderPreview';
3
+ export { usePreview_unstable } from './usePreview';
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["index.ts"],"sourcesContent":["export { Preview } from './Preview';\nexport type { PreviewProps, PreviewState } from './Preview.types';\nexport { renderPreview_unstable } from './renderPreview';\nexport { usePreview_unstable } from './usePreview';\n"],"names":["Preview","renderPreview_unstable","usePreview_unstable"],"rangeMappings":";;","mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AAEpC,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,mBAAmB,QAAQ,eAAe"}
@@ -0,0 +1,28 @@
1
+ import * as React from 'react';
2
+ import { renderPopover_unstable } from '@fluentui/react-components';
3
+ import { PreviewContextProvider } from '../../previewContext';
4
+ /**
5
+ * Render the final JSX of Preview
6
+ */ export const renderPreview_unstable = (state)=>{
7
+ const { appearance, arrowRef, contentRef, inertTrapFocus, inline, isPreviewLocked, mountNode, open, openOnContext, openOnHover, setOpen, size, toggleOpen, trapFocus, triggerRef, withArrow } = state;
8
+ return /*#__PURE__*/ React.createElement(PreviewContextProvider, {
9
+ value: {
10
+ appearance,
11
+ arrowRef,
12
+ contentRef,
13
+ inertTrapFocus,
14
+ inline,
15
+ isPreviewLocked,
16
+ mountNode,
17
+ open,
18
+ openOnContext,
19
+ openOnHover,
20
+ setOpen,
21
+ size,
22
+ toggleOpen,
23
+ trapFocus,
24
+ triggerRef,
25
+ withArrow
26
+ }
27
+ }, renderPopover_unstable(state));
28
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["renderPreview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { renderPopover_unstable } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\n\nimport { PreviewContextProvider } from '../../previewContext';\nimport type { PreviewState } from './Preview.types';\n\n/**\n * Render the final JSX of Preview\n */\nexport const renderPreview_unstable = (state: PreviewState): JSXElement => {\n const {\n appearance,\n arrowRef,\n contentRef,\n inertTrapFocus,\n inline,\n isPreviewLocked,\n mountNode,\n open,\n openOnContext,\n openOnHover,\n setOpen,\n size,\n toggleOpen,\n trapFocus,\n triggerRef,\n withArrow,\n } = state;\n\n return (\n <PreviewContextProvider\n value={{\n appearance,\n arrowRef,\n contentRef,\n inertTrapFocus,\n inline,\n isPreviewLocked,\n mountNode,\n open,\n openOnContext,\n openOnHover,\n setOpen,\n size,\n toggleOpen,\n trapFocus,\n triggerRef,\n withArrow,\n }}\n >\n {renderPopover_unstable(state)}\n </PreviewContextProvider>\n );\n};\n"],"names":["React","renderPopover_unstable","PreviewContextProvider","renderPreview_unstable","state","appearance","arrowRef","contentRef","inertTrapFocus","inline","isPreviewLocked","mountNode","open","openOnContext","openOnHover","setOpen","size","toggleOpen","trapFocus","triggerRef","withArrow","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,sBAAsB,QAAQ,6BAA6B;AAGpE,SAASC,sBAAsB,QAAQ,uBAAuB;AAG9D;;CAEC,GACD,OAAO,MAAMC,yBAAyB,CAACC;IACrC,MAAM,EACJC,UAAU,EACVC,QAAQ,EACRC,UAAU,EACVC,cAAc,EACdC,MAAM,EACNC,eAAe,EACfC,SAAS,EACTC,IAAI,EACJC,aAAa,EACbC,WAAW,EACXC,OAAO,EACPC,IAAI,EACJC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,SAAS,EACV,GAAGhB;IAEJ,qBACE,oBAACF;QACCmB,OAAO;YACLhB;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;OAECnB,uBAAuBG;AAG9B,EAAE"}