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,22 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "TeachingPopoverTrigger", {
enumerable: true,
get: function() {
return TeachingPopoverTrigger;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _renderTeachingPopoverTrigger = require("./renderTeachingPopoverTrigger");
const _useTeachingPopoverTrigger = require("./useTeachingPopoverTrigger");
const TeachingPopoverTrigger = (props)=>{
const state = (0, _useTeachingPopoverTrigger.useTeachingPopoverTrigger_unstable)(props);
return (0, _renderTeachingPopoverTrigger.renderTeachingPopoverTrigger_unstable)(state);
};
TeachingPopoverTrigger.displayName = 'TeachingPopoverTrigger';
// type casting here is required to ensure internal type FluentTriggerComponent is not leaked
TeachingPopoverTrigger.isFluentTriggerComponent = true;

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/TeachingPopoverTrigger/TeachingPopoverTrigger.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { FluentTriggerComponent } from '@fluentui/react-utilities';\nimport { TeachingPopoverTriggerProps } from './TeachingPopoverTrigger.types';\nimport { renderTeachingPopoverTrigger_unstable } from './renderTeachingPopoverTrigger';\nimport { useTeachingPopoverTrigger_unstable } from './useTeachingPopoverTrigger';\n\n/**\n * Direct extension of PopoverTrigger - Wraps a trigger element as an only child and adds the necessary event handling to open a teaching bubble.\n */\nexport const TeachingPopoverTrigger: React.FC<TeachingPopoverTriggerProps> = props => {\n const state = useTeachingPopoverTrigger_unstable(props);\n\n return renderTeachingPopoverTrigger_unstable(state);\n};\n\nTeachingPopoverTrigger.displayName = 'TeachingPopoverTrigger';\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\n(TeachingPopoverTrigger as FluentTriggerComponent).isFluentTriggerComponent = true;\n"],"names":["React","renderTeachingPopoverTrigger_unstable","useTeachingPopoverTrigger_unstable","TeachingPopoverTrigger","props","state","displayName","isFluentTriggerComponent"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8CAGuB,iCAAiC;2CACpC,8BAA8B;AAK1E,MAAMG,yBAAgEC,CAAAA;IAC3E,MAAMC,YAAQH,6DAAAA,EAAmCE;IAEjD,WAAOH,mEAAAA,EAAsCI;AAC/C,EAAE;AAEFF,uBAAuBG,WAAW,GAAG;AACrC,6FAA6F;AAC5FH,uBAAkDI,wBAAwB,GAAG"}

View File

@@ -0,0 +1,6 @@
/**
* Props that are passed to the child of the DialogTrigger when cloned to ensure correct behavior for the Dialog
*/ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/TeachingPopoverTrigger/TeachingPopoverTrigger.types.ts"],"sourcesContent":["import { PopoverTriggerChildProps, PopoverTriggerProps, PopoverTriggerState } from '@fluentui/react-popover';\n\n/**\n * TeachingPopoverTrigger Props\n */\nexport type TeachingPopoverTriggerProps = PopoverTriggerProps;\n\n/**\n * TeachingPopoverTrigger State\n */\nexport type TeachingPopoverTriggerState = PopoverTriggerState;\n\n/**\n * Props that are passed to the child of the DialogTrigger when cloned to ensure correct behavior for the Dialog\n */\nexport type TeachingPopoverTriggerChildProps = PopoverTriggerChildProps;\n"],"names":[],"mappings":"AAYA;;CAEC,GACD,WAAwE"}

View File

@@ -0,0 +1,24 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
TeachingPopoverTrigger: function() {
return _TeachingPopoverTrigger.TeachingPopoverTrigger;
},
renderTeachingPopoverTrigger_unstable: function() {
return _renderTeachingPopoverTrigger.renderTeachingPopoverTrigger_unstable;
},
useTeachingPopoverTrigger_unstable: function() {
return _useTeachingPopoverTrigger.useTeachingPopoverTrigger_unstable;
}
});
const _TeachingPopoverTrigger = require("./TeachingPopoverTrigger");
const _renderTeachingPopoverTrigger = require("./renderTeachingPopoverTrigger");
const _useTeachingPopoverTrigger = require("./useTeachingPopoverTrigger");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/TeachingPopoverTrigger/index.ts"],"sourcesContent":["export { TeachingPopoverTrigger } from './TeachingPopoverTrigger';\nexport type {\n TeachingPopoverTriggerChildProps,\n TeachingPopoverTriggerProps,\n TeachingPopoverTriggerState,\n} from './TeachingPopoverTrigger.types';\nexport { renderTeachingPopoverTrigger_unstable } from './renderTeachingPopoverTrigger';\nexport { useTeachingPopoverTrigger_unstable } from './useTeachingPopoverTrigger';\n"],"names":["TeachingPopoverTrigger","renderTeachingPopoverTrigger_unstable","useTeachingPopoverTrigger_unstable"],"mappings":";;;;;;;;;;;;eAASA,8CAAsB;;;eAMtBC,mEAAqC;;;eACrCC,6DAAkC;;;wCAPJ,2BAA2B;8CAMZ,iCAAiC;2CACpC,8BAA8B"}

View File

@@ -0,0 +1,15 @@
/**
* Render the final JSX of TeachingPopoverTrigger
*/ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "renderTeachingPopoverTrigger_unstable", {
enumerable: true,
get: function() {
return renderTeachingPopoverTrigger_unstable;
}
});
const renderTeachingPopoverTrigger_unstable = (state)=>{
return state.children;
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/TeachingPopoverTrigger/renderTeachingPopoverTrigger.tsx"],"sourcesContent":["import type { JSXElement } from '@fluentui/react-utilities';\nimport { TeachingPopoverTriggerState } from './TeachingPopoverTrigger.types';\n\n/**\n * Render the final JSX of TeachingPopoverTrigger\n */\nexport const renderTeachingPopoverTrigger_unstable = (state: TeachingPopoverTriggerState): JSXElement | null => {\n return state.children;\n};\n"],"names":["renderTeachingPopoverTrigger_unstable","state","children"],"mappings":"AAGA;;CAEC,GACD;;;;;;;;;;AAAO,MAAMA,wCAAwC,CAACC;IACpD,OAAOA,MAAMC,QAAQ;AACvB,EAAE"}

View File

@@ -0,0 +1,16 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useTeachingPopoverTrigger_unstable", {
enumerable: true,
get: function() {
return useTeachingPopoverTrigger_unstable;
}
});
const _reactpopover = require("@fluentui/react-popover");
const useTeachingPopoverTrigger_unstable = (props)=>{
const state = (0, _reactpopover.usePopoverTrigger_unstable)(props);
return state;
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/TeachingPopoverTrigger/useTeachingPopoverTrigger.ts"],"sourcesContent":["'use client';\n\nimport { TeachingPopoverTriggerProps, TeachingPopoverTriggerState } from './TeachingPopoverTrigger.types';\nimport { usePopoverTrigger_unstable } from '@fluentui/react-popover';\n\n/**\n * Create the state required to render TeachingPopoverTrigger.\n *\n * @param props - props from this instance of TeachingPopoverTrigger\n */\nexport const useTeachingPopoverTrigger_unstable = (props: TeachingPopoverTriggerProps): TeachingPopoverTriggerState => {\n const state = usePopoverTrigger_unstable(props);\n\n return state;\n};\n"],"names":["usePopoverTrigger_unstable","useTeachingPopoverTrigger_unstable","props","state"],"mappings":"AAAA;;;;;;;;;;;8BAG2C,0BAA0B;AAO9D,MAAMC,qCAAqC,CAACC;IACjD,MAAMC,YAAQH,wCAAAA,EAA2BE;IAEzC,OAAOC;AACT,EAAE"}