feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-table/lib-commonjs/components/TableHeader/TableHeader.js

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TableHeader", {
+    enumerable: true,
+    get: function() {
+        return TableHeader;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTableHeader = require("./useTableHeader");
+const _renderTableHeader = require("./renderTableHeader");
+const _useTableHeaderStylesstyles = require("./useTableHeaderStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const TableHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTableHeader.useTableHeader_unstable)(props, ref);
+    (0, _useTableHeaderStylesstyles.useTableHeaderStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTableHeaderStyles_unstable')(state);
+    return (0, _renderTableHeader.renderTableHeader_unstable)(state);
+});
+TableHeader.displayName = 'TableHeader';

node_modules/@fluentui/react-table/lib-commonjs/components/TableHeader/TableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableHeader/TableHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTableHeader_unstable } from './useTableHeader';\nimport { renderTableHeader_unstable } from './renderTableHeader';\nimport { useTableHeaderStyles_unstable } from './useTableHeaderStyles.styles';\nimport type { TableHeaderProps } from './TableHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableHeader component\n */\nexport const TableHeader: ForwardRefComponent<TableHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useTableHeader_unstable(props, ref);\n\n  useTableHeaderStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableHeaderStyles_unstable')(state);\n\n  return renderTableHeader_unstable(state);\n});\n\nTableHeader.displayName = 'TableHeader';\n"],"names":["React","useTableHeader_unstable","renderTableHeader_unstable","useTableHeaderStyles_unstable","useCustomStyleHook_unstable","TableHeader","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;gCACS,mBAAmB;mCAChB,sBAAsB;4CACnB,gCAAgC;qCAGlC,kCAAkC;AAKvE,MAAMK,cAAAA,WAAAA,GAAqDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,YAAQR,uCAAAA,EAAwBM,OAAOC;QAE7CL,yDAAAA,EAA8BM;QAE9BL,gDAAAA,EAA4B,iCAAiCK;IAE7D,WAAOP,6CAAAA,EAA2BO;AACpC,GAAG;AAEHJ,YAAYK,WAAW,GAAG"}

node_modules/@fluentui/react-table/lib-commonjs/components/TableHeader/TableHeader.types.js

@@ -0,0 +1,6 @@
+/**
+ * State used in rendering TableHeader
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

node_modules/@fluentui/react-table/lib-commonjs/components/TableHeader/TableHeader.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableHeader/TableHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableHeaderSlots = {\n  root: Slot<'thead', 'div'>;\n};\n\n/**\n * TableHeader Props\n */\nexport type TableHeaderProps = ComponentProps<TableHeaderSlots> & {};\n\n/**\n * State used in rendering TableHeader\n */\nexport type TableHeaderState = ComponentState<TableHeaderSlots> & Pick<TableContextValue, 'noNativeElements'>;\n"],"names":[],"mappings":"AAYA;;CAEC,GACD,WAA8G"}

node_modules/@fluentui/react-table/lib-commonjs/components/TableHeader/index.js

@@ -0,0 +1,34 @@
+"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, {
+    TableHeader: function() {
+        return _TableHeader.TableHeader;
+    },
+    renderTableHeader_unstable: function() {
+        return _renderTableHeader.renderTableHeader_unstable;
+    },
+    tableHeaderClassName: function() {
+        return _useTableHeaderStylesstyles.tableHeaderClassName;
+    },
+    tableHeaderClassNames: function() {
+        return _useTableHeaderStylesstyles.tableHeaderClassNames;
+    },
+    useTableHeaderStyles_unstable: function() {
+        return _useTableHeaderStylesstyles.useTableHeaderStyles_unstable;
+    },
+    useTableHeader_unstable: function() {
+        return _useTableHeader.useTableHeader_unstable;
+    }
+});
+const _TableHeader = require("./TableHeader");
+const _renderTableHeader = require("./renderTableHeader");
+const _useTableHeader = require("./useTableHeader");
+const _useTableHeaderStylesstyles = require("./useTableHeaderStyles.styles");

node_modules/@fluentui/react-table/lib-commonjs/components/TableHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableHeader/index.ts"],"sourcesContent":["export { TableHeader } from './TableHeader';\nexport type { TableHeaderProps, TableHeaderSlots, TableHeaderState } from './TableHeader.types';\nexport { renderTableHeader_unstable } from './renderTableHeader';\nexport { useTableHeader_unstable } from './useTableHeader';\nexport {\n  tableHeaderClassName,\n  tableHeaderClassNames,\n  useTableHeaderStyles_unstable,\n} from './useTableHeaderStyles.styles';\n"],"names":["TableHeader","renderTableHeader_unstable","useTableHeader_unstable","tableHeaderClassName","tableHeaderClassNames","useTableHeaderStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,wBAAW;;;eAEXC,6CAA0B;;;eAGjCE,gDAAoB;;;eACpBC,iDAAqB;;;eACrBC,yDAA6B;;;eAJtBH,uCAAuB;;;6BAHJ,gBAAgB;mCAED,sBAAsB;gCACzB,mBAAmB;4CAKpD,gCAAgC"}

node_modules/@fluentui/react-table/lib-commonjs/components/TableHeader/renderTableHeader.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderTableHeader_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderTableHeader_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _tableHeaderContext = require("../../contexts/tableHeaderContext");
+const renderTableHeader_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_tableHeaderContext.TableHeaderContextProvider, {
+        value: "",
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
+    });
+};

node_modules/@fluentui/react-table/lib-commonjs/components/TableHeader/renderTableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableHeader/renderTableHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { TableHeaderContextProvider } from '../../contexts/tableHeaderContext';\nimport type { TableHeaderState, TableHeaderSlots } from './TableHeader.types';\n\n/**\n * Render the final JSX of TableHeader\n */\nexport const renderTableHeader_unstable = (state: TableHeaderState): JSXElement => {\n  assertSlots<TableHeaderSlots>(state);\n\n  return (\n    <TableHeaderContextProvider value=\"\">\n      <state.root />\n    </TableHeaderContextProvider>\n  );\n};\n"],"names":["assertSlots","TableHeaderContextProvider","renderTableHeader_unstable","state","value","root"],"mappings":";;;;+BAUaE;;;;;;4BATb,gDAAiD;gCACrB,4BAA4B;oCAEb,oCAAoC;AAMxE,mCAAmC,CAACC;QACzCH,2BAAAA,EAA8BG;IAE9B,OAAA,WAAA,OACE,eAAA,EAACF,8CAAAA,EAAAA;QAA2BG,OAAM;kBAChC,WAAA,OAAA,eAAA,EAACD,MAAME,IAAI,EAAA,CAAA;;AAGjB,EAAE"}

node_modules/@fluentui/react-table/lib-commonjs/components/TableHeader/useTableHeader.js

@@ -0,0 +1,36 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTableHeader_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTableHeader_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _tableContext = require("../../contexts/tableContext");
+const useTableHeader_unstable = (props, ref)=>{
+    const { noNativeElements } = (0, _tableContext.useTableContext)();
+    var _props_as;
+    const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : noNativeElements) ? 'div' : 'thead';
+    return {
+        components: {
+            root: rootComponent
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)(rootComponent, {
+            // FIXME:
+            // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
+            // but since it would be a breaking change to fix it, we are casting ref to it's proper type
+            ref: ref,
+            role: rootComponent === 'div' ? 'rowgroup' : undefined,
+            ...props
+        }), {
+            elementType: rootComponent
+        }),
+        noNativeElements
+    };
+};

node_modules/@fluentui/react-table/lib-commonjs/components/TableHeader/useTableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableHeader/useTableHeader.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { TableHeaderProps, TableHeaderState } from './TableHeader.types';\nimport { useTableContext } from '../../contexts/tableContext';\n\n/**\n * Create the state required to render TableHeader.\n *\n * The returned state can be modified with hooks such as useTableHeaderStyles_unstable,\n * before being passed to renderTableHeader_unstable.\n *\n * @param props - props from this instance of TableHeader\n * @param ref - reference to root HTMLElement of TableHeader\n */\nexport const useTableHeader_unstable = (props: TableHeaderProps, ref: React.Ref<HTMLElement>): TableHeaderState => {\n  const { noNativeElements } = useTableContext();\n\n  const rootComponent = props.as ?? noNativeElements ? 'div' : 'thead';\n  return {\n    components: {\n      root: rootComponent,\n    },\n    root: slot.always(\n      getIntrinsicElementProps(rootComponent, {\n        // FIXME:\n        // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n        // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n        ref: ref as React.Ref<HTMLDivElement>,\n        role: rootComponent === 'div' ? 'rowgroup' : undefined,\n        ...props,\n      }),\n      { elementType: rootComponent },\n    ),\n    noNativeElements,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useTableContext","useTableHeader_unstable","props","ref","noNativeElements","rootComponent","as","components","root","always","role","undefined","elementType"],"mappings":"AAAA;;;;;+BAgBaI;;;;;;;iEAdU,QAAQ;gCACgB,4BAA4B;8BAE3C,8BAA8B;AAWvD,gCAAgC,CAACC,OAAyBC;IAC/D,MAAM,EAAEC,gBAAgB,EAAE,OAAGJ,6BAAAA;QAEPE;IAAtB,MAAMG,gBAAgBH,CAAAA,CAAAA,YAAAA,MAAMI,EAAAA,AAAE,MAAA,QAARJ,cAAAA,KAAAA,IAAAA,YAAYE,gBAAAA,CAAe,GAAI,QAAQ;IAC7D,OAAO;QACLG,YAAY;YACVC,MAAMH;QACR;QACAG,MAAMT,oBAAAA,CAAKU,MAAM,KACfX,wCAAAA,EAAyBO,eAAe;YACtC,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FF,KAAKA;YACLO,MAAML,kBAAkB,QAAQ,aAAaM;YAC7C,GAAGT,KAAK;QACV,IACA;YAAEU,aAAaP;QAAc;QAE/BD;IACF;AACF,EAAE"}

node_modules/@fluentui/react-table/lib-commonjs/components/TableHeader/useTableHeaderStyles.styles.js

@@ -0,0 +1,54 @@
+'use client';
+"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, {
+    tableHeaderClassName: function() {
+        return tableHeaderClassName;
+    },
+    tableHeaderClassNames: function() {
+        return tableHeaderClassNames;
+    },
+    useTableHeaderStyles_unstable: function() {
+        return useTableHeaderStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const tableHeaderClassName = 'fui-TableHeader';
+const tableHeaderClassNames = {
+    root: 'fui-TableHeader'
+};
+const useFlexLayoutStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        mc9l5x: "ftgm304"
+    }
+}, {
+    d: [
+        ".ftgm304{display:block;}"
+    ]
+});
+const useTableLayoutStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        mc9l5x: "f1tp1avn"
+    }
+}, {
+    d: [
+        ".f1tp1avn{display:table-row-group;}"
+    ]
+});
+const useTableHeaderStyles_unstable = (state)=>{
+    'use no memo';
+    const layoutStyles = {
+        table: useTableLayoutStyles(),
+        flex: useFlexLayoutStyles()
+    };
+    state.root.className = (0, _react.mergeClasses)(tableHeaderClassName, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-table/lib-commonjs/components/TableHeader/useTableHeaderStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTableHeaderStyles.styles.js"],"sourcesContent":["'use client';\nimport { mergeClasses, makeStyles } from '@griffel/react';\nexport const tableHeaderClassName = 'fui-TableHeader';\nexport const tableHeaderClassNames = {\n    root: 'fui-TableHeader'\n};\nconst useFlexLayoutStyles = makeStyles({\n    root: {\n        display: 'block'\n    }\n});\nconst useTableLayoutStyles = makeStyles({\n    root: {\n        display: 'table-row-group'\n    }\n});\n/**\n * Apply styling to the TableHeader slots based on the state\n */ export const useTableHeaderStyles_unstable = (state)=>{\n    'use no memo';\n    const layoutStyles = {\n        table: useTableLayoutStyles(),\n        flex: useFlexLayoutStyles()\n    };\n    state.root.className = mergeClasses(tableHeaderClassName, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);\n    return state;\n};\n"],"names":["mergeClasses","__styles","tableHeaderClassName","tableHeaderClassNames","root","useFlexLayoutStyles","mc9l5x","d","useTableLayoutStyles","useTableHeaderStyles_unstable","state","layoutStyles","table","flex","className","noNativeElements"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,oBAAoB;;;yBACC;;;iCAeY;;;;uBAjBL,gBAAgB;AAClD,6BAA6B,iBAAiB;AAC9C,MAAMC,wBAAwB;IACjCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,mBAAmB,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;AAAA,CAI3B,CAAC;AACF,MAAMC,oBAAoB,GAAA,WAAA,OAAGP,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;AAAA,CAI5B,CAAC;AAGS,MAAME,iCAAiCC,KAAK,IAAG;IACtD,aAAa;IACb,MAAMC,YAAY,GAAG;QACjBC,KAAK,EAAEJ,oBAAoB,CAAC,CAAC;QAC7BK,IAAI,EAAER,mBAAmB,CAAC;IAC9B,CAAC;IACDK,KAAK,CAACN,IAAI,CAACU,SAAS,OAAGd,mBAAY,EAACE,oBAAoB,EAAEQ,KAAK,CAACK,gBAAgB,GAAGJ,YAAY,CAACE,IAAI,CAACT,IAAI,GAAGO,YAAY,CAACC,KAAK,CAACR,IAAI,EAAEM,KAAK,CAACN,IAAI,CAACU,SAAS,CAAC;IAC1J,OAAOJ,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-table/lib-commonjs/components/TableHeader/useTableHeaderStyles.styles.raw.js

@@ -0,0 +1,46 @@
+'use client';
+"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, {
+    tableHeaderClassName: function() {
+        return tableHeaderClassName;
+    },
+    tableHeaderClassNames: function() {
+        return tableHeaderClassNames;
+    },
+    useTableHeaderStyles_unstable: function() {
+        return useTableHeaderStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const tableHeaderClassName = 'fui-TableHeader';
+const tableHeaderClassNames = {
+    root: 'fui-TableHeader'
+};
+const useFlexLayoutStyles = (0, _react.makeStyles)({
+    root: {
+        display: 'block'
+    }
+});
+const useTableLayoutStyles = (0, _react.makeStyles)({
+    root: {
+        display: 'table-row-group'
+    }
+});
+const useTableHeaderStyles_unstable = (state)=>{
+    'use no memo';
+    const layoutStyles = {
+        table: useTableLayoutStyles(),
+        flex: useFlexLayoutStyles()
+    };
+    state.root.className = (0, _react.mergeClasses)(tableHeaderClassName, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-table/lib-commonjs/components/TableHeader/useTableHeaderStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableHeader/useTableHeaderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { mergeClasses, makeStyles } from '@griffel/react';\nimport type { TableHeaderSlots, TableHeaderState } from './TableHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const tableHeaderClassName = 'fui-TableHeader';\nexport const tableHeaderClassNames: SlotClassNames<TableHeaderSlots> = {\n  root: 'fui-TableHeader',\n};\n\nconst useFlexLayoutStyles = makeStyles({\n  root: {\n    display: 'block',\n  },\n});\n\nconst useTableLayoutStyles = makeStyles({\n  root: {\n    display: 'table-row-group',\n  },\n});\n\n/**\n * Apply styling to the TableHeader slots based on the state\n */\nexport const useTableHeaderStyles_unstable = (state: TableHeaderState): TableHeaderState => {\n  'use no memo';\n\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles(),\n  };\n  state.root.className = mergeClasses(\n    tableHeaderClassName,\n    state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["mergeClasses","makeStyles","tableHeaderClassName","tableHeaderClassNames","root","useFlexLayoutStyles","display","useTableLayoutStyles","useTableHeaderStyles_unstable","state","layoutStyles","table","flex","className","noNativeElements"],"mappings":"AAAA;;;;;;;;;;;;IAMaE,oBAAAA;;;yBACAC;;;iCAmBAK;eAAAA;;;uBAxB4B,iBAAiB;AAInD,6BAA6B,kBAAkB;AAC/C,MAAML,wBAA0D;IACrEC,MAAM;AACR,EAAE;AAEF,MAAMC,0BAAsBJ,iBAAAA,EAAW;IACrCG,MAAM;QACJE,SAAS;IACX;AACF;AAEA,MAAMC,2BAAuBN,iBAAAA,EAAW;IACtCG,MAAM;QACJE,SAAS;IACX;AACF;AAKO,sCAAsC,CAACG;IAC5C;IAEA,MAAMC,eAAe;QACnBC,OAAOJ;QACPK,MAAMP;IACR;IACAI,MAAML,IAAI,CAACS,SAAS,OAAGb,mBAAAA,EACrBE,sBACAO,MAAMK,gBAAgB,GAAGJ,aAAaE,IAAI,CAACR,IAAI,GAAGM,aAAaC,KAAK,CAACP,IAAI,EACzEK,MAAML,IAAI,CAACS,SAAS;IAGtB,OAAOJ;AACT,EAAE"}