feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-teaching-popover/lib/components/TeachingPopoverTrigger/TeachingPopoverTrigger.js

@@ -0,0 +1,13 @@
+'use client';
+import * as React from 'react';
+import { renderTeachingPopoverTrigger_unstable } from './renderTeachingPopoverTrigger';
+import { useTeachingPopoverTrigger_unstable } from './useTeachingPopoverTrigger';
+/**
+ * Direct extension of PopoverTrigger - Wraps a trigger element as an only child and adds the necessary event handling to open a teaching bubble.
+ */ export const TeachingPopoverTrigger = (props)=>{
+    const state = useTeachingPopoverTrigger_unstable(props);
+    return renderTeachingPopoverTrigger_unstable(state);
+};
+TeachingPopoverTrigger.displayName = 'TeachingPopoverTrigger';
+// type casting here is required to ensure internal type FluentTriggerComponent is not leaked
+TeachingPopoverTrigger.isFluentTriggerComponent = true;

node_modules/@fluentui/react-teaching-popover/lib/components/TeachingPopoverTrigger/TeachingPopoverTrigger.js.map

@@ -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;AAEA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,qCAAqC,QAAQ,iCAAiC;AACvF,SAASC,kCAAkC,QAAQ,8BAA8B;AAEjF;;CAEC,GACD,OAAO,MAAMC,yBAAgEC,CAAAA;IAC3E,MAAMC,QAAQH,mCAAmCE;IAEjD,OAAOH,sCAAsCI;AAC/C,EAAE;AAEFF,uBAAuBG,WAAW,GAAG;AACrC,6FAA6F;AAC5FH,uBAAkDI,wBAAwB,GAAG"}

node_modules/@fluentui/react-teaching-popover/lib/components/TeachingPopoverTrigger/TeachingPopoverTrigger.types.js

@@ -0,0 +1,3 @@
+/**
+ * Props that are passed to the child of the DialogTrigger when cloned to ensure correct behavior for the Dialog
+ */ export { };

node_modules/@fluentui/react-teaching-popover/lib/components/TeachingPopoverTrigger/TeachingPopoverTrigger.types.js.map

@@ -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"}

node_modules/@fluentui/react-teaching-popover/lib/components/TeachingPopoverTrigger/index.js

@@ -0,0 +1,3 @@
+export { TeachingPopoverTrigger } from './TeachingPopoverTrigger';
+export { renderTeachingPopoverTrigger_unstable } from './renderTeachingPopoverTrigger';
+export { useTeachingPopoverTrigger_unstable } from './useTeachingPopoverTrigger';

node_modules/@fluentui/react-teaching-popover/lib/components/TeachingPopoverTrigger/index.js.map

@@ -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":"AAAA,SAASA,sBAAsB,QAAQ,2BAA2B;AAMlE,SAASC,qCAAqC,QAAQ,iCAAiC;AACvF,SAASC,kCAAkC,QAAQ,8BAA8B"}

node_modules/@fluentui/react-teaching-popover/lib/components/TeachingPopoverTrigger/renderTeachingPopoverTrigger.js

@@ -0,0 +1,5 @@
+/**
+ * Render the final JSX of TeachingPopoverTrigger
+ */ export const renderTeachingPopoverTrigger_unstable = (state)=>{
+    return state.children;
+};

node_modules/@fluentui/react-teaching-popover/lib/components/TeachingPopoverTrigger/renderTeachingPopoverTrigger.js.map

@@ -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,OAAO,MAAMA,wCAAwC,CAACC;IACpD,OAAOA,MAAMC,QAAQ;AACvB,EAAE"}

node_modules/@fluentui/react-teaching-popover/lib/components/TeachingPopoverTrigger/useTeachingPopoverTrigger.js

@@ -0,0 +1,10 @@
+'use client';
+import { usePopoverTrigger_unstable } from '@fluentui/react-popover';
+/**
+ * Create the state required to render TeachingPopoverTrigger.
+ *
+ * @param props - props from this instance of TeachingPopoverTrigger
+ */ export const useTeachingPopoverTrigger_unstable = (props)=>{
+    const state = usePopoverTrigger_unstable(props);
+    return state;
+};

node_modules/@fluentui/react-teaching-popover/lib/components/TeachingPopoverTrigger/useTeachingPopoverTrigger.js.map

@@ -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;AAGA,SAASA,0BAA0B,QAAQ,0BAA0B;AAErE;;;;CAIC,GACD,OAAO,MAAMC,qCAAqC,CAACC;IACjD,MAAMC,QAAQH,2BAA2BE;IAEzC,OAAOC;AACT,EAAE"}