@fluentui-copilot/react-preview 0.0.0-nightly-20251010-0406-7df7c6d1.1 → 0.0.0-nightly-20251013-0406-7c7739c8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +3 -3
- package/CHANGELOG.md +4 -4
- package/dist/index.d.ts +291 -0
- package/lib/Preview.js +1 -0
- package/lib/Preview.js.map +1 -0
- package/lib/PreviewContent.js +1 -0
- package/lib/PreviewContent.js.map +1 -0
- package/lib/PreviewHeader.js +1 -0
- package/lib/PreviewHeader.js.map +1 -0
- package/lib/PreviewMetadata.js +1 -0
- package/lib/PreviewMetadata.js.map +1 -0
- package/lib/PreviewSurface.js +1 -0
- package/lib/PreviewSurface.js.map +1 -0
- package/lib/PreviewTrigger.js +1 -0
- package/lib/PreviewTrigger.js.map +1 -0
- package/lib/components/Preview/Preview.js +7 -0
- package/lib/components/Preview/Preview.js.map +1 -0
- package/lib/components/Preview/Preview.types.js +3 -0
- package/lib/components/Preview/Preview.types.js.map +1 -0
- package/lib/components/Preview/index.js +3 -0
- package/lib/components/Preview/index.js.map +1 -0
- package/lib/components/Preview/renderPreview.js +28 -0
- package/lib/components/Preview/renderPreview.js.map +1 -0
- package/lib/components/Preview/usePreview.js +261 -0
- package/lib/components/Preview/usePreview.js.map +1 -0
- package/lib/components/PreviewContent/PreviewContent.js +10 -0
- package/lib/components/PreviewContent/PreviewContent.js.map +1 -0
- package/lib/components/PreviewContent/PreviewContent.types.js +3 -0
- package/lib/components/PreviewContent/PreviewContent.types.js.map +1 -0
- package/lib/components/PreviewContent/index.js +4 -0
- package/lib/components/PreviewContent/index.js.map +1 -0
- package/lib/components/PreviewContent/renderPreviewContent.js +8 -0
- package/lib/components/PreviewContent/renderPreviewContent.js.map +1 -0
- package/lib/components/PreviewContent/usePreviewContent.js +22 -0
- package/lib/components/PreviewContent/usePreviewContent.js.map +1 -0
- package/lib/components/PreviewContent/usePreviewContentStyles.styles.js +20 -0
- package/lib/components/PreviewContent/usePreviewContentStyles.styles.js.map +1 -0
- package/lib/components/PreviewContent/usePreviewContentStyles.styles.raw.js +26 -0
- package/lib/components/PreviewContent/usePreviewContentStyles.styles.raw.js.map +1 -0
- package/lib/components/PreviewHeader/PreviewHeader.js +10 -0
- package/lib/components/PreviewHeader/PreviewHeader.js.map +1 -0
- package/lib/components/PreviewHeader/PreviewHeader.types.js +3 -0
- package/lib/components/PreviewHeader/PreviewHeader.types.js.map +1 -0
- package/lib/components/PreviewHeader/index.js +4 -0
- package/lib/components/PreviewHeader/index.js.map +1 -0
- package/lib/components/PreviewHeader/renderPreviewHeader.js +15 -0
- package/lib/components/PreviewHeader/renderPreviewHeader.js.map +1 -0
- package/lib/components/PreviewHeader/usePreviewHeader.js +60 -0
- package/lib/components/PreviewHeader/usePreviewHeader.js.map +1 -0
- package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.js +75 -0
- package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.js.map +1 -0
- package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js +110 -0
- package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js.map +1 -0
- package/lib/components/PreviewMetadata/PreviewMetadata.js +10 -0
- package/lib/components/PreviewMetadata/PreviewMetadata.js.map +1 -0
- package/lib/components/PreviewMetadata/PreviewMetadata.types.js +3 -0
- package/lib/components/PreviewMetadata/PreviewMetadata.types.js.map +1 -0
- package/lib/components/PreviewMetadata/index.js +4 -0
- package/lib/components/PreviewMetadata/index.js.map +1 -0
- package/lib/components/PreviewMetadata/renderPreviewMetadata.js +16 -0
- package/lib/components/PreviewMetadata/renderPreviewMetadata.js.map +1 -0
- package/lib/components/PreviewMetadata/usePreviewMetadata.js +39 -0
- package/lib/components/PreviewMetadata/usePreviewMetadata.js.map +1 -0
- package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.js +56 -0
- package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.js.map +1 -0
- package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js +56 -0
- package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js.map +1 -0
- package/lib/components/PreviewSurface/PreviewSurface.js +10 -0
- package/lib/components/PreviewSurface/PreviewSurface.js.map +1 -0
- package/lib/components/PreviewSurface/PreviewSurface.types.js +3 -0
- package/lib/components/PreviewSurface/PreviewSurface.types.js.map +1 -0
- package/lib/components/PreviewSurface/index.js +4 -0
- package/lib/components/PreviewSurface/index.js.map +1 -0
- package/lib/components/PreviewSurface/renderPreviewSurface.js +6 -0
- package/lib/components/PreviewSurface/renderPreviewSurface.js.map +1 -0
- package/lib/components/PreviewSurface/usePreviewSurface.js +18 -0
- package/lib/components/PreviewSurface/usePreviewSurface.js.map +1 -0
- package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.js +51 -0
- package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.js.map +1 -0
- package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js +29 -0
- package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js.map +1 -0
- package/lib/components/PreviewTrigger/PreviewTrigger.js +7 -0
- package/lib/components/PreviewTrigger/PreviewTrigger.js.map +1 -0
- package/lib/components/PreviewTrigger/PreviewTrigger.types.js +3 -0
- package/lib/components/PreviewTrigger/PreviewTrigger.types.js.map +1 -0
- package/lib/components/PreviewTrigger/index.js +3 -0
- package/lib/components/PreviewTrigger/index.js.map +1 -0
- package/lib/components/PreviewTrigger/renderPreviewTrigger.js +6 -0
- package/lib/components/PreviewTrigger/renderPreviewTrigger.js.map +1 -0
- package/lib/components/PreviewTrigger/usePreviewTrigger.js +13 -0
- package/lib/components/PreviewTrigger/usePreviewTrigger.js.map +1 -0
- package/lib/index.js +7 -0
- package/lib/index.js.map +1 -0
- package/lib/previewContext.js +24 -0
- package/lib/previewContext.js.map +1 -0
- package/lib/utils/index.js +1 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/openedByHoverPreviewManager.js +22 -0
- package/lib/utils/openedByHoverPreviewManager.js.map +1 -0
- package/lib-commonjs/Preview.js +22 -0
- package/lib-commonjs/Preview.js.map +1 -0
- package/lib-commonjs/PreviewContent.js +28 -0
- package/lib-commonjs/PreviewContent.js.map +1 -0
- package/lib-commonjs/PreviewHeader.js +31 -0
- package/lib-commonjs/PreviewHeader.js.map +1 -0
- package/lib-commonjs/PreviewMetadata.js +28 -0
- package/lib-commonjs/PreviewMetadata.js.map +1 -0
- package/lib-commonjs/PreviewSurface.js +28 -0
- package/lib-commonjs/PreviewSurface.js.map +1 -0
- package/lib-commonjs/PreviewTrigger.js +22 -0
- package/lib-commonjs/PreviewTrigger.js.map +1 -0
- package/lib-commonjs/components/Preview/Preview.js +17 -0
- package/lib-commonjs/components/Preview/Preview.js.map +1 -0
- package/lib-commonjs/components/Preview/Preview.types.js +6 -0
- package/lib-commonjs/components/Preview/Preview.types.js.map +1 -0
- package/lib-commonjs/components/Preview/index.js +24 -0
- package/lib-commonjs/components/Preview/index.js.map +1 -0
- package/lib-commonjs/components/Preview/renderPreview.js +37 -0
- package/lib-commonjs/components/Preview/renderPreview.js.map +1 -0
- package/lib-commonjs/components/Preview/usePreview.js +264 -0
- package/lib-commonjs/components/Preview/usePreview.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/PreviewContent.js +21 -0
- package/lib-commonjs/components/PreviewContent/PreviewContent.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/PreviewContent.types.js +6 -0
- package/lib-commonjs/components/PreviewContent/PreviewContent.types.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/index.js +31 -0
- package/lib-commonjs/components/PreviewContent/index.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/renderPreviewContent.js +16 -0
- package/lib-commonjs/components/PreviewContent/renderPreviewContent.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContent.js +24 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContent.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.js +33 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.raw.js +42 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/PreviewHeader.js +21 -0
- package/lib-commonjs/components/PreviewHeader/PreviewHeader.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/PreviewHeader.types.js +6 -0
- package/lib-commonjs/components/PreviewHeader/PreviewHeader.types.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/index.js +34 -0
- package/lib-commonjs/components/PreviewHeader/index.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/renderPreviewHeader.js +23 -0
- package/lib-commonjs/components/PreviewHeader/renderPreviewHeader.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeader.js +63 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeader.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.js +111 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js +129 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.js +21 -0
- package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.types.js +6 -0
- package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.types.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/index.js +31 -0
- package/lib-commonjs/components/PreviewMetadata/index.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/renderPreviewMetadata.js +24 -0
- package/lib-commonjs/components/PreviewMetadata/renderPreviewMetadata.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadata.js +41 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadata.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.js +105 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js +72 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/PreviewSurface.js +21 -0
- package/lib-commonjs/components/PreviewSurface/PreviewSurface.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/PreviewSurface.types.js +6 -0
- package/lib-commonjs/components/PreviewSurface/PreviewSurface.types.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/index.js +31 -0
- package/lib-commonjs/components/PreviewSurface/index.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/renderPreviewSurface.js +14 -0
- package/lib-commonjs/components/PreviewSurface/renderPreviewSurface.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurface.js +19 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurface.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.js +71 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js +45 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.js +17 -0
- package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.js.map +1 -0
- package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.types.js +6 -0
- package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.types.js.map +1 -0
- package/lib-commonjs/components/PreviewTrigger/index.js +24 -0
- package/lib-commonjs/components/PreviewTrigger/index.js.map +1 -0
- package/lib-commonjs/components/PreviewTrigger/renderPreviewTrigger.js +14 -0
- package/lib-commonjs/components/PreviewTrigger/renderPreviewTrigger.js.map +1 -0
- package/lib-commonjs/components/PreviewTrigger/usePreviewTrigger.js +14 -0
- package/lib-commonjs/components/PreviewTrigger/usePreviewTrigger.js.map +1 -0
- package/lib-commonjs/index.js +106 -0
- package/lib-commonjs/index.js.map +1 -0
- package/lib-commonjs/previewContext.js +45 -0
- package/lib-commonjs/previewContext.js.map +1 -0
- package/lib-commonjs/utils/index.js +22 -0
- package/lib-commonjs/utils/index.js.map +1 -0
- package/lib-commonjs/utils/openedByHoverPreviewManager.js +43 -0
- package/lib-commonjs/utils/openedByHoverPreviewManager.js.map +1 -0
- package/package.json +3 -3
package/CHANGELOG.json
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
"name": "@fluentui-copilot/react-preview",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui-copilot/react-preview_v0.0.0-nightly-
|
|
7
|
-
"version": "0.0.0-nightly-
|
|
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
|
|
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-
|
|
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
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-preview_v0.8.5..@fluentui-copilot/react-preview_v0.0.0-nightly-
|
|
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
|
|
package/dist/index.d.ts
ADDED
|
@@ -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 @@
|
|
|
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 @@
|
|
|
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"}
|