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 @@
export { MessageBarContextProvider, messageBarContextDefaultValue, useMessageBarContext } from './messageBarContext';
export { MessageBarTransitionContextProvider, messageBarTransitionContextDefaultValue, useMessageBarTransitionContext } from './messageBarTransitionContext';

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export type { MessageBarContextValue } from './messageBarContext';\nexport { MessageBarContextProvider, messageBarContextDefaultValue, useMessageBarContext } from './messageBarContext';\nexport type { MessageBarTransitionContextValue } from './messageBarTransitionContext';\nexport {\n MessageBarTransitionContextProvider,\n messageBarTransitionContextDefaultValue,\n useMessageBarTransitionContext,\n} from './messageBarTransitionContext';\n"],"names":["MessageBarContextProvider","messageBarContextDefaultValue","useMessageBarContext","MessageBarTransitionContextProvider","messageBarTransitionContextDefaultValue","useMessageBarTransitionContext"],"mappings":"AACA,SAASA,yBAAyB,EAAEC,6BAA6B,EAAEC,oBAAoB,QAAQ,sBAAsB;AAErH,SACEC,mCAAmC,EACnCC,uCAAuC,EACvCC,8BAA8B,QACzB,gCAAgC"}

View File

@@ -0,0 +1,14 @@
'use client';
import * as React from 'react';
const messageBarContext = React.createContext(undefined);
export const messageBarContextDefaultValue = {
titleId: '',
layout: 'singleline',
actionsRef: React.createRef(),
bodyRef: React.createRef()
};
export const MessageBarContextProvider = messageBarContext.Provider;
export const useMessageBarContext = ()=>{
var _React_useContext;
return (_React_useContext = React.useContext(messageBarContext)) !== null && _React_useContext !== void 0 ? _React_useContext : messageBarContextDefaultValue;
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/contexts/messageBarContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport type MessageBarContextValue = {\n layout: 'multiline' | 'singleline' | 'auto';\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n actionsRef: React.MutableRefObject<HTMLDivElement | null>;\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n bodyRef: React.MutableRefObject<HTMLDivElement | null>;\n titleId: string;\n};\nconst messageBarContext = React.createContext<MessageBarContextValue | undefined>(undefined);\n\nexport const messageBarContextDefaultValue: MessageBarContextValue = {\n titleId: '',\n layout: 'singleline',\n actionsRef: React.createRef(),\n bodyRef: React.createRef(),\n};\n\nexport const MessageBarContextProvider = messageBarContext.Provider;\nexport const useMessageBarContext = (): MessageBarContextValue =>\n React.useContext(messageBarContext) ?? messageBarContextDefaultValue;\n"],"names":["React","messageBarContext","createContext","undefined","messageBarContextDefaultValue","titleId","layout","actionsRef","createRef","bodyRef","MessageBarContextProvider","Provider","useMessageBarContext","useContext"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAU/B,MAAMC,oBAAoBD,MAAME,aAAa,CAAqCC;AAElF,OAAO,MAAMC,gCAAwD;IACnEC,SAAS;IACTC,QAAQ;IACRC,YAAYP,MAAMQ,SAAS;IAC3BC,SAAST,MAAMQ,SAAS;AAC1B,EAAE;AAEF,OAAO,MAAME,4BAA4BT,kBAAkBU,QAAQ,CAAC;AACpE,OAAO,MAAMC,uBAAuB;QAClCZ;WAAAA,CAAAA,oBAAAA,MAAMa,UAAU,CAACZ,gCAAjBD,+BAAAA,oBAAuCI;EAA8B"}

View File

@@ -0,0 +1,19 @@
'use client';
import * as React from 'react';
const messageBarTransitionContext = React.createContext(undefined);
/**
* @internal
*/ export const messageBarTransitionContextDefaultValue = {
className: '',
nodeRef: React.createRef()
};
/**
* Context to pass nodeRef for animation to MessageBar components
* @internal
*/ export const MessageBarTransitionContextProvider = messageBarTransitionContext.Provider;
/**
* @internal
*/ export const useMessageBarTransitionContext = ()=>{
var _React_useContext;
return (_React_useContext = React.useContext(messageBarTransitionContext)) !== null && _React_useContext !== void 0 ? _React_useContext : messageBarTransitionContextDefaultValue;
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/contexts/messageBarTransitionContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport type MessageBarTransitionContextValue = {\n /**\n * @deprecated CSS className is no longer used for this transition, replaced by motion components\n */\n className: string;\n nodeRef: React.Ref<HTMLDivElement | null>;\n};\n\nconst messageBarTransitionContext = React.createContext<MessageBarTransitionContextValue | undefined>(undefined);\n\n/**\n * @internal\n */\nexport const messageBarTransitionContextDefaultValue: MessageBarTransitionContextValue = {\n className: '',\n nodeRef: React.createRef<HTMLDivElement | null>(),\n};\n\n/**\n * Context to pass nodeRef for animation to MessageBar components\n * @internal\n */\nexport const MessageBarTransitionContextProvider = messageBarTransitionContext.Provider;\n/**\n * @internal\n */\nexport const useMessageBarTransitionContext = (): MessageBarTransitionContextValue =>\n React.useContext(messageBarTransitionContext) ?? messageBarTransitionContextDefaultValue;\n"],"names":["React","messageBarTransitionContext","createContext","undefined","messageBarTransitionContextDefaultValue","className","nodeRef","createRef","MessageBarTransitionContextProvider","Provider","useMessageBarTransitionContext","useContext"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAU/B,MAAMC,8BAA8BD,MAAME,aAAa,CAA+CC;AAEtG;;CAEC,GACD,OAAO,MAAMC,0CAA4E;IACvFC,WAAW;IACXC,SAASN,MAAMO,SAAS;AAC1B,EAAE;AAEF;;;CAGC,GACD,OAAO,MAAMC,sCAAsCP,4BAA4BQ,QAAQ,CAAC;AACxF;;CAEC,GACD,OAAO,MAAMC,iCAAiC;QAC5CV;WAAAA,CAAAA,oBAAAA,MAAMW,UAAU,CAACV,0CAAjBD,+BAAAA,oBAAiDI;EAAwC"}