@try-at-software/input-elements 1.2.2 → 1.2.3

package/lib/SingleValueInputElements/NumberInputElement/INumberInputProps.d.ts

@@ -1,7 +1,11 @@
+import { FormText } from '../../Components';
 import { IBaseInputElementProps } from '../IBaseInputElementProps';
 export interface INumberInputProps extends IBaseInputElementProps {
     handleDecimalValues?: boolean;
     min?: number;
     max?: number;
     step?: number;
+    getMinErrorMessage?: (min: number, max: number | undefined) => FormText;
+    getMaxErrorMessage?: (min: number | undefined, max: number) => FormText;
+    decimalErrorMessage?: FormText;
 }

package/lib/SingleValueInputElements/NumberInputElement/NumberInput.js

@@ -49,27 +49,25 @@ class NumberInput extends React.Component {
             React.createElement(Components_1.ErrorRenderer, { error: this.state.customWarning, messageBarType: react_1.MessageBarType.warning })));
     }
     handleUserInput(value, intermediateValue) {
-        const changeResult = this.ensureValueConsistency(value);
-        this.setState({ customWarning: changeResult.warning, intermediateValue: intermediateValue });
-        if (changeResult.newValue !== undefined)
-            this.props.onChange(changeResult.newValue);
+        const consistencyWarning = this.ensureValueConsistency(value);
+        this.setState({ customWarning: consistencyWarning, intermediateValue: intermediateValue });
+        if (consistencyWarning === undefined)
+            this.props.onChange(value);
         else
             this.props.invalidateInput();
     }
     ensureValueConsistency(value) {
+        var _a, _b, _c, _d, _e;
+        const { operativeProps } = this.props;
         const maxValue = this.getMaxValue();
-        if (value > maxValue)
-            return { warning: `The maximum value is ${maxValue}`, newValue: undefined };
         const minValue = this.getMinValue();
+        if (value > maxValue)
+            return (_b = (_a = operativeProps.getMaxErrorMessage) === null || _a === void 0 ? void 0 : _a.call(operativeProps, minValue, maxValue)) !== null && _b !== void 0 ? _b : `The maximum value is ${maxValue}`;
         if (value < minValue)
-            return { warning: `The minimum value is ${minValue}`, newValue: undefined };
-        const { operativeProps } = this.props;
+            return (_d = (_c = operativeProps.getMinErrorMessage) === null || _c === void 0 ? void 0 : _c.call(operativeProps, minValue, maxValue)) !== null && _d !== void 0 ? _d : `The minimum value is ${minValue}`;
         if (!operativeProps.handleDecimalValues && value % 1 !== 0)
-            return {
-                warning: 'Decimal values are not allowed',
-                newValue: undefined
-            };
-        return { warning: '', newValue: value };
+            return (_e = operativeProps.decimalErrorMessage) !== null && _e !== void 0 ? _e : 'Decimal values are not allowed';
+        return undefined;
     }
     getMaxValue() {
         var _a;

package/package.json

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