feat: Fluent UI Outlook Lite + connections mockup

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

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TableCellActions", {
+    enumerable: true,
+    get: function() {
+        return TableCellActions;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTableCellActions = require("./useTableCellActions");
+const _renderTableCellActions = require("./renderTableCellActions");
+const _useTableCellActionsStylesstyles = require("./useTableCellActionsStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const TableCellActions = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTableCellActions.useTableCellActions_unstable)(props, ref);
+    (0, _useTableCellActionsStylesstyles.useTableCellActionsStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTableCellActionsStyles_unstable')(state);
+    return (0, _renderTableCellActions.renderTableCellActions_unstable)(state);
+});
+TableCellActions.displayName = 'TableCellActions';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableCellActions/TableCellActions.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTableCellActions_unstable } from './useTableCellActions';\nimport { renderTableCellActions_unstable } from './renderTableCellActions';\nimport { useTableCellActionsStyles_unstable } from './useTableCellActionsStyles.styles';\nimport type { TableCellActionsProps } from './TableCellActions.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableCellActions component\n */\nexport const TableCellActions: ForwardRefComponent<TableCellActionsProps> = React.forwardRef((props, ref) => {\n  const state = useTableCellActions_unstable(props, ref);\n\n  useTableCellActionsStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableCellActionsStyles_unstable')(state);\n\n  return renderTableCellActions_unstable(state);\n});\n\nTableCellActions.displayName = 'TableCellActions';\n"],"names":["React","useTableCellActions_unstable","renderTableCellActions_unstable","useTableCellActionsStyles_unstable","useCustomStyleHook_unstable","TableCellActions","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCACc,wBAAwB;wCACrB,2BAA2B;iDACxB,qCAAqC;qCAG5C,kCAAkC;AAKvE,MAAMK,mBAAAA,WAAAA,GAA+DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACnG,MAAMC,YAAQR,iDAAAA,EAA6BM,OAAOC;QAElDL,mEAAAA,EAAmCM;QAEnCL,gDAAAA,EAA4B,sCAAsCK;IAElE,WAAOP,uDAAAA,EAAgCO;AACzC,GAAG;AAEHJ,iBAAiBK,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableCellActions/TableCellActions.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TableCellActionsSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * TableCellActions Props\n */\nexport type TableCellActionsProps = ComponentProps<TableCellActionsSlots> & {\n  /**\n   * When true, the actions are always visible regardless of row hover.\n   * Can be useful keeping the actions visible when a popout surface is opened.\n   */\n  visible?: boolean;\n};\n\n/**\n * State used in rendering TableCellActions\n */\nexport type TableCellActionsState = ComponentState<TableCellActionsSlots> &\n  Pick<Required<TableCellActionsProps>, 'visible'>;\n"],"names":[],"mappings":"AAiBA;;CAEC,GACD,WACmD"}

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

@@ -0,0 +1,31 @@
+"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, {
+    TableCellActions: function() {
+        return _TableCellActions.TableCellActions;
+    },
+    renderTableCellActions_unstable: function() {
+        return _renderTableCellActions.renderTableCellActions_unstable;
+    },
+    tableCellActionsClassNames: function() {
+        return _useTableCellActionsStylesstyles.tableCellActionsClassNames;
+    },
+    useTableCellActionsStyles_unstable: function() {
+        return _useTableCellActionsStylesstyles.useTableCellActionsStyles_unstable;
+    },
+    useTableCellActions_unstable: function() {
+        return _useTableCellActions.useTableCellActions_unstable;
+    }
+});
+const _TableCellActions = require("./TableCellActions");
+const _renderTableCellActions = require("./renderTableCellActions");
+const _useTableCellActions = require("./useTableCellActions");
+const _useTableCellActionsStylesstyles = require("./useTableCellActionsStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableCellActions/index.ts"],"sourcesContent":["export { TableCellActions } from './TableCellActions';\nexport type { TableCellActionsProps, TableCellActionsSlots, TableCellActionsState } from './TableCellActions.types';\nexport { renderTableCellActions_unstable } from './renderTableCellActions';\nexport { useTableCellActions_unstable } from './useTableCellActions';\nexport { tableCellActionsClassNames, useTableCellActionsStyles_unstable } from './useTableCellActionsStyles.styles';\n"],"names":["TableCellActions","renderTableCellActions_unstable","useTableCellActions_unstable","tableCellActionsClassNames","useTableCellActionsStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,kCAAgB;;;eAEhBC,uDAA+B;;;eAE/BE,2DAA0B;;;eAAEC,mEAAkC;;;eAD9DF,iDAA4B;;;kCAHJ,qBAAqB;wCAEN,2BAA2B;qCAC9B,wBAAwB;iDACU,qCAAqC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableCellActions/renderTableCellActions.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { TableCellActionsState, TableCellActionsSlots } from './TableCellActions.types';\n\n/**\n * Render the final JSX of TableCellActions\n */\nexport const renderTableCellActions_unstable = (state: TableCellActionsState): JSXElement => {\n  assertSlots<TableCellActionsSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderTableCellActions_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCACrB,4BAA4B;AAOjD,MAAMC,kCAAkC,CAACC;QAC9CF,2BAAAA,EAAmCE;IAEnC,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTableCellActions_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTableCellActions_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 useTableCellActions_unstable = (props, ref)=>{
+    var _props_visible;
+    return {
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            // 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,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        visible: (_props_visible = props.visible) !== null && _props_visible !== void 0 ? _props_visible : false
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableCellActions/useTableCellActions.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { TableCellActionsProps, TableCellActionsState } from './TableCellActions.types';\n\n/**\n * Create the state required to render TableCellActions.\n *\n * The returned state can be modified with hooks such as useTableCellActionsStyles_unstable,\n * before being passed to renderTableCellActions_unstable.\n *\n * @param props - props from this instance of TableCellActions\n * @param ref - reference to root HTMLElement of TableCellActions\n */\nexport const useTableCellActions_unstable = (\n  props: TableCellActionsProps,\n  ref: React.Ref<HTMLElement>,\n): TableCellActionsState => {\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\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        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    visible: props.visible ?? false,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useTableCellActions_unstable","props","ref","components","root","always","elementType","visible"],"mappings":";;;;+BAaaG;;;;;;;iEAbU,QAAQ;gCACgB,4BAA4B;AAYpE,qCAAqC,CAC1CC,OACAC;QAgBWD;IAdX,OAAO;QACLE,YAAY;YACVC,MAAM;QACR;QACAA,MAAML,oBAAAA,CAAKM,MAAM,KACfP,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FI,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEK,aAAa;QAAM;QAEvBC,SAASN,CAAAA,iBAAAA,MAAMM,OAAAA,AAAO,MAAA,QAAbN,mBAAAA,KAAAA,IAAAA,iBAAiB;IAC5B;AACF,EAAE"}

node_modules/@fluentui/react-table/lib-commonjs/components/TableCellActions/useTableCellActionsStyles.styles.js

@@ -0,0 +1,64 @@
+'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, {
+    tableCellActionsClassNames: function() {
+        return tableCellActionsClassNames;
+    },
+    useTableCellActionsStyles_unstable: function() {
+        return useTableCellActionsStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const tableCellActionsClassNames = {
+    root: 'fui-TableCellActions'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        De3pzq: "f1u2r49w",
+        qhf8xq: "f1euv43f",
+        j35jbq: [
+            "f10k790i",
+            "f1xynx9j"
+        ],
+        Bhzewxz: "f1i1t8d1",
+        Bz10aip: "f188r07x",
+        abs64n: "fk73vx1",
+        Frg6f3: [
+            "fcgxt0o",
+            "f1ujusj6"
+        ]
+    },
+    visible: {
+        abs64n: "f5p0z4x"
+    }
+}, {
+    d: [
+        ".f1u2r49w{background-color:inherit;}",
+        ".f1euv43f{position:absolute;}",
+        ".f10k790i{right:0px;}",
+        ".f1xynx9j{left:0px;}",
+        ".f1i1t8d1{top:50%;}",
+        ".f188r07x{transform:translateY(-50%);}",
+        ".fk73vx1{opacity:0;}",
+        ".fcgxt0o{margin-left:auto;}",
+        ".f1ujusj6{margin-right:auto;}",
+        ".f5p0z4x{opacity:1;}"
+    ]
+});
+const useTableCellActionsStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(tableCellActionsClassNames.root, styles.root, state.visible && styles.visible, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-table/lib-commonjs/components/TableCellActions/useTableCellActionsStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTableCellActionsStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const tableCellActionsClassNames = {\n    root: 'fui-TableCellActions'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        backgroundColor: 'inherit',\n        position: 'absolute',\n        right: '0px',\n        top: '50%',\n        transform: 'translateY(-50%)',\n        opacity: 0,\n        marginLeft: 'auto'\n    },\n    visible: {\n        opacity: 1\n    }\n});\n/**\n * Apply styling to the TableCellActions slots based on the state\n */ export const useTableCellActionsStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(tableCellActionsClassNames.root, styles.root, state.visible && styles.visible, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","tableCellActionsClassNames","root","useStyles","De3pzq","qhf8xq","j35jbq","Bhzewxz","Bz10aip","abs64n","Frg6f3","visible","d","useTableCellActionsStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,0BAA0B;;;sCAqBY;eAAlCY;;;uBAtBwB,gBAAgB;AAClD,mCAAmC;IACtCX,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,OAAA,EAAA;QAAAF,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAG,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAarB,CAAC;AAGS,4CAA4CE,KAAK,IAAG;IAC3D,aAAa;IACb,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;IAC1BW,KAAK,CAACZ,IAAI,CAACc,SAAS,OAAGhB,mBAAY,EAACC,0BAA0B,CAACC,IAAI,EAAEa,MAAM,CAACb,IAAI,EAAEY,KAAK,CAACH,OAAO,IAAII,MAAM,CAACJ,OAAO,EAAEG,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;IACxI,OAAOF,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-table/lib-commonjs/components/TableCellActions/useTableCellActionsStyles.styles.raw.js

@@ -0,0 +1,45 @@
+'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, {
+    tableCellActionsClassNames: function() {
+        return tableCellActionsClassNames;
+    },
+    useTableCellActionsStyles_unstable: function() {
+        return useTableCellActionsStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const tableCellActionsClassNames = {
+    root: 'fui-TableCellActions'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _react.makeStyles)({
+    root: {
+        backgroundColor: 'inherit',
+        position: 'absolute',
+        right: '0px',
+        top: '50%',
+        transform: 'translateY(-50%)',
+        opacity: 0,
+        marginLeft: 'auto'
+    },
+    visible: {
+        opacity: 1
+    }
+});
+const useTableCellActionsStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(tableCellActionsClassNames.root, styles.root, state.visible && styles.visible, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-table/lib-commonjs/components/TableCellActions/useTableCellActionsStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableCellActions/useTableCellActionsStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { TableCellActionsSlots, TableCellActionsState } from './TableCellActions.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const tableCellActionsClassNames: SlotClassNames<TableCellActionsSlots> = {\n  root: 'fui-TableCellActions',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    backgroundColor: 'inherit',\n    position: 'absolute',\n    right: '0px',\n    top: '50%',\n    transform: 'translateY(-50%)',\n    opacity: 0,\n    marginLeft: 'auto',\n  },\n\n  visible: {\n    opacity: 1,\n  },\n});\n\n/**\n * Apply styling to the TableCellActions slots based on the state\n */\nexport const useTableCellActionsStyles_unstable = (state: TableCellActionsState): TableCellActionsState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    tableCellActionsClassNames.root,\n    styles.root,\n    state.visible && styles.visible,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tableCellActionsClassNames","root","useStyles","backgroundColor","position","right","top","transform","opacity","marginLeft","visible","useTableCellActionsStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAMaE,0BAAAA;;;sCA0BAW;eAAAA;;;uBA9B4B,iBAAiB;AAInD,mCAA0E;IAC/EV,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BG,MAAM;QACJE,iBAAiB;QACjBC,UAAU;QACVC,OAAO;QACPC,KAAK;QACLC,WAAW;QACXC,SAAS;QACTC,YAAY;IACd;IAEAC,SAAS;QACPF,SAAS;IACX;AACF;AAKO,2CAA2C,CAACI;IACjD;IAEA,MAAMC,SAASX;IACfU,MAAMX,IAAI,CAACa,SAAS,OAAGf,mBAAAA,EACrBC,2BAA2BC,IAAI,EAC/BY,OAAOZ,IAAI,EACXW,MAAMF,OAAO,IAAIG,OAAOH,OAAO,EAC/BE,MAAMX,IAAI,CAACa,SAAS;IAGtB,OAAOF;AACT,EAAE"}