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,2 @@
import * as ReactDevRuntime from 'react/jsx-dev-runtime';
export const DevRuntime = ReactDevRuntime;

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/utils/DevRuntime.ts"],"sourcesContent":["import * as ReactDevRuntime from 'react/jsx-dev-runtime';\nimport type { JSXRuntime } from './types';\n\nexport const DevRuntime = ReactDevRuntime as {\n jsxDEV: JSXRuntime;\n};\n"],"names":["ReactDevRuntime","DevRuntime"],"mappings":"AAAA,YAAYA,qBAAqB,wBAAwB;AAGzD,OAAO,MAAMC,aAAaD,gBAExB"}

View File

@@ -0,0 +1,2 @@
import * as ReactRuntime from 'react/jsx-runtime';
export const Runtime = ReactRuntime;

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/utils/Runtime.ts"],"sourcesContent":["import * as ReactRuntime from 'react/jsx-runtime';\nimport type { JSXRuntime } from './types';\n\nexport const Runtime = ReactRuntime as {\n jsx: JSXRuntime;\n jsxs: JSXRuntime;\n};\n"],"names":["ReactRuntime","Runtime"],"mappings":"AAAA,YAAYA,kBAAkB,oBAAoB;AAGlD,OAAO,MAAMC,UAAUD,aAGrB"}

View File

@@ -0,0 +1,11 @@
import * as React from 'react';
import { SLOT_ELEMENT_TYPE_SYMBOL } from '@fluentui/react-utilities';
// TODO:
// this is for backwards compatibility with getSlotsNext
// it should be removed once getSlotsNext is obsolete
export function createCompatSlotComponent(type, props) {
return {
...props,
[SLOT_ELEMENT_TYPE_SYMBOL]: type
};
}

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/utils/createCompatSlotComponent.ts"],"sourcesContent":["import * as React from 'react';\nimport { SLOT_ELEMENT_TYPE_SYMBOL } from '@fluentui/react-utilities';\nimport type { SlotComponentType } from '@fluentui/react-utilities';\n\n// TODO:\n// this is for backwards compatibility with getSlotsNext\n// it should be removed once getSlotsNext is obsolete\nexport function createCompatSlotComponent<P extends {}>(type: React.ElementType<P>, props: P): SlotComponentType<P> {\n return {\n ...props,\n [SLOT_ELEMENT_TYPE_SYMBOL]: type,\n } as SlotComponentType<P>;\n}\n"],"names":["React","SLOT_ELEMENT_TYPE_SYMBOL","createCompatSlotComponent","type","props"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,4BAA4B;AAGrE,QAAQ;AACR,wDAAwD;AACxD,qDAAqD;AACrD,OAAO,SAASC,0BAAwCC,IAA0B,EAAEC,KAAQ;IAC1F,OAAO;QACL,GAAGA,KAAK;QACR,CAACH,yBAAyB,EAAEE;IAC9B;AACF"}

View File

@@ -0,0 +1,16 @@
import { SLOT_CLASS_NAME_PROP_SYMBOL, SLOT_ELEMENT_TYPE_SYMBOL, SLOT_RENDER_FUNCTION_SYMBOL } from '@fluentui/react-utilities';
/**
* @internal
*/ export function getMetadataFromSlotComponent(type) {
const { as, [SLOT_CLASS_NAME_PROP_SYMBOL]: _classNameProp, [SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType, [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction, ...propsWithoutMetadata } = type;
const props = propsWithoutMetadata;
const elementType = typeof baseElementType === 'string' ? as !== null && as !== void 0 ? as : baseElementType : baseElementType;
if (typeof elementType !== 'string' && as) {
props.as = as;
}
return {
elementType,
props,
renderFunction
};
}

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/utils/getMetadataFromSlotComponent.ts"],"sourcesContent":["import type * as React from 'react';\nimport {\n SLOT_CLASS_NAME_PROP_SYMBOL,\n SLOT_ELEMENT_TYPE_SYMBOL,\n SLOT_RENDER_FUNCTION_SYMBOL,\n} from '@fluentui/react-utilities';\nimport type { SlotComponentType, SlotRenderFunction, UnknownSlotProps } from '@fluentui/react-utilities';\n\n/**\n * @internal\n */\nexport function getMetadataFromSlotComponent<Props extends UnknownSlotProps>(\n type: SlotComponentType<Props>,\n): {\n elementType: React.ElementType<Props>;\n props: Props;\n renderFunction: SlotRenderFunction<Props> | undefined;\n} {\n const {\n as,\n [SLOT_CLASS_NAME_PROP_SYMBOL]: _classNameProp,\n [SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType,\n [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction,\n ...propsWithoutMetadata\n } = type;\n const props = propsWithoutMetadata as UnknownSlotProps as Props;\n\n const elementType = (\n typeof baseElementType === 'string' ? as ?? baseElementType : baseElementType\n ) as React.ElementType<Props>;\n\n if (typeof elementType !== 'string' && as) {\n props.as = as;\n }\n return { elementType, props, renderFunction };\n}\n"],"names":["SLOT_CLASS_NAME_PROP_SYMBOL","SLOT_ELEMENT_TYPE_SYMBOL","SLOT_RENDER_FUNCTION_SYMBOL","getMetadataFromSlotComponent","type","as","_classNameProp","baseElementType","renderFunction","propsWithoutMetadata","props","elementType"],"mappings":"AACA,SACEA,2BAA2B,EAC3BC,wBAAwB,EACxBC,2BAA2B,QACtB,4BAA4B;AAGnC;;CAEC,GACD,OAAO,SAASC,6BACdC,IAA8B;IAM9B,MAAM,EACJC,EAAE,EACF,CAACL,4BAA4B,EAAEM,cAAc,EAC7C,CAACL,yBAAyB,EAAEM,eAAe,EAC3C,CAACL,4BAA4B,EAAEM,cAAc,EAC7C,GAAGC,sBACJ,GAAGL;IACJ,MAAMM,QAAQD;IAEd,MAAME,cACJ,OAAOJ,oBAAoB,WAAWF,eAAAA,gBAAAA,KAAME,kBAAkBA;IAGhE,IAAI,OAAOI,gBAAgB,YAAYN,IAAI;QACzCK,MAAML,EAAE,GAAGA;IACb;IACA,OAAO;QAAEM;QAAaD;QAAOF;IAAe;AAC9C"}

View File

@@ -0,0 +1 @@
export { };

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/utils/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { SlotComponentType, UnknownSlotProps } from '@fluentui/react-utilities';\n\nexport type JSXRuntime = <P extends {}>(\n type: React.ElementType<P>,\n props: P | null,\n key?: React.Key,\n source?: unknown,\n self?: unknown,\n) => React.ReactElement<P>;\n\nexport type JSXSlotRuntime = <Props extends UnknownSlotProps>(\n type: SlotComponentType<Props>,\n overrideProps: Props | null,\n key?: React.Key,\n source?: unknown,\n self?: unknown,\n) => React.ReactElement<Props>;\n"],"names":[],"mappings":"AAWA,WAM+B"}

View File

@@ -0,0 +1,13 @@
import * as React from 'react';
export function warnIfElementTypeIsInvalid(type) {
if (process.env.NODE_ENV === 'development' && typeof type === 'object' && type !== null && // eslint-disable-next-line dot-notation
type['$$typeof'] === undefined) {
// eslint-disable-next-line no-console
console.error(`@fluentui/react-jsx-runtime:
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: ${type}.
If this happened in a slot of Fluent UI component, you might be facing package resolution issues.
Please make sure you don't have multiple versions of "@fluentui/react-utilities" installed in your dependencies or sub-dependencies.
You can check this by searching up for matching entries in a lockfile produced by your package manager (yarn.lock, pnpm-lock.yaml or package-lock.json).`);
}
}

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/utils/warnIfElementTypeIsInvalid.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function warnIfElementTypeIsInvalid(type: React.ElementType): void {\n if (\n process.env.NODE_ENV === 'development' &&\n typeof type === 'object' &&\n type !== null &&\n // eslint-disable-next-line dot-notation\n type['$$typeof'] === undefined\n ) {\n // eslint-disable-next-line no-console\n console.error(/** #__DE-INDENT__ */ `\n @fluentui/react-jsx-runtime:\n Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: ${type}.\n\n If this happened in a slot of Fluent UI component, you might be facing package resolution issues.\n Please make sure you don't have multiple versions of \"@fluentui/react-utilities\" installed in your dependencies or sub-dependencies.\n You can check this by searching up for matching entries in a lockfile produced by your package manager (yarn.lock, pnpm-lock.yaml or package-lock.json).\n `);\n }\n}\n"],"names":["React","warnIfElementTypeIsInvalid","type","process","env","NODE_ENV","undefined","console","error"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,2BAA2BC,IAAuB;IAChE,IACEC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBACzB,OAAOH,SAAS,YAChBA,SAAS,QACT,wCAAwC;IACxCA,IAAI,CAAC,WAAW,KAAKI,WACrB;QACA,sCAAsC;QACtCC,QAAQC,KAAK,CAAuB,CAAC;6HAE4F,EAAEN,KAAK;;;;wJAKtI,CAAC;IACL;AACF"}