@rocket.chat/fuselage 0.32.0-dev.415 → 0.32.0-dev.417

package/dist/fuselage.development.js

@@ -4117,15 +4117,40 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.Field = void 0;
-var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+exports.Field = exports.FieldContext = void 0;
+var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
+exports.FieldContext = (0, react_1.createContext)(false);
 function Field(props) {
-    return react_1.default.createElement(Box_1.default, __assign({ "rcx-field": true }, props));
+    return (react_1.default.createElement(exports.FieldContext.Provider, { value: true },
+        react_1.default.createElement(Box_1.default, __assign({ "rcx-field": true }, props))));
 }
 exports.Field = Field;
 
@@ -4156,8 +4181,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.FieldDescription = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var WithErrorWrapper_1 = __importDefault(__webpack_require__(/*! ../../helpers/WithErrorWrapper */ "./src/helpers/WithErrorWrapper.tsx"));
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
-var FieldDescription = function (props) { return (react_1.default.createElement(Box_1.default, __assign({ is: 'span', "rcx-field__description": true }, props))); };
+var Field_1 = __webpack_require__(/*! ./Field */ "./src/components/Field/Field.tsx");
+var FieldDescription = function (props) {
+    var component = react_1.default.createElement(Box_1.default, __assign({ is: 'span', "rcx-field__description": true }, props));
+    if (true) {
+        return (react_1.default.createElement(WithErrorWrapper_1.default, { context: Field_1.FieldContext, parentComponent: 'Field', componentName: exports.FieldDescription.name }, component));
+    }
+    return component;
+};
 exports.FieldDescription = FieldDescription;
 
 
@@ -4187,8 +4220,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.FieldError = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var WithErrorWrapper_1 = __importDefault(__webpack_require__(/*! ../../helpers/WithErrorWrapper */ "./src/helpers/WithErrorWrapper.tsx"));
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
-var FieldError = function (props) { return (react_1.default.createElement(Box_1.default, __assign({ is: 'span', "rcx-field__error": true }, props))); };
+var Field_1 = __webpack_require__(/*! ./Field */ "./src/components/Field/Field.tsx");
+var FieldError = function (props) {
+    var component = react_1.default.createElement(Box_1.default, __assign({ is: 'span', "rcx-field__error": true }, props));
+    if (true) {
+        return (react_1.default.createElement(WithErrorWrapper_1.default, { context: Field_1.FieldContext, parentComponent: 'Field', componentName: exports.FieldError.name }, component));
+    }
+    return component;
+};
 exports.FieldError = FieldError;
 
 
@@ -4218,8 +4259,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.FieldHint = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var WithErrorWrapper_1 = __importDefault(__webpack_require__(/*! ../../helpers/WithErrorWrapper */ "./src/helpers/WithErrorWrapper.tsx"));
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
-var FieldHint = function (props) { return (react_1.default.createElement(Box_1.default, __assign({ is: 'span', "rcx-field__hint": true }, props))); };
+var Field_1 = __webpack_require__(/*! ./Field */ "./src/components/Field/Field.tsx");
+var FieldHint = function (props) {
+    var component = react_1.default.createElement(Box_1.default, __assign({ is: 'span', "rcx-field__hint": true }, props));
+    if (true) {
+        return (react_1.default.createElement(WithErrorWrapper_1.default, { context: Field_1.FieldContext, parentComponent: 'Field', componentName: exports.FieldHint.name }, component));
+    }
+    return component;
+};
 exports.FieldHint = FieldHint;
 
 
@@ -4249,9 +4298,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.FieldLabel = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var WithErrorWrapper_1 = __importDefault(__webpack_require__(/*! ../../helpers/WithErrorWrapper */ "./src/helpers/WithErrorWrapper.tsx"));
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
 var Label_1 = __webpack_require__(/*! ../Label */ "./src/components/Label/index.tsx");
-var FieldLabel = function (props) { return (react_1.default.createElement(Box_1.default, __assign({ is: Label_1.Label, "rcx-field__label": true }, props))); };
+var Field_1 = __webpack_require__(/*! ./Field */ "./src/components/Field/Field.tsx");
+var FieldLabel = function (props) {
+    var component = react_1.default.createElement(Box_1.default, __assign({ is: Label_1.Label, "rcx-field__label": true }, props));
+    if (true) {
+        return (react_1.default.createElement(WithErrorWrapper_1.default, { context: Field_1.FieldContext, parentComponent: 'Field', componentName: exports.FieldLabel.name }, component));
+    }
+    return component;
+};
 exports.FieldLabel = FieldLabel;
 
 
@@ -4279,10 +4336,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.FieldLink = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var WithErrorWrapper_1 = __importDefault(__webpack_require__(/*! ../../helpers/WithErrorWrapper */ "./src/helpers/WithErrorWrapper.tsx"));
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
-var FieldLink = function (props) { return (react_1.default.createElement(Box_1.default, __assign({ is: 'a', target: '_blank', "rcx-field__link": true }, props))); };
-exports["default"] = FieldLink;
+var Field_1 = __webpack_require__(/*! ./Field */ "./src/components/Field/Field.tsx");
+var FieldLink = function (props) {
+    var component = react_1.default.createElement(Box_1.default, __assign({ is: 'a', target: '_blank', "rcx-field__link": true }, props));
+    if (true) {
+        return (react_1.default.createElement(WithErrorWrapper_1.default, { context: Field_1.FieldContext, parentComponent: 'Field', componentName: exports.FieldLink.name }, component));
+    }
+    return component;
+};
+exports.FieldLink = FieldLink;
 
 
 /***/ }),
@@ -4311,8 +4377,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.FieldRow = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var WithErrorWrapper_1 = __importDefault(__webpack_require__(/*! ../../helpers/WithErrorWrapper */ "./src/helpers/WithErrorWrapper.tsx"));
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
-var FieldRow = function (props) { return (react_1.default.createElement(Box_1.default, __assign({ is: 'span', "rcx-field__row": true }, props))); };
+var Field_1 = __webpack_require__(/*! ./Field */ "./src/components/Field/Field.tsx");
+var FieldRow = function (props) {
+    var component = react_1.default.createElement(Box_1.default, __assign({ is: 'span', "rcx-field__row": true }, props));
+    if (true) {
+        return (react_1.default.createElement(WithErrorWrapper_1.default, { context: Field_1.FieldContext, parentComponent: 'Field', componentName: exports.FieldRow.name }, component));
+    }
+    return component;
+};
 exports.FieldRow = FieldRow;
 
 
@@ -4325,24 +4399,32 @@ exports.FieldRow = FieldRow;
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.FieldRow = exports.FieldLink = exports.FieldLabel = exports.FieldHint = exports.FieldError = exports.FieldDescription = exports.Field = void 0;
 var Field_1 = __webpack_require__(/*! ./Field */ "./src/components/Field/Field.tsx");
+Object.defineProperty(exports, "Field", ({ enumerable: true, get: function () { return Field_1.Field; } }));
 var FieldDescription_1 = __webpack_require__(/*! ./FieldDescription */ "./src/components/Field/FieldDescription.tsx");
+Object.defineProperty(exports, "FieldDescription", ({ enumerable: true, get: function () { return FieldDescription_1.FieldDescription; } }));
 var FieldError_1 = __webpack_require__(/*! ./FieldError */ "./src/components/Field/FieldError.tsx");
+Object.defineProperty(exports, "FieldError", ({ enumerable: true, get: function () { return FieldError_1.FieldError; } }));
 var FieldHint_1 = __webpack_require__(/*! ./FieldHint */ "./src/components/Field/FieldHint.tsx");
+Object.defineProperty(exports, "FieldHint", ({ enumerable: true, get: function () { return FieldHint_1.FieldHint; } }));
 var FieldLabel_1 = __webpack_require__(/*! ./FieldLabel */ "./src/components/Field/FieldLabel.tsx");
-var FieldLink_1 = __importDefault(__webpack_require__(/*! ./FieldLink */ "./src/components/Field/FieldLink.tsx"));
+Object.defineProperty(exports, "FieldLabel", ({ enumerable: true, get: function () { return FieldLabel_1.FieldLabel; } }));
+var FieldLink_1 = __webpack_require__(/*! ./FieldLink */ "./src/components/Field/FieldLink.tsx");
+Object.defineProperty(exports, "FieldLink", ({ enumerable: true, get: function () { return FieldLink_1.FieldLink; } }));
 var FieldRow_1 = __webpack_require__(/*! ./FieldRow */ "./src/components/Field/FieldRow.tsx");
+Object.defineProperty(exports, "FieldRow", ({ enumerable: true, get: function () { return FieldRow_1.FieldRow; } }));
+/**
+ * @deprecated Avoid default usage, use named imports instead
+ */
 exports["default"] = Object.assign(Field_1.Field, {
     Label: FieldLabel_1.FieldLabel,
     Description: FieldDescription_1.FieldDescription,
     Row: FieldRow_1.FieldRow,
     Error: FieldError_1.FieldError,
     Hint: FieldHint_1.FieldHint,
-    Link: FieldLink_1.default,
+    Link: FieldLink_1.FieldLink,
 });
 
 
@@ -16276,6 +16358,7 @@ __exportStar(__webpack_require__(/*! ./Dropdown */ "./src/components/Dropdown/in
 __exportStar(__webpack_require__(/*! ./EmailInput */ "./src/components/EmailInput/index.tsx"), exports);
 var Field_1 = __webpack_require__(/*! ./Field */ "./src/components/Field/index.tsx");
 Object.defineProperty(exports, "Field", ({ enumerable: true, get: function () { return __importDefault(Field_1).default; } }));
+__exportStar(__webpack_require__(/*! ./Field */ "./src/components/Field/index.tsx"), exports);
 __exportStar(__webpack_require__(/*! ./FieldGroup */ "./src/components/FieldGroup/index.ts"), exports);
 var Flex_1 = __webpack_require__(/*! ./Flex */ "./src/components/Flex/index.ts");
 Object.defineProperty(exports, "Flex", ({ enumerable: true, get: function () { return __importDefault(Flex_1).default; } }));
@@ -16400,6 +16483,28 @@ var getPaletteColor = function (type, grade, alpha) {
 exports.getPaletteColor = getPaletteColor;
 
 
+/***/ }),
+
+/***/ "./src/helpers/WithErrorWrapper.tsx":
+/*!******************************************!*\
+  !*** ./src/helpers/WithErrorWrapper.tsx ***!
+  \******************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __webpack_require__(/*! react */ "react");
+function WithErrorWrapper(_a) {
+    var context = _a.context, componentName = _a.componentName, children = _a.children, parentComponent = _a.parentComponent;
+    var isInsideParent = (0, react_1.useContext)(context);
+    if (!isInsideParent) {
+        throw new Error("".concat(componentName, " should be used as children of ").concat(parentComponent, " Component"));
+    }
+    return children;
+}
+exports["default"] = WithErrorWrapper;
+
+
 /***/ }),
 
 /***/ "./src/helpers/appendClassName.ts":