feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-field/lib-commonjs/contexts/FieldContext.js

@@ -0,0 +1,24 @@
+'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, {
+    FieldContextProvider: function() {
+        return FieldContextProvider;
+    },
+    useFieldContext_unstable: function() {
+        return useFieldContext_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const FieldContext = /*#__PURE__*/ _react.createContext(undefined);
+const FieldContextProvider = FieldContext.Provider;
+const useFieldContext_unstable = ()=>_react.useContext(FieldContext);

node_modules/@fluentui/react-field/lib-commonjs/contexts/FieldContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts/FieldContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { FieldContextValue } from '../Field';\n\nconst FieldContext = React.createContext<FieldContextValue | undefined>(undefined);\n\nexport const FieldContextProvider = FieldContext.Provider;\n\nexport const useFieldContext_unstable = (): FieldContextValue | undefined => React.useContext(FieldContext);\n"],"names":["React","FieldContext","createContext","undefined","FieldContextProvider","Provider","useFieldContext_unstable","useContext"],"mappings":"AAAA;;;;;;;;;;;;wBAQaI;;;4BAEAE;;;;;iEARU,QAAQ;AAI/B,MAAML,6BAAeD,OAAME,aAAa,CAAgCC;AAEjE,MAAMC,uBAAuBH,aAAaI,QAAQ,CAAC;AAEnD,MAAMC,2BAA2B,IAAqCN,OAAMO,UAAU,CAACN,cAAc"}

node_modules/@fluentui/react-field/lib-commonjs/contexts/index.js

@@ -0,0 +1,30 @@
+"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, {
+    FieldContextProvider: function() {
+        return _FieldContext.FieldContextProvider;
+    },
+    getFieldControlProps: function() {
+        return _useFieldControlProps.getFieldControlProps;
+    },
+    useFieldContextValues_unstable: function() {
+        return _useFieldContextValues.useFieldContextValues_unstable;
+    },
+    useFieldContext_unstable: function() {
+        return _FieldContext.useFieldContext_unstable;
+    },
+    useFieldControlProps_unstable: function() {
+        return _useFieldControlProps.useFieldControlProps_unstable;
+    }
+});
+const _FieldContext = require("./FieldContext");
+const _useFieldContextValues = require("./useFieldContextValues");
+const _useFieldControlProps = require("./useFieldControlProps");

node_modules/@fluentui/react-field/lib-commonjs/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export { FieldContextProvider, useFieldContext_unstable } from './FieldContext';\nexport { useFieldContextValues_unstable } from './useFieldContextValues';\nexport type { FieldControlPropsOptions } from './useFieldControlProps';\nexport { getFieldControlProps, useFieldControlProps_unstable } from './useFieldControlProps';\n"],"names":["FieldContextProvider","useFieldContext_unstable","useFieldContextValues_unstable","getFieldControlProps","useFieldControlProps_unstable"],"mappings":";;;;;;;;;;;;eAASA,kCAAoB;;;eAGpBG,0CAAoB;;;eAFpBD,qDAA8B;;;eADRD,sCAAwB;;;eAGxBG,mDAA6B;;;8BAHG,iBAAiB;uCACjC,0BAA0B;sCAEL,yBAAyB"}

node_modules/@fluentui/react-field/lib-commonjs/contexts/useFieldContextValues.js

@@ -0,0 +1,45 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useFieldContextValues_unstable", {
+    enumerable: true,
+    get: function() {
+        return useFieldContextValues_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const useFieldContextValues_unstable = (state)=>{
+    var _state_label, _state_label1, _state_validationMessage, _state_hint;
+    const { generatedControlId, orientation, required, size, validationState } = state;
+    const labelFor = (_state_label = state.label) === null || _state_label === void 0 ? void 0 : _state_label.htmlFor;
+    const labelId = (_state_label1 = state.label) === null || _state_label1 === void 0 ? void 0 : _state_label1.id;
+    const validationMessageId = (_state_validationMessage = state.validationMessage) === null || _state_validationMessage === void 0 ? void 0 : _state_validationMessage.id;
+    const hintId = (_state_hint = state.hint) === null || _state_hint === void 0 ? void 0 : _state_hint.id;
+    const field = _react.useMemo(()=>({
+            generatedControlId,
+            hintId,
+            labelFor,
+            labelId,
+            orientation,
+            required,
+            size,
+            validationMessageId,
+            validationState
+        }), [
+        generatedControlId,
+        hintId,
+        labelFor,
+        labelId,
+        orientation,
+        required,
+        size,
+        validationMessageId,
+        validationState
+    ]);
+    return {
+        field
+    };
+};

node_modules/@fluentui/react-field/lib-commonjs/contexts/useFieldContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts/useFieldContextValues.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { FieldContextValue, FieldContextValues, FieldState } from '../Field';\n\n/**\n * Get the context values used when rendering Field.\n */\nexport const useFieldContextValues_unstable = (state: FieldState): FieldContextValues => {\n  const { generatedControlId, orientation, required, size, validationState } = state;\n  const labelFor = state.label?.htmlFor;\n  const labelId = state.label?.id;\n  const validationMessageId = state.validationMessage?.id;\n  const hintId = state.hint?.id;\n\n  const field: FieldContextValue = React.useMemo(\n    () => ({\n      generatedControlId,\n      hintId,\n      labelFor,\n      labelId,\n      orientation,\n      required,\n      size,\n      validationMessageId,\n      validationState,\n    }),\n    [generatedControlId, hintId, labelFor, labelId, orientation, required, size, validationMessageId, validationState],\n  );\n\n  return { field };\n};\n"],"names":["React","useFieldContextValues_unstable","state","generatedControlId","orientation","required","size","validationState","labelFor","label","htmlFor","labelId","id","validationMessageId","validationMessage","hintId","hint","field","useMemo"],"mappings":"AAAA;;;;;+BASaC;;;;;;;iEAPU,QAAQ;AAOxB,uCAAuC,CAACC;QAE5BA,cACDA,eACYA,0BACbA;IAJf,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,eAAe,EAAE,GAAGL;IAC7E,MAAMM,WAAAA,CAAWN,eAAAA,MAAMO,KAAAA,AAAK,MAAA,QAAXP,iBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,aAAaQ,OAAO;IACrC,MAAMC,UAAAA,CAAUT,gBAAAA,MAAMO,KAAAA,AAAK,MAAA,QAAXP,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAaU,EAAE;IAC/B,MAAMC,sBAAAA,CAAsBX,2BAAAA,MAAMY,iBAAAA,AAAiB,MAAA,QAAvBZ,6BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,yBAAyBU,EAAE;IACvD,MAAMG,SAAAA,CAASb,cAAAA,MAAMc,IAAAA,AAAI,MAAA,QAAVd,gBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,YAAYU,EAAE;IAE7B,MAAMK,QAA2BjB,OAAMkB,OAAO,CAC5C,IAAO,CAAA;YACLf;YACAY;YACAP;YACAG;YACAP;YACAC;YACAC;YACAO;YACAN;SACF,CAAA,EACA;QAACJ;QAAoBY;QAAQP;QAAUG;QAASP;QAAaC;QAAUC;QAAMO;QAAqBN;KAAgB;IAGpH,OAAO;QAAEU;IAAM;AACjB,EAAE"}

node_modules/@fluentui/react-field/lib-commonjs/contexts/useFieldControlProps.js

@@ -0,0 +1,79 @@
+'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, {
+    getFieldControlProps: function() {
+        return getFieldControlProps;
+    },
+    useFieldControlProps_unstable: function() {
+        return useFieldControlProps_unstable;
+    }
+});
+const _FieldContext = require("./FieldContext");
+function useFieldControlProps_unstable(props, options) {
+    return getFieldControlProps((0, _FieldContext.useFieldContext_unstable)(), props, options);
+}
+function getFieldControlProps(context, props, options) {
+    if (!context) {
+        return props;
+    }
+    // Create a copy of props so we don't modify the original
+    props = {
+        ...props
+    };
+    const { generatedControlId, hintId, labelFor, labelId, required, validationMessageId, validationState } = context;
+    if (generatedControlId) {
+        var _props;
+        var _id;
+        (_id = (_props = props).id) !== null && _id !== void 0 ? _id : _props.id = generatedControlId;
+    }
+    // Set aria-labelledby if the control doesn't support label.htmlFor, or if the label's htmlFor doesn't refer
+    // to this control (i.e. the user set this control's id prop without also setting the Field's label.htmlFor).
+    if (labelId && (!(options === null || options === void 0 ? void 0 : options.supportsLabelFor) || labelFor !== props.id)) {
+        var _props1, _arialabelledby;
+        var _;
+        (_ = (_props1 = props)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _props1[_arialabelledby] = labelId;
+    }
+    // The control is described by the validation message, or hint, or both.
+    // We also preserve and append any aria-describedby from props.
+    // For reference: https://github.com/microsoft/fluentui/pull/25580#discussion_r1017259933
+    if (validationMessageId || hintId) {
+        // NOTE: Not using ??= since we're merging and overriding the user-provided value.
+        props['aria-describedby'] = [
+            validationMessageId,
+            hintId,
+            props === null || props === void 0 ? void 0 : props['aria-describedby']
+        ].filter(Boolean).join(' ');
+    }
+    if (validationState === 'error') {
+        var _props2, _ariainvalid;
+        var _1;
+        (_1 = (_props2 = props)[_ariainvalid = 'aria-invalid']) !== null && _1 !== void 0 ? _1 : _props2[_ariainvalid] = true;
+    }
+    if (required) {
+        if (options === null || options === void 0 ? void 0 : options.supportsRequired) {
+            var _props3;
+            var _required;
+            (_required = (_props3 = props).required) !== null && _required !== void 0 ? _required : _props3.required = true;
+        } else {
+            var _props4, _ariarequired;
+            var _2;
+            (_2 = (_props4 = props)[_ariarequired = 'aria-required']) !== null && _2 !== void 0 ? _2 : _props4[_ariarequired] = true;
+        }
+    }
+    // Include the size prop if this control supports it
+    if (options === null || options === void 0 ? void 0 : options.supportsSize) {
+        var _props5;
+        var _size;
+        (_size = (_props5 = props).size) !== null && _size !== void 0 ? _size : _props5.size = context.size;
+    }
+    return props;
+}