@try-at-software/input-elements 1.2.0-beta.1 → 1.2.0-beta.4

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

@@ -63,15 +63,16 @@ class SingleValueInputElement extends ExtendedInputElement_1.ExtendedInputElemen
         var _a;
         if (this._isInvalidated)
             this._isInvalidated = false;
+        const previousValue = this.value;
         this.value = value;
         if ((_a = this._componentRef) === null || _a === void 0 ? void 0 : _a.current)
             this._componentRef.current.update(value);
         this.validate();
         if (this.isValid) {
             if (isInitial)
-                this.initialValueChangeSubscriptions.forEach((x) => x === null || x === void 0 ? void 0 : x(this.value));
+                this.initialValueChangeSubscriptions.forEach((x) => x === null || x === void 0 ? void 0 : x(this.value, previousValue));
             else
-                this.valueChangeSubscriptions.forEach((x) => x === null || x === void 0 ? void 0 : x(this.value));
+                this.valueChangeSubscriptions.forEach((x) => x === null || x === void 0 ? void 0 : x(this.value, previousValue));
         }
         else
             this.invalidValueChangeSubscriptions.forEach((x) => x === null || x === void 0 ? void 0 : x());

package/lib/Subscriptions/ValueChangeSubscription.d.ts

@@ -1,2 +1,2 @@
-export declare type ValueChangeSubscription<TValue> = (newValue: TValue) => void;
+export declare type ValueChangeSubscription<TValue> = (newValue: TValue, previousValue: TValue) => void;
 export declare type InvalidValueChangeSubscription = () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@try-at-software/input-elements",
-    "version": "1.2.0-beta.1",
+    "version": "1.2.0-beta.4",
     "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",