@try-at-software/input-elements 1.2.0-beta.2 → 1.2.0-beta.5

package/lib/Components/Text/LabelRenderer.js

@@ -3,12 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LabelRenderer = void 0;
 const React = require("react");
 const react_1 = require("@fluentui/react");
+const FormTextRenderer_1 = require("./FormTextRenderer");
 const LabelRendererComponent = (props) => {
     if (!props)
         return null;
     const { label, required } = props;
     if (!label)
         return null;
-    return React.createElement(react_1.Label, { required: required }, label);
+    return (React.createElement(react_1.Label, { required: required },
+        React.createElement(FormTextRenderer_1.FormTextRenderer, { text: label })));
 };
 exports.LabelRenderer = React.memo(LabelRendererComponent);

package/lib/SingleValueInputElements/DropdownInputElement/DropdownInput.js

@@ -22,7 +22,7 @@ const DropdownInputComponent = (props) => {
         React.createElement(Components_1.LabelRenderer, { label: props.label, required: !!props.renderRequiredIndicator }),
         React.createElement(DropdownComponent, { "data-automationid": "dropdown-input", options: normalizedOptions, onChange: (_event, option) => !!props.onChange && props.onChange(option.key), placeholder: operativeProps.placeholder, 
             // This value should never be `undefined`.
-            defaultSelectedKey: props.value || ((_a = dynamicProps.defaultOption) === null || _a === void 0 ? void 0 : _a.key) || null, disabled: dynamicProps.isDisabled }),
+            selectedKey: props.value || ((_a = dynamicProps.defaultOption) === null || _a === void 0 ? void 0 : _a.key) || null, disabled: dynamicProps.isDisabled }),
         React.createElement(Components_1.ErrorRenderer, { error: props.errorMessage, messageBarType: react_1.MessageBarType.error })));
 };
 exports.DropdownInput = React.memo(DropdownInputComponent);

package/lib/SingleValueInputElements/SingleValueInputElement.js

@@ -86,11 +86,7 @@ class SingleValueInputElement extends ExtendedInputElement_1.ExtendedInputElemen
     }
     /** @inheritdoc */
     get isValid() {
-        if (this._isInvalidated)
-            return false;
-        if (this.isLoading)
-            return false;
-        if (this.errorMessage && this.errorMessage.length > 0)
+        if (this._isInvalidated || this.isLoading || this.errorMessage)
             return false;
         return (!!this._configuration && !this._configuration.isRequired) || this._valueIsSet || this._initialValueIsSet;
     }
@@ -127,17 +123,20 @@ class SingleValueInputElement extends ExtendedInputElement_1.ExtendedInputElemen
         var _a, _b, _c, _d, _e;
         if (!!((_a = this._configuration) === null || _a === void 0 ? void 0 : _a.shouldExecuteValidation) && this._configuration.shouldExecuteValidation() === false)
             return;
-        let errorMessage = null;
+        let errorMessage = undefined;
         if (((_b = this._configuration) === null || _b === void 0 ? void 0 : _b.isRequired) && !this.valueIsValid()) {
             // If a value is required but the input field is empty.
             errorMessage = ((_c = this._configuration) === null || _c === void 0 ? void 0 : _c.requiredValidationMessage) || `The field is required`;
         }
         else if (((_d = this._configuration) === null || _d === void 0 ? void 0 : _d.isRequired) || this.value || ((_e = this._configuration) === null || _e === void 0 ? void 0 : _e.executeAllValidations)) {
             // If a value is provided.
-            this.validationRules.forEach((rule) => {
-                if (!errorMessage)
-                    errorMessage = rule(this.value);
-            });
+            for (const validationRule of this.validationRules) {
+                const currentError = validationRule(this.value);
+                if (currentError) {
+                    errorMessage = currentError;
+                    break;
+                }
+            }
         }
         this.setError(errorMessage);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@try-at-software/input-elements",
-    "version": "1.2.0-beta.2",
+    "version": "1.2.0-beta.5",
     "description": "A package providing different input elements that are extensible and easily configurable for your custom needs.",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",