feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-field/lib-commonjs/components/Field/renderField.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderField_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderField_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _index = require("../../contexts/index");
+const renderField_unstable = (state, contextValues)=>{
+    (0, _reactutilities.assertSlots)(state);
+    let { children } = state;
+    if (typeof children === 'function') {
+        children = children((0, _index.getFieldControlProps)(contextValues.field) || {});
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.FieldContextProvider, {
+        value: contextValues === null || contextValues === void 0 ? void 0 : contextValues.field,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+            children: [
+                state.label && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.label, {}),
+                children,
+                state.validationMessage && /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.validationMessage, {
+                    children: [
+                        state.validationMessageIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.validationMessageIcon, {}),
+                        state.validationMessage.children
+                    ]
+                }),
+                state.hint && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.hint, {})
+            ]
+        })
+    });
+};