Private
Public Access
1
0

feat: Fluent UI Outlook Lite + connections mockup

This commit is contained in:
2026-04-14 18:52:25 +00:00
parent 1199eff6c3
commit dfa4010406
34820 changed files with 1003813 additions and 205 deletions

View File

@@ -0,0 +1,11 @@
'use client';
import * as React from 'react';
import { useTeachingPopover_unstable } from './useTeachingPopover';
import { renderTeachingPopover_unstable } from './renderTeachingPopover';
/**
* An extension class of Popover which defaults to withArrow and FocusTrap enabled.
*/ export const TeachingPopover = (props)=>{
const state = useTeachingPopover_unstable(props);
return renderTeachingPopover_unstable(state);
};
TeachingPopover.displayName = 'TeachingPopover';

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/TeachingPopover/TeachingPopover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTeachingPopover_unstable } from './useTeachingPopover';\nimport { renderTeachingPopover_unstable } from './renderTeachingPopover';\nimport type { TeachingPopoverProps } from './TeachingPopover.types';\n\n/**\n * An extension class of Popover which defaults to withArrow and FocusTrap enabled.\n */\nexport const TeachingPopover: React.FC<TeachingPopoverProps> = props => {\n const state = useTeachingPopover_unstable(props);\n\n return renderTeachingPopover_unstable(state);\n};\n\nTeachingPopover.displayName = 'TeachingPopover';\n"],"names":["React","useTeachingPopover_unstable","renderTeachingPopover_unstable","TeachingPopover","props","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,8BAA8B,QAAQ,0BAA0B;AAGzE;;CAEC,GACD,OAAO,MAAMC,kBAAkDC,CAAAA;IAC7D,MAAMC,QAAQJ,4BAA4BG;IAE1C,OAAOF,+BAA+BG;AACxC,EAAE;AAEFF,gBAAgBG,WAAW,GAAG"}

View File

@@ -0,0 +1,3 @@
/**
* TeachingPopover State
*/ export { };

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/TeachingPopover/TeachingPopover.types.ts"],"sourcesContent":["import type { PopoverState, PopoverProps } from '@fluentui/react-popover';\n\n/**\n * TeachingPopover Props\n */\nexport type TeachingPopoverProps = PopoverProps;\n\n/**\n * TeachingPopover State\n */\nexport type TeachingPopoverState = PopoverState;\n"],"names":[],"mappings":"AAOA;;CAEC,GACD,WAAgD"}

View File

@@ -0,0 +1,3 @@
export { TeachingPopover } from './TeachingPopover';
export { renderTeachingPopover_unstable } from './renderTeachingPopover';
export { useTeachingPopover_unstable } from './useTeachingPopover';

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/TeachingPopover/index.ts"],"sourcesContent":["export { TeachingPopover } from './TeachingPopover';\nexport type { TeachingPopoverProps, TeachingPopoverState } from './TeachingPopover.types';\nexport { renderTeachingPopover_unstable } from './renderTeachingPopover';\nexport { useTeachingPopover_unstable } from './useTeachingPopover';\n"],"names":["TeachingPopover","renderTeachingPopover_unstable","useTeachingPopover_unstable"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAEpD,SAASC,8BAA8B,QAAQ,0BAA0B;AACzE,SAASC,2BAA2B,QAAQ,uBAAuB"}

View File

@@ -0,0 +1,4 @@
import { renderPopover_unstable } from '@fluentui/react-popover';
/**
* Render the final JSX of TeachingPopover
*/ export const renderTeachingPopover_unstable = renderPopover_unstable;

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/TeachingPopover/renderTeachingPopover.tsx"],"sourcesContent":["import { renderPopover_unstable } from '@fluentui/react-popover';\n\n/**\n * Render the final JSX of TeachingPopover\n */\nexport const renderTeachingPopover_unstable = renderPopover_unstable;\n"],"names":["renderPopover_unstable","renderTeachingPopover_unstable"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,0BAA0B;AAEjE;;CAEC,GACD,OAAO,MAAMC,iCAAiCD,uBAAuB"}

View File

@@ -0,0 +1,12 @@
'use client';
import { usePopover_unstable } from '@fluentui/react-popover';
export const useTeachingPopover_unstable = (props)=>{
const popoverState = usePopover_unstable(props);
var _props_withArrow, _props_trapFocus;
return {
...popoverState,
withArrow: (_props_withArrow = props.withArrow) !== null && _props_withArrow !== void 0 ? _props_withArrow : true,
// We trap focus because the default TeachingPopover view has buttons/carousel.
trapFocus: (_props_trapFocus = props.trapFocus) !== null && _props_trapFocus !== void 0 ? _props_trapFocus : true
};
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/TeachingPopover/useTeachingPopover.ts"],"sourcesContent":["'use client';\n\nimport { usePopover_unstable } from '@fluentui/react-popover';\nimport type { TeachingPopoverProps, TeachingPopoverState } from './TeachingPopover.types';\n\nexport const useTeachingPopover_unstable = (props: TeachingPopoverProps): TeachingPopoverState => {\n const popoverState = usePopover_unstable(props);\n\n return {\n ...popoverState,\n withArrow: props.withArrow ?? true,\n // We trap focus because the default TeachingPopover view has buttons/carousel.\n trapFocus: props.trapFocus ?? true,\n };\n};\n"],"names":["usePopover_unstable","useTeachingPopover_unstable","props","popoverState","withArrow","trapFocus"],"mappings":"AAAA;AAEA,SAASA,mBAAmB,QAAQ,0BAA0B;AAG9D,OAAO,MAAMC,8BAA8B,CAACC;IAC1C,MAAMC,eAAeH,oBAAoBE;QAI5BA,kBAEAA;IAJb,OAAO;QACL,GAAGC,YAAY;QACfC,WAAWF,CAAAA,mBAAAA,MAAME,SAAS,cAAfF,8BAAAA,mBAAmB;QAC9B,+EAA+E;QAC/EG,WAAWH,CAAAA,mBAAAA,MAAMG,SAAS,cAAfH,8BAAAA,mBAAmB;IAChC;AACF,EAAE"}