@fluentui-copilot/react-preview 0.0.0-nightly-20251010-0406-7df7c6d1.1 → 0.0.0-nightly-20251013-0406-7c7739c8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +3 -3
- package/CHANGELOG.md +4 -4
- package/dist/index.d.ts +291 -0
- package/lib/Preview.js +1 -0
- package/lib/Preview.js.map +1 -0
- package/lib/PreviewContent.js +1 -0
- package/lib/PreviewContent.js.map +1 -0
- package/lib/PreviewHeader.js +1 -0
- package/lib/PreviewHeader.js.map +1 -0
- package/lib/PreviewMetadata.js +1 -0
- package/lib/PreviewMetadata.js.map +1 -0
- package/lib/PreviewSurface.js +1 -0
- package/lib/PreviewSurface.js.map +1 -0
- package/lib/PreviewTrigger.js +1 -0
- package/lib/PreviewTrigger.js.map +1 -0
- package/lib/components/Preview/Preview.js +7 -0
- package/lib/components/Preview/Preview.js.map +1 -0
- package/lib/components/Preview/Preview.types.js +3 -0
- package/lib/components/Preview/Preview.types.js.map +1 -0
- package/lib/components/Preview/index.js +3 -0
- package/lib/components/Preview/index.js.map +1 -0
- package/lib/components/Preview/renderPreview.js +28 -0
- package/lib/components/Preview/renderPreview.js.map +1 -0
- package/lib/components/Preview/usePreview.js +261 -0
- package/lib/components/Preview/usePreview.js.map +1 -0
- package/lib/components/PreviewContent/PreviewContent.js +10 -0
- package/lib/components/PreviewContent/PreviewContent.js.map +1 -0
- package/lib/components/PreviewContent/PreviewContent.types.js +3 -0
- package/lib/components/PreviewContent/PreviewContent.types.js.map +1 -0
- package/lib/components/PreviewContent/index.js +4 -0
- package/lib/components/PreviewContent/index.js.map +1 -0
- package/lib/components/PreviewContent/renderPreviewContent.js +8 -0
- package/lib/components/PreviewContent/renderPreviewContent.js.map +1 -0
- package/lib/components/PreviewContent/usePreviewContent.js +22 -0
- package/lib/components/PreviewContent/usePreviewContent.js.map +1 -0
- package/lib/components/PreviewContent/usePreviewContentStyles.styles.js +20 -0
- package/lib/components/PreviewContent/usePreviewContentStyles.styles.js.map +1 -0
- package/lib/components/PreviewContent/usePreviewContentStyles.styles.raw.js +26 -0
- package/lib/components/PreviewContent/usePreviewContentStyles.styles.raw.js.map +1 -0
- package/lib/components/PreviewHeader/PreviewHeader.js +10 -0
- package/lib/components/PreviewHeader/PreviewHeader.js.map +1 -0
- package/lib/components/PreviewHeader/PreviewHeader.types.js +3 -0
- package/lib/components/PreviewHeader/PreviewHeader.types.js.map +1 -0
- package/lib/components/PreviewHeader/index.js +4 -0
- package/lib/components/PreviewHeader/index.js.map +1 -0
- package/lib/components/PreviewHeader/renderPreviewHeader.js +15 -0
- package/lib/components/PreviewHeader/renderPreviewHeader.js.map +1 -0
- package/lib/components/PreviewHeader/usePreviewHeader.js +60 -0
- package/lib/components/PreviewHeader/usePreviewHeader.js.map +1 -0
- package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.js +75 -0
- package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.js.map +1 -0
- package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js +110 -0
- package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js.map +1 -0
- package/lib/components/PreviewMetadata/PreviewMetadata.js +10 -0
- package/lib/components/PreviewMetadata/PreviewMetadata.js.map +1 -0
- package/lib/components/PreviewMetadata/PreviewMetadata.types.js +3 -0
- package/lib/components/PreviewMetadata/PreviewMetadata.types.js.map +1 -0
- package/lib/components/PreviewMetadata/index.js +4 -0
- package/lib/components/PreviewMetadata/index.js.map +1 -0
- package/lib/components/PreviewMetadata/renderPreviewMetadata.js +16 -0
- package/lib/components/PreviewMetadata/renderPreviewMetadata.js.map +1 -0
- package/lib/components/PreviewMetadata/usePreviewMetadata.js +39 -0
- package/lib/components/PreviewMetadata/usePreviewMetadata.js.map +1 -0
- package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.js +56 -0
- package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.js.map +1 -0
- package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js +56 -0
- package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js.map +1 -0
- package/lib/components/PreviewSurface/PreviewSurface.js +10 -0
- package/lib/components/PreviewSurface/PreviewSurface.js.map +1 -0
- package/lib/components/PreviewSurface/PreviewSurface.types.js +3 -0
- package/lib/components/PreviewSurface/PreviewSurface.types.js.map +1 -0
- package/lib/components/PreviewSurface/index.js +4 -0
- package/lib/components/PreviewSurface/index.js.map +1 -0
- package/lib/components/PreviewSurface/renderPreviewSurface.js +6 -0
- package/lib/components/PreviewSurface/renderPreviewSurface.js.map +1 -0
- package/lib/components/PreviewSurface/usePreviewSurface.js +18 -0
- package/lib/components/PreviewSurface/usePreviewSurface.js.map +1 -0
- package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.js +51 -0
- package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.js.map +1 -0
- package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js +29 -0
- package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js.map +1 -0
- package/lib/components/PreviewTrigger/PreviewTrigger.js +7 -0
- package/lib/components/PreviewTrigger/PreviewTrigger.js.map +1 -0
- package/lib/components/PreviewTrigger/PreviewTrigger.types.js +3 -0
- package/lib/components/PreviewTrigger/PreviewTrigger.types.js.map +1 -0
- package/lib/components/PreviewTrigger/index.js +3 -0
- package/lib/components/PreviewTrigger/index.js.map +1 -0
- package/lib/components/PreviewTrigger/renderPreviewTrigger.js +6 -0
- package/lib/components/PreviewTrigger/renderPreviewTrigger.js.map +1 -0
- package/lib/components/PreviewTrigger/usePreviewTrigger.js +13 -0
- package/lib/components/PreviewTrigger/usePreviewTrigger.js.map +1 -0
- package/lib/index.js +7 -0
- package/lib/index.js.map +1 -0
- package/lib/previewContext.js +24 -0
- package/lib/previewContext.js.map +1 -0
- package/lib/utils/index.js +1 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/openedByHoverPreviewManager.js +22 -0
- package/lib/utils/openedByHoverPreviewManager.js.map +1 -0
- package/lib-commonjs/Preview.js +22 -0
- package/lib-commonjs/Preview.js.map +1 -0
- package/lib-commonjs/PreviewContent.js +28 -0
- package/lib-commonjs/PreviewContent.js.map +1 -0
- package/lib-commonjs/PreviewHeader.js +31 -0
- package/lib-commonjs/PreviewHeader.js.map +1 -0
- package/lib-commonjs/PreviewMetadata.js +28 -0
- package/lib-commonjs/PreviewMetadata.js.map +1 -0
- package/lib-commonjs/PreviewSurface.js +28 -0
- package/lib-commonjs/PreviewSurface.js.map +1 -0
- package/lib-commonjs/PreviewTrigger.js +22 -0
- package/lib-commonjs/PreviewTrigger.js.map +1 -0
- package/lib-commonjs/components/Preview/Preview.js +17 -0
- package/lib-commonjs/components/Preview/Preview.js.map +1 -0
- package/lib-commonjs/components/Preview/Preview.types.js +6 -0
- package/lib-commonjs/components/Preview/Preview.types.js.map +1 -0
- package/lib-commonjs/components/Preview/index.js +24 -0
- package/lib-commonjs/components/Preview/index.js.map +1 -0
- package/lib-commonjs/components/Preview/renderPreview.js +37 -0
- package/lib-commonjs/components/Preview/renderPreview.js.map +1 -0
- package/lib-commonjs/components/Preview/usePreview.js +264 -0
- package/lib-commonjs/components/Preview/usePreview.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/PreviewContent.js +21 -0
- package/lib-commonjs/components/PreviewContent/PreviewContent.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/PreviewContent.types.js +6 -0
- package/lib-commonjs/components/PreviewContent/PreviewContent.types.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/index.js +31 -0
- package/lib-commonjs/components/PreviewContent/index.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/renderPreviewContent.js +16 -0
- package/lib-commonjs/components/PreviewContent/renderPreviewContent.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContent.js +24 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContent.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.js +33 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.js.map +1 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.raw.js +42 -0
- package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/PreviewHeader.js +21 -0
- package/lib-commonjs/components/PreviewHeader/PreviewHeader.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/PreviewHeader.types.js +6 -0
- package/lib-commonjs/components/PreviewHeader/PreviewHeader.types.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/index.js +34 -0
- package/lib-commonjs/components/PreviewHeader/index.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/renderPreviewHeader.js +23 -0
- package/lib-commonjs/components/PreviewHeader/renderPreviewHeader.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeader.js +63 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeader.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.js +111 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.js.map +1 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js +129 -0
- package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.js +21 -0
- package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.types.js +6 -0
- package/lib-commonjs/components/PreviewMetadata/PreviewMetadata.types.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/index.js +31 -0
- package/lib-commonjs/components/PreviewMetadata/index.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/renderPreviewMetadata.js +24 -0
- package/lib-commonjs/components/PreviewMetadata/renderPreviewMetadata.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadata.js +41 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadata.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.js +105 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.js.map +1 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js +72 -0
- package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/PreviewSurface.js +21 -0
- package/lib-commonjs/components/PreviewSurface/PreviewSurface.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/PreviewSurface.types.js +6 -0
- package/lib-commonjs/components/PreviewSurface/PreviewSurface.types.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/index.js +31 -0
- package/lib-commonjs/components/PreviewSurface/index.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/renderPreviewSurface.js +14 -0
- package/lib-commonjs/components/PreviewSurface/renderPreviewSurface.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurface.js +19 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurface.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.js +71 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.js.map +1 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js +45 -0
- package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.js +17 -0
- package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.js.map +1 -0
- package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.types.js +6 -0
- package/lib-commonjs/components/PreviewTrigger/PreviewTrigger.types.js.map +1 -0
- package/lib-commonjs/components/PreviewTrigger/index.js +24 -0
- package/lib-commonjs/components/PreviewTrigger/index.js.map +1 -0
- package/lib-commonjs/components/PreviewTrigger/renderPreviewTrigger.js +14 -0
- package/lib-commonjs/components/PreviewTrigger/renderPreviewTrigger.js.map +1 -0
- package/lib-commonjs/components/PreviewTrigger/usePreviewTrigger.js +14 -0
- package/lib-commonjs/components/PreviewTrigger/usePreviewTrigger.js.map +1 -0
- package/lib-commonjs/index.js +106 -0
- package/lib-commonjs/index.js.map +1 -0
- package/lib-commonjs/previewContext.js +45 -0
- package/lib-commonjs/previewContext.js.map +1 -0
- package/lib-commonjs/utils/index.js +22 -0
- package/lib-commonjs/utils/index.js.map +1 -0
- package/lib-commonjs/utils/openedByHoverPreviewManager.js +43 -0
- package/lib-commonjs/utils/openedByHoverPreviewManager.js.map +1 -0
- package/package.json +3 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["usePreviewSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewSurfaceClassNames: SlotClassNames<PreviewSurfaceSlots> = {\n root: 'fai-PreviewSurface',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n base: {\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n boxSizing: 'border-box',\n },\n});\n\nconst useNextStyles = makeStyles({\n root: {\n borderRadius: tokens.borderRadiusXLarge,\n },\n});\n\n/**\n * Apply styling to the PreviewSurface slots based on the state\n */\nexport const usePreviewSurfaceStyles_unstable = (state: PreviewSurfaceState): PreviewSurfaceState => {\n 'use no memo';\n\n const { designVersion } = state;\n\n const rootStyles = useRootStyles();\n const nextStyles = useNextStyles();\n\n state.root.className = mergeClasses(\n previewSurfaceClassNames.root,\n rootStyles.base,\n designVersion === 'next' && nextStyles.root,\n state.root.className,\n );\n\n usePopoverSurfaceStyles_unstable(state);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","previewSurfaceClassNames","root","useRootStyles","base","padding","spacingVerticalXS","spacingHorizontalXS","boxSizing","useNextStyles","borderRadius","borderRadiusXLarge","usePreviewSurfaceStyles_unstable","state","designVersion","rootStyles","nextStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,gCAAgC,QAAQ,6BAA6B;AACxG,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAgBN,WAAW;IAC/BO,MAAM;QACJC,SAAS,CAAC,EAAEL,OAAOM,iBAAiB,CAAC,CAAC,EAAEN,OAAOO,mBAAmB,CAAC,CAAC;QACpEC,WAAW;IACb;AACF;AAEA,MAAMC,gBAAgBZ,WAAW;IAC/BK,MAAM;QACJQ,cAAcV,OAAOW,kBAAkB;IACzC;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAE1B,MAAME,aAAaZ;IACnB,MAAMa,aAAaP;IAEnBI,MAAMX,IAAI,CAACe,SAAS,GAAGnB,aACrBG,yBAAyBC,IAAI,EAC7Ba,WAAWX,IAAI,EACfU,kBAAkB,UAAUE,WAAWd,IAAI,EAC3CW,MAAMX,IAAI,CAACe,SAAS;IAGtBlB,iCAAiCc;IAEjC,OAAOA;AACT,EAAE"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { makeStyles, mergeClasses, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';
|
|
2
|
+
import { tokens } from '@fluentui-copilot/tokens';
|
|
3
|
+
export const previewSurfaceClassNames = {
|
|
4
|
+
root: 'fai-PreviewSurface'
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* Styles for the root slot
|
|
8
|
+
*/ const useRootStyles = makeStyles({
|
|
9
|
+
base: {
|
|
10
|
+
padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,
|
|
11
|
+
boxSizing: 'border-box'
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
const useNextStyles = makeStyles({
|
|
15
|
+
root: {
|
|
16
|
+
borderRadius: tokens.borderRadiusXLarge
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
/**
|
|
20
|
+
* Apply styling to the PreviewSurface slots based on the state
|
|
21
|
+
*/ export const usePreviewSurfaceStyles_unstable = (state)=>{
|
|
22
|
+
'use no memo';
|
|
23
|
+
const { designVersion } = state;
|
|
24
|
+
const rootStyles = useRootStyles();
|
|
25
|
+
const nextStyles = useNextStyles();
|
|
26
|
+
state.root.className = mergeClasses(previewSurfaceClassNames.root, rootStyles.base, designVersion === 'next' && nextStyles.root, state.root.className);
|
|
27
|
+
usePopoverSurfaceStyles_unstable(state);
|
|
28
|
+
return state;
|
|
29
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["usePreviewSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewSurfaceClassNames: SlotClassNames<PreviewSurfaceSlots> = {\n root: 'fai-PreviewSurface',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n base: {\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n boxSizing: 'border-box',\n },\n});\n\nconst useNextStyles = makeStyles({\n root: {\n borderRadius: tokens.borderRadiusXLarge,\n },\n});\n\n/**\n * Apply styling to the PreviewSurface slots based on the state\n */\nexport const usePreviewSurfaceStyles_unstable = (state: PreviewSurfaceState): PreviewSurfaceState => {\n 'use no memo';\n\n const { designVersion } = state;\n\n const rootStyles = useRootStyles();\n const nextStyles = useNextStyles();\n\n state.root.className = mergeClasses(\n previewSurfaceClassNames.root,\n rootStyles.base,\n designVersion === 'next' && nextStyles.root,\n state.root.className,\n );\n\n usePopoverSurfaceStyles_unstable(state);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","previewSurfaceClassNames","root","useRootStyles","base","padding","spacingVerticalXS","spacingHorizontalXS","boxSizing","useNextStyles","borderRadius","borderRadiusXLarge","usePreviewSurfaceStyles_unstable","state","designVersion","rootStyles","nextStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,gCAAgC,QAAQ,6BAA6B;AACxG,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAgBN,WAAW;IAC/BO,MAAM;QACJC,SAAS,CAAC,EAAEL,OAAOM,iBAAiB,CAAC,CAAC,EAAEN,OAAOO,mBAAmB,CAAC,CAAC;QACpEC,WAAW;IACb;AACF;AAEA,MAAMC,gBAAgBZ,WAAW;IAC/BK,MAAM;QACJQ,cAAcV,OAAOW,kBAAkB;IACzC;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAE1B,MAAME,aAAaZ;IACnB,MAAMa,aAAaP;IAEnBI,MAAMX,IAAI,CAACe,SAAS,GAAGnB,aACrBG,yBAAyBC,IAAI,EAC7Ba,WAAWX,IAAI,EACfU,kBAAkB,UAAUE,WAAWd,IAAI,EAC3CW,MAAMX,IAAI,CAACe,SAAS;IAGtBlB,iCAAiCc;IAEjC,OAAOA;AACT,EAAE"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { usePreviewTrigger_unstable } from './usePreviewTrigger';
|
|
2
|
+
import { renderPreviewTrigger_unstable } from './renderPreviewTrigger';
|
|
3
|
+
export const PreviewTrigger = (props)=>{
|
|
4
|
+
const state = usePreviewTrigger_unstable(props);
|
|
5
|
+
return renderPreviewTrigger_unstable(state);
|
|
6
|
+
};
|
|
7
|
+
PreviewTrigger.displayName = 'PreviewTrigger';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["PreviewTrigger.tsx"],"sourcesContent":["import type * as React from 'react';\n\nimport { usePreviewTrigger_unstable } from './usePreviewTrigger';\nimport { renderPreviewTrigger_unstable } from './renderPreviewTrigger';\nimport type { PreviewTriggerProps } from './PreviewTrigger.types';\n\nexport const PreviewTrigger: React.FC<PreviewTriggerProps> = props => {\n const state = usePreviewTrigger_unstable(props);\n\n return renderPreviewTrigger_unstable(state);\n};\n\nPreviewTrigger.displayName = 'PreviewTrigger';\n"],"names":["usePreviewTrigger_unstable","renderPreviewTrigger_unstable","PreviewTrigger","props","state","displayName"],"rangeMappings":";;;;;;","mappings":"AAEA,SAASA,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,6BAA6B,QAAQ,yBAAyB;AAGvE,OAAO,MAAMC,iBAAgDC,CAAAA;IAC3D,MAAMC,QAAQJ,2BAA2BG;IAEzC,OAAOF,8BAA8BG;AACvC,EAAE;AAEFF,eAAeG,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["PreviewTrigger.types.ts"],"sourcesContent":["import type { PopoverTriggerChildProps, PopoverTriggerProps, PopoverTriggerState } from '@fluentui/react-components';\n\n/**\n * PreviewTrigger Props\n */\nexport type PreviewTriggerProps = PopoverTriggerProps & {};\n\n/**\n * State used in rendering PreviewTrigger\n */\nexport type PreviewTriggerState = PopoverTriggerState & {};\n\n/**\n * Props that are passed to the child of the PreviewTrigger when cloned to ensure correct behavior for the Preview.\n */\nexport type PreviewTriggerChildProps = PopoverTriggerChildProps & {};\n"],"names":[],"rangeMappings":";;","mappings":"AAYA;;CAEC,GACD,WAAqE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export { PreviewTrigger } from './PreviewTrigger';\nexport type { PreviewTriggerChildProps, PreviewTriggerProps, PreviewTriggerState } from './PreviewTrigger.types';\nexport { renderPreviewTrigger_unstable } from './renderPreviewTrigger';\nexport { usePreviewTrigger_unstable } from './usePreviewTrigger';\n"],"names":["PreviewTrigger","renderPreviewTrigger_unstable","usePreviewTrigger_unstable"],"rangeMappings":";;","mappings":"AAAA,SAASA,cAAc,QAAQ,mBAAmB;AAElD,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,0BAA0B,QAAQ,sBAAsB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["renderPreviewTrigger.tsx"],"sourcesContent":["import { renderPopoverTrigger_unstable } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { PreviewTriggerState } from './PreviewTrigger.types';\n\n/**\n * Render the final JSX of PreviewTrigger\n */\nexport const renderPreviewTrigger_unstable = (state: PreviewTriggerState): JSXElement | null => {\n return renderPopoverTrigger_unstable(state);\n};\n"],"names":["renderPopoverTrigger_unstable","renderPreviewTrigger_unstable","state"],"rangeMappings":";;;;;","mappings":"AAAA,SAASA,6BAA6B,QAAQ,6BAA6B;AAI3E;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC;IAC5C,OAAOF,8BAA8BE;AACvC,EAAE"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { usePopoverTrigger_unstable } from '@fluentui/react-components';
|
|
2
|
+
// If you add JSX to this file, be sure to change the file type to .tsx
|
|
3
|
+
/**
|
|
4
|
+
* Create the state required to render PreviewTrigger.
|
|
5
|
+
*
|
|
6
|
+
* The returned state can be modified with hooks such as usePreviewTriggerStyles_unstable,
|
|
7
|
+
* before being passed to renderPreviewTrigger_unstable.
|
|
8
|
+
*
|
|
9
|
+
* @param props - props from this instance of PreviewTrigger
|
|
10
|
+
* @param ref - reference to root HTMLElement of PreviewTrigger
|
|
11
|
+
*/ export const usePreviewTrigger_unstable = (props)=>{
|
|
12
|
+
return usePopoverTrigger_unstable(props);
|
|
13
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["usePreviewTrigger.ts"],"sourcesContent":["import { usePopoverTrigger_unstable } from '@fluentui/react-components';\nimport type { PreviewTriggerProps, PreviewTriggerState } from './PreviewTrigger.types';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render PreviewTrigger.\n *\n * The returned state can be modified with hooks such as usePreviewTriggerStyles_unstable,\n * before being passed to renderPreviewTrigger_unstable.\n *\n * @param props - props from this instance of PreviewTrigger\n * @param ref - reference to root HTMLElement of PreviewTrigger\n */\nexport const usePreviewTrigger_unstable = (props: PreviewTriggerProps): PreviewTriggerState => {\n return usePopoverTrigger_unstable(props);\n};\n"],"names":["usePopoverTrigger_unstable","usePreviewTrigger_unstable","props"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,SAASA,0BAA0B,QAAQ,6BAA6B;AAGxE,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,6BAA6B,CAACC;IACzC,OAAOF,2BAA2BE;AACpC,EAAE"}
|
package/lib/index.js
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Preview, renderPreview_unstable, usePreview_unstable } from './Preview';
|
|
2
|
+
export { PreviewHeader, previewHeaderClassNames, renderPreviewHeader_unstable, usePreviewHeaderStyles_unstable, usePreviewHeader_unstable } from './PreviewHeader';
|
|
3
|
+
export { PreviewMetadata, previewMetadataClassNames, renderPreviewMetadata_unstable, usePreviewMetadataStyles_unstable, usePreviewMetadata_unstable } from './PreviewMetadata';
|
|
4
|
+
export { PreviewSurface, previewSurfaceClassNames, renderPreviewSurface_unstable, usePreviewSurfaceStyles_unstable, usePreviewSurface_unstable } from './PreviewSurface';
|
|
5
|
+
export { PreviewTrigger, renderPreviewTrigger_unstable, usePreviewTrigger_unstable } from './PreviewTrigger';
|
|
6
|
+
export { PreviewContent, previewContentClassNames, renderPreviewContent_unstable, usePreviewContentStyles_unstable, usePreviewContent_unstable } from './PreviewContent';
|
|
7
|
+
export { PreviewContext, PreviewContextProvider, usePreviewContext_unstable } from './previewContext';
|
package/lib/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PreviewProps, PreviewState } from './Preview';\nexport { Preview, renderPreview_unstable, usePreview_unstable } from './Preview';\n\nexport type { PreviewHeaderProps, PreviewHeaderSlots, PreviewHeaderState } from './PreviewHeader';\nexport {\n PreviewHeader,\n previewHeaderClassNames,\n renderPreviewHeader_unstable,\n usePreviewHeaderStyles_unstable,\n usePreviewHeader_unstable,\n} from './PreviewHeader';\n\nexport type { PreviewMetadataProps, PreviewMetadataSlots, PreviewMetadataState } from './PreviewMetadata';\nexport {\n PreviewMetadata,\n previewMetadataClassNames,\n renderPreviewMetadata_unstable,\n usePreviewMetadataStyles_unstable,\n usePreviewMetadata_unstable,\n} from './PreviewMetadata';\n\nexport type { PreviewSurfaceProps, PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface';\nexport {\n PreviewSurface,\n previewSurfaceClassNames,\n renderPreviewSurface_unstable,\n usePreviewSurfaceStyles_unstable,\n usePreviewSurface_unstable,\n} from './PreviewSurface';\n\nexport type { PreviewTriggerProps, PreviewTriggerState } from './PreviewTrigger';\nexport { PreviewTrigger, renderPreviewTrigger_unstable, usePreviewTrigger_unstable } from './PreviewTrigger';\n\nexport type { PreviewContentProps, PreviewContentSlots, PreviewContentState } from './PreviewContent';\nexport {\n PreviewContent,\n previewContentClassNames,\n renderPreviewContent_unstable,\n usePreviewContentStyles_unstable,\n usePreviewContent_unstable,\n} from './PreviewContent';\n\nexport type { PreviewContextValue } from './previewContext';\nexport { PreviewContext, PreviewContextProvider, usePreviewContext_unstable } from './previewContext';\n"],"names":["Preview","renderPreview_unstable","usePreview_unstable","PreviewHeader","previewHeaderClassNames","renderPreviewHeader_unstable","usePreviewHeaderStyles_unstable","usePreviewHeader_unstable","PreviewMetadata","previewMetadataClassNames","renderPreviewMetadata_unstable","usePreviewMetadataStyles_unstable","usePreviewMetadata_unstable","PreviewSurface","previewSurfaceClassNames","renderPreviewSurface_unstable","usePreviewSurfaceStyles_unstable","usePreviewSurface_unstable","PreviewTrigger","renderPreviewTrigger_unstable","usePreviewTrigger_unstable","PreviewContent","previewContentClassNames","renderPreviewContent_unstable","usePreviewContentStyles_unstable","usePreviewContent_unstable","PreviewContext","PreviewContextProvider","usePreviewContext_unstable"],"rangeMappings":";;;;;;","mappings":"AACA,SAASA,OAAO,EAAEC,sBAAsB,EAAEC,mBAAmB,QAAQ,YAAY;AAGjF,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB;AAGzB,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,iCAAiC,EACjCC,2BAA2B,QACtB,oBAAoB;AAG3B,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB,mBAAmB;AAG1B,SAASC,cAAc,EAAEC,6BAA6B,EAAEC,0BAA0B,QAAQ,mBAAmB;AAG7G,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB,mBAAmB;AAG1B,SAASC,cAAc,EAAEC,sBAAsB,EAAEC,0BAA0B,QAAQ,mBAAmB"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { createContext, useContextSelector } from '@fluentui/react-context-selector';
|
|
2
|
+
export const PreviewContext = createContext(undefined);
|
|
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
|
|
22
|
+
};
|
|
23
|
+
export const PreviewContextProvider = PreviewContext.Provider;
|
|
24
|
+
export const usePreviewContext_unstable = (selector)=>useContextSelector(PreviewContext, (ctx = previewContextDefaultValue)=>selector(ctx));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["previewContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { PopoverContextValue } from '@fluentui/react-components';\nimport type { Context, ContextSelector } from '@fluentui/react-context-selector';\n\nimport type { PreviewState } from './Preview';\n\nexport type PreviewContextValue = PopoverContextValue & Pick<PreviewState, 'isPreviewLocked'>;\n\nexport const PreviewContext: Context<PreviewContextValue> = createContext<PreviewContextValue | undefined>(\n undefined,\n) as Context<PreviewContextValue>;\nconst previewContextDefaultValue: PreviewContextValue = {\n open: false,\n setOpen: () => null,\n toggleOpen: () => null,\n triggerRef: { current: null },\n contentRef: { current: null },\n arrowRef: { current: null },\n openOnContext: false,\n openOnHover: false,\n size: 'medium' as const,\n trapFocus: false,\n inline: false,\n isPreviewLocked: false,\n};\n\nexport const PreviewContextProvider = PreviewContext.Provider;\n\nexport const usePreviewContext_unstable = <T>(selector: ContextSelector<PreviewContextValue, T>): T =>\n useContextSelector(PreviewContext, (ctx = previewContextDefaultValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","PreviewContext","undefined","previewContextDefaultValue","open","setOpen","toggleOpen","triggerRef","current","contentRef","arrowRef","openOnContext","openOnHover","size","trapFocus","inline","isPreviewLocked","PreviewContextProvider","Provider","usePreviewContext_unstable","selector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,mCAAmC;AAQrF,OAAO,MAAMC,iBAA+CF,cAC1DG,WACgC;AAClC,MAAMC,6BAAkD;IACtDC,MAAM;IACNC,SAAS,IAAM;IACfC,YAAY,IAAM;IAClBC,YAAY;QAAEC,SAAS;IAAK;IAC5BC,YAAY;QAAED,SAAS;IAAK;IAC5BE,UAAU;QAAEF,SAAS;IAAK;IAC1BG,eAAe;IACfC,aAAa;IACbC,MAAM;IACNC,WAAW;IACXC,QAAQ;IACRC,iBAAiB;AACnB;AAEA,OAAO,MAAMC,yBAAyBhB,eAAeiB,QAAQ,CAAC;AAE9D,OAAO,MAAMC,6BAA6B,CAAIC,WAC5CpB,mBAAmBC,gBAAgB,CAACoB,MAAMlB,0BAA0B,GAAKiB,SAASC,MAAM"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { addOpenedByHoverPreview, closeAllOpenedByHoverPreviews, removeOpenedByHoverPreview } from './openedByHoverPreviewManager';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export { addOpenedByHoverPreview, closeAllOpenedByHoverPreviews, removeOpenedByHoverPreview } from './openedByHoverPreviewManager';\n"],"names":["addOpenedByHoverPreview","closeAllOpenedByHoverPreviews","removeOpenedByHoverPreview"],"rangeMappings":"","mappings":"AAAA,SAASA,uBAAuB,EAAEC,6BAA6B,EAAEC,0BAA0B,QAAQ,gCAAgC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
const openedByHoverPreviewManager = [];
|
|
2
|
+
export function addOpenedByHoverPreview(id, closeCallback) {
|
|
3
|
+
openedByHoverPreviewManager.push({
|
|
4
|
+
id,
|
|
5
|
+
closeCallback
|
|
6
|
+
});
|
|
7
|
+
}
|
|
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
|
+
}
|
|
14
|
+
}
|
|
15
|
+
export function closeAllOpenedByHoverPreviews(id) {
|
|
16
|
+
for (const openedPreview of openedByHoverPreviewManager){
|
|
17
|
+
if (openedPreview.id !== id) {
|
|
18
|
+
openedPreview.closeCallback();
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
openedByHoverPreviewManager.length = 0;
|
|
22
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["openedByHoverPreviewManager.ts"],"sourcesContent":["type openedByHoverPreviewManager = { id: string; closeCallback: () => void }[];\n\nconst openedByHoverPreviewManager: openedByHoverPreviewManager = [];\n\nexport function addOpenedByHoverPreview(id: string, closeCallback: () => void): void {\n openedByHoverPreviewManager.push({ id, closeCallback });\n}\n\nexport function removeOpenedByHoverPreview(id: string): void {\n let index = openedByHoverPreviewManager.findIndex(preview => preview.id === id);\n while (index !== -1) {\n openedByHoverPreviewManager.splice(index, 1);\n index = openedByHoverPreviewManager.findIndex(preview => preview.id === id);\n }\n}\n\nexport function closeAllOpenedByHoverPreviews(id: string): void {\n for (const openedPreview of openedByHoverPreviewManager) {\n if (openedPreview.id !== id) {\n openedPreview.closeCallback();\n }\n }\n\n openedByHoverPreviewManager.length = 0;\n}\n"],"names":["openedByHoverPreviewManager","addOpenedByHoverPreview","id","closeCallback","push","removeOpenedByHoverPreview","index","findIndex","preview","splice","closeAllOpenedByHoverPreviews","openedPreview","length"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,MAAMA,8BAA2D,EAAE;AAEnE,OAAO,SAASC,wBAAwBC,EAAU,EAAEC,aAAyB;IAC3EH,4BAA4BI,IAAI,CAAC;QAAEF;QAAIC;IAAc;AACvD;AAEA,OAAO,SAASE,2BAA2BH,EAAU;IACnD,IAAII,QAAQN,4BAA4BO,SAAS,CAACC,CAAAA,UAAWA,QAAQN,EAAE,KAAKA;IAC5E,MAAOI,UAAU,CAAC,EAAG;QACnBN,4BAA4BS,MAAM,CAACH,OAAO;QAC1CA,QAAQN,4BAA4BO,SAAS,CAACC,CAAAA,UAAWA,QAAQN,EAAE,KAAKA;IAC1E;AACF;AAEA,OAAO,SAASQ,8BAA8BR,EAAU;IACtD,KAAK,MAAMS,iBAAiBX,4BAA6B;QACvD,IAAIW,cAAcT,EAAE,KAAKA,IAAI;YAC3BS,cAAcR,aAAa;QAC7B;IACF;IAEAH,4BAA4BY,MAAM,GAAG;AACvC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
Preview: function() {
|
|
13
|
+
return _index.Preview;
|
|
14
|
+
},
|
|
15
|
+
renderPreview_unstable: function() {
|
|
16
|
+
return _index.renderPreview_unstable;
|
|
17
|
+
},
|
|
18
|
+
usePreview_unstable: function() {
|
|
19
|
+
return _index.usePreview_unstable;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
const _index = require("./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":";;;;;;;;;;;IACSA,OAAO;eAAPA,cAAO;;IAAEC,sBAAsB;eAAtBA,6BAAsB;;IAAEC,mBAAmB;eAAnBA,0BAAmB;;;uBAAQ"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
PreviewContent: function() {
|
|
13
|
+
return _index.PreviewContent;
|
|
14
|
+
},
|
|
15
|
+
previewContentClassNames: function() {
|
|
16
|
+
return _index.previewContentClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderPreviewContent_unstable: function() {
|
|
19
|
+
return _index.renderPreviewContent_unstable;
|
|
20
|
+
},
|
|
21
|
+
usePreviewContentStyles_unstable: function() {
|
|
22
|
+
return _index.usePreviewContentStyles_unstable;
|
|
23
|
+
},
|
|
24
|
+
usePreviewContent_unstable: function() {
|
|
25
|
+
return _index.usePreviewContent_unstable;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const _index = require("./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":";;;;;;;;;;;IACSA,cAAc;eAAdA,qBAAc;;IAAEC,wBAAwB;eAAxBA,+BAAwB;;IAAEC,6BAA6B;eAA7BA,oCAA6B;;IAAEC,gCAAgC;eAAhCA,uCAAgC;;IAAEC,0BAA0B;eAA1BA,iCAA0B;;;uBAAQ"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
PreviewHeader: function() {
|
|
13
|
+
return _index.PreviewHeader;
|
|
14
|
+
},
|
|
15
|
+
previewHeaderClassNames: function() {
|
|
16
|
+
return _index.previewHeaderClassNames;
|
|
17
|
+
},
|
|
18
|
+
previewHeaderExtraClassNames: function() {
|
|
19
|
+
return _index.previewHeaderExtraClassNames;
|
|
20
|
+
},
|
|
21
|
+
renderPreviewHeader_unstable: function() {
|
|
22
|
+
return _index.renderPreviewHeader_unstable;
|
|
23
|
+
},
|
|
24
|
+
usePreviewHeaderStyles_unstable: function() {
|
|
25
|
+
return _index.usePreviewHeaderStyles_unstable;
|
|
26
|
+
},
|
|
27
|
+
usePreviewHeader_unstable: function() {
|
|
28
|
+
return _index.usePreviewHeader_unstable;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
const _index = require("./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":";;;;;;;;;;;IACSA,aAAa;eAAbA,oBAAa;;IAAEC,uBAAuB;eAAvBA,8BAAuB;;IAAEC,4BAA4B;eAA5BA,mCAA4B;;IAAEC,4BAA4B;eAA5BA,mCAA4B;;IAAEC,+BAA+B;eAA/BA,sCAA+B;;IAAEC,yBAAyB;eAAzBA,gCAAyB;;;uBAAQ"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
PreviewMetadata: function() {
|
|
13
|
+
return _index.PreviewMetadata;
|
|
14
|
+
},
|
|
15
|
+
previewMetadataClassNames: function() {
|
|
16
|
+
return _index.previewMetadataClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderPreviewMetadata_unstable: function() {
|
|
19
|
+
return _index.renderPreviewMetadata_unstable;
|
|
20
|
+
},
|
|
21
|
+
usePreviewMetadataStyles_unstable: function() {
|
|
22
|
+
return _index.usePreviewMetadataStyles_unstable;
|
|
23
|
+
},
|
|
24
|
+
usePreviewMetadata_unstable: function() {
|
|
25
|
+
return _index.usePreviewMetadata_unstable;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const _index = require("./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":";;;;;;;;;;;IACSA,eAAe;eAAfA,sBAAe;;IAAEC,yBAAyB;eAAzBA,gCAAyB;;IAAEC,8BAA8B;eAA9BA,qCAA8B;;IAAEC,iCAAiC;eAAjCA,wCAAiC;;IAAEC,2BAA2B;eAA3BA,kCAA2B;;;uBAAQ"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
PreviewSurface: function() {
|
|
13
|
+
return _index.PreviewSurface;
|
|
14
|
+
},
|
|
15
|
+
previewSurfaceClassNames: function() {
|
|
16
|
+
return _index.previewSurfaceClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderPreviewSurface_unstable: function() {
|
|
19
|
+
return _index.renderPreviewSurface_unstable;
|
|
20
|
+
},
|
|
21
|
+
usePreviewSurfaceStyles_unstable: function() {
|
|
22
|
+
return _index.usePreviewSurfaceStyles_unstable;
|
|
23
|
+
},
|
|
24
|
+
usePreviewSurface_unstable: function() {
|
|
25
|
+
return _index.usePreviewSurface_unstable;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const _index = require("./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":";;;;;;;;;;;IACSA,cAAc;eAAdA,qBAAc;;IAAEC,wBAAwB;eAAxBA,+BAAwB;;IAAEC,6BAA6B;eAA7BA,oCAA6B;;IAAEC,gCAAgC;eAAhCA,uCAAgC;;IAAEC,0BAA0B;eAA1BA,iCAA0B;;;uBAAQ"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
PreviewTrigger: function() {
|
|
13
|
+
return _index.PreviewTrigger;
|
|
14
|
+
},
|
|
15
|
+
renderPreviewTrigger_unstable: function() {
|
|
16
|
+
return _index.renderPreviewTrigger_unstable;
|
|
17
|
+
},
|
|
18
|
+
usePreviewTrigger_unstable: function() {
|
|
19
|
+
return _index.usePreviewTrigger_unstable;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
const _index = require("./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":";;;;;;;;;;;IACSA,cAAc;eAAdA,qBAAc;;IAAEC,6BAA6B;eAA7BA,oCAA6B;;IAAEC,0BAA0B;eAA1BA,iCAA0B;;;uBAAQ"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "Preview", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return Preview;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _usePreview = require("./usePreview");
|
|
12
|
+
const _renderPreview = require("./renderPreview");
|
|
13
|
+
const Preview = (props)=>{
|
|
14
|
+
const state = (0, _usePreview.usePreview_unstable)(props);
|
|
15
|
+
return (0, _renderPreview.renderPreview_unstable)(state);
|
|
16
|
+
};
|
|
17
|
+
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":["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"}
|
|
@@ -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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
Preview: function() {
|
|
13
|
+
return _Preview.Preview;
|
|
14
|
+
},
|
|
15
|
+
renderPreview_unstable: function() {
|
|
16
|
+
return _renderPreview.renderPreview_unstable;
|
|
17
|
+
},
|
|
18
|
+
usePreview_unstable: function() {
|
|
19
|
+
return _usePreview.usePreview_unstable;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
const _Preview = require("./Preview");
|
|
23
|
+
const _renderPreview = require("./renderPreview");
|
|
24
|
+
const _usePreview = require("./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":";;;;;;;;;;;IAASA,OAAO;eAAPA,gBAAO;;IAEPC,sBAAsB;eAAtBA,qCAAsB;;IACtBC,mBAAmB;eAAnBA,+BAAmB;;;yBAHJ;+BAEe;4BACH"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "renderPreview_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderPreview_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
14
|
+
const _previewContext = require("../../previewContext");
|
|
15
|
+
const renderPreview_unstable = (state)=>{
|
|
16
|
+
const { appearance, arrowRef, contentRef, inertTrapFocus, inline, isPreviewLocked, mountNode, open, openOnContext, openOnHover, setOpen, size, toggleOpen, trapFocus, triggerRef, withArrow } = state;
|
|
17
|
+
return /*#__PURE__*/ _react.createElement(_previewContext.PreviewContextProvider, {
|
|
18
|
+
value: {
|
|
19
|
+
appearance,
|
|
20
|
+
arrowRef,
|
|
21
|
+
contentRef,
|
|
22
|
+
inertTrapFocus,
|
|
23
|
+
inline,
|
|
24
|
+
isPreviewLocked,
|
|
25
|
+
mountNode,
|
|
26
|
+
open,
|
|
27
|
+
openOnContext,
|
|
28
|
+
openOnHover,
|
|
29
|
+
setOpen,
|
|
30
|
+
size,
|
|
31
|
+
toggleOpen,
|
|
32
|
+
trapFocus,
|
|
33
|
+
triggerRef,
|
|
34
|
+
withArrow
|
|
35
|
+
}
|
|
36
|
+
}, (0, _reactcomponents.renderPopover_unstable)(state));
|
|
37
|
+
};
|
|
@@ -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":["renderPreview_unstable","state","appearance","arrowRef","contentRef","inertTrapFocus","inline","isPreviewLocked","mountNode","open","openOnContext","openOnHover","setOpen","size","toggleOpen","trapFocus","triggerRef","withArrow","React","createElement","PreviewContextProvider","value","renderPopover_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;iCAEgB;gCAGA;AAMhC,MAAMA,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,OAAA,WAAA,GACEiB,OAAAC,aAAA,CAACC,sCAAAA,EAAAA;QACCC,OAAO;YACLnB;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;OAECK,IAAAA,uCAAAA,EAAuBrB;AAG9B"}
|