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

package/lib/ChangingInputElement.d.ts

@@ -13,4 +13,5 @@ export declare abstract class ChangingInputElement<TValue> extends InputElement
     /** @inheritdoc */
     resetValue(): void;
     protected abstract setInternalValue(value: TValue, isInitial: boolean): void;
+    protected abstract resetInternalValue(): void;
 }

package/lib/ChangingInputElement.js

@@ -27,8 +27,13 @@ class ChangingInputElement extends InputElement_1.InputElement {
     resetValue() {
         if (!this._valueIsSet && !this._initialValueIsSet)
             return;
-        this.setInternalValue(undefined, false);
-        this.updateInternally();
+        this._valueIsSet = false;
+        if (this._initialValueIsSet) {
+            this._initialValueIsSet = false;
+            this.setInitialValue(this.initialValue);
+        }
+        else
+            this.resetInternalValue();
     }
 }
 exports.ChangingInputElement = ChangingInputElement;

package/lib/DynamicListInputElement/DynamicListInputElement.d.ts

@@ -41,5 +41,7 @@ export declare class DynamicListInputElement<TValue> extends ExtendedInputElemen
     private reorder;
     private convert;
     protected setInternalValue(valueChange: IDynamicValueChange<TValue>[], isInitial: boolean): void;
+    /** @inheritdoc */
+    protected resetInternalValue(): void;
     private filterInputs;
 }

package/lib/DynamicListInputElement/DynamicListInputElement.js

@@ -110,6 +110,10 @@ class DynamicListInputElement extends ExtendedInputElement_1.ExtendedInputElemen
         this._inputs = newInputs;
         (_a = this._componentRef.current) === null || _a === void 0 ? void 0 : _a.update(this._inputs);
     }
+    /** @inheritdoc */
+    resetInternalValue() {
+        this._inputs = [];
+    }
     filterInputs() {
         var _a;
         return (_a = this._inputs) === null || _a === void 0 ? void 0 : _a.filter((i) => !!(i === null || i === void 0 ? void 0 : i.input));

package/lib/SingleValueInputElements/ISingleValueInputElementProps.d.ts

@@ -5,6 +5,7 @@ export interface IInvalidationOptions {
 export interface ISingleValueInputElementProps<TValue> {
     value: TValue;
     label: FormText;
+    isRequired: boolean;
     renderRequiredIndicator: boolean;
     errorMessage: FormText;
     onChange: (newValue: TValue) => void;

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

@@ -12,6 +12,9 @@ interface INumberInputState {
 export declare class NumberInput extends React.Component<ISingleValueInputElementProps<number> & IOperativeProps<INumberInputProps> & IDynamicProps<IBaseInputElementDynamicProps>, INumberInputState> {
     state: INumberInputState;
     render(): JSX.Element;
+    private handleChange;
+    private handleIncrement;
+    private handleDecrement;
     private handleUserInput;
     private ensureValueConsistency;
     private getMaxValue;

package/lib/SingleValueInputElements/NumberInputElement/NumberInput.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NumberInput = void 0;
-const react_1 = require("@fluentui/react");
 const React = require("react");
+const react_1 = require("@fluentui/react");
 const Components_1 = require("../../Components");
 const delimiter = '.';
 class NumberInput extends React.Component {
@@ -13,40 +13,51 @@ class NumberInput extends React.Component {
             intermediateValue: (_a = this.props.value) === null || _a === void 0 ? void 0 : _a.toString(),
             customWarning: ''
         };
+        this.handleChange = (event) => {
+            const newValue = event.target.value;
+            const value = NumberInput.normalizeData(newValue);
+            const { isRequired } = this.props;
+            console.log(isRequired, value);
+            if (!isRequired && !value) {
+                this.setState({ intermediateValue: '', customWarning: '' });
+                this.props.onChange(undefined);
+                return;
+            }
+            if (!value || isNaN(Number(value))) {
+                this.setState({ intermediateValue: value, customWarning: 'The provided value is not a valid number.' });
+                this.props.invalidateInput();
+                return;
+            }
+            const numericValue = NumberInput.getNumericValue(value);
+            this.handleUserInput(numericValue, value);
+        };
+        this.handleIncrement = (value) => {
+            let numericValue = NumberInput.getNumericValue(value);
+            numericValue += this.getStep();
+            this.handleUserInput(numericValue, numericValue.toString());
+        };
+        this.handleDecrement = (value) => {
+            let numericValue = NumberInput.getNumericValue(value);
+            numericValue -= this.getStep();
+            this.handleUserInput(numericValue, numericValue.toString());
+        };
     }
     render() {
         var _a;
         if (!this.props)
             return null;
-        const { dynamicProps, operativeProps } = this.props;
+        const { dynamicProps, errorMessage, operativeProps } = this.props;
+        const { customWarning } = this.state;
         return (React.createElement(React.Fragment, null,
             React.createElement(Components_1.LabelRenderer, { label: this.props.label, required: !!this.props.renderRequiredIndicator }),
             React.createElement(react_1.SpinButton, { "data-automationid": "number-input", inputProps: {
                     autoFocus: !!operativeProps.autoFocus,
                     placeholder: operativeProps.placeholder,
                     disabled: !!dynamicProps.isDisabled,
-                    onChange: (event) => {
-                        const newValue = event.target.value;
-                        const value = NumberInput.normalizeData(newValue);
-                        if (!value || isNaN(Number(value))) {
-                            this.setState({ intermediateValue: value, customWarning: 'The provided value is not a valid number.' });
-                            this.props.invalidateInput();
-                            return;
-                        }
-                        const numericValue = NumberInput.getNumericValue(value);
-                        this.handleUserInput(numericValue, value);
-                    }
-                }, value: (_a = this.state.intermediateValue) !== null && _a !== void 0 ? _a : '', onIncrement: (value) => {
-                    let numericValue = NumberInput.getNumericValue(value);
-                    numericValue += this.getStep();
-                    this.handleUserInput(numericValue, numericValue.toString());
-                }, onDecrement: (value) => {
-                    let numericValue = NumberInput.getNumericValue(value);
-                    numericValue -= this.getStep();
-                    this.handleUserInput(numericValue, numericValue.toString());
-                } }),
-            React.createElement(Components_1.ErrorRenderer, { error: this.props.errorMessage, messageBarType: react_1.MessageBarType.warning }),
-            React.createElement(Components_1.ErrorRenderer, { error: this.state.customWarning, messageBarType: react_1.MessageBarType.warning })));
+                    onChange: this.handleChange
+                }, value: (_a = this.state.intermediateValue) !== null && _a !== void 0 ? _a : '', onIncrement: this.handleIncrement, onDecrement: this.handleDecrement }),
+            React.createElement(Components_1.ErrorRenderer, { error: errorMessage, messageBarType: react_1.MessageBarType.warning }),
+            React.createElement(Components_1.ErrorRenderer, { error: customWarning, messageBarType: react_1.MessageBarType.warning })));
     }
     handleUserInput(value, intermediateValue) {
         const consistencyWarning = this.ensureValueConsistency(value);

package/lib/SingleValueInputElements/SingleValueInputElement.d.ts

@@ -26,6 +26,8 @@ export declare class SingleValueInputElement<TValue, TOperativeProps, TDynamicPr
     /** @inheritdoc */
     protected setInternalValue(value: TValue, isInitial: boolean): void;
     /** @inheritdoc */
+    protected resetInternalValue(): void;
+    /** @inheritdoc */
     get hasChanges(): boolean;
     /** @inheritdoc */
     value: TValue;

package/lib/SingleValueInputElements/SingleValueInputElement.js

@@ -78,6 +78,17 @@ class SingleValueInputElement extends ExtendedInputElement_1.ExtendedInputElemen
             this.invalidValueChangeSubscriptions.forEach((x) => x === null || x === void 0 ? void 0 : x());
     }
     /** @inheritdoc */
+    resetInternalValue() {
+        var _a;
+        this.setError(undefined);
+        this.value = undefined;
+        if (this._isInvalidated)
+            this._isInvalidated = false;
+        if ((_a = this._componentRef) === null || _a === void 0 ? void 0 : _a.current)
+            this._componentRef.current.update(undefined);
+        this.updateInternally();
+    }
+    /** @inheritdoc */
     get hasChanges() {
         var _a;
         return !!((_a = this._configuration) === null || _a === void 0 ? void 0 : _a.comparator)
@@ -102,7 +113,8 @@ class SingleValueInputElement extends ExtendedInputElement_1.ExtendedInputElemen
                 React.createElement(SingleValueInputElementWrapper_1.SingleValueInputElementWrapper, { internalComponent: this.componentToRender, renderErrors: (_b = this._configuration) === null || _b === void 0 ? void 0 : _b.renderErrors, loadingIndicator: (_c = this._configuration) === null || _c === void 0 ? void 0 : _c.loadingComponent, inputProps: {
                         label: (_d = this._configuration) === null || _d === void 0 ? void 0 : _d.label,
                         value: this.value,
-                        renderRequiredIndicator: ((_e = this._configuration) === null || _e === void 0 ? void 0 : _e.renderRequiredIndicator) && ((_f = this._configuration) === null || _f === void 0 ? void 0 : _f.isRequired),
+                        isRequired: this._configuration.isRequired,
+                        renderRequiredIndicator: ((_e = this._configuration) === null || _e === void 0 ? void 0 : _e.isRequired) && ((_f = this._configuration) === null || _f === void 0 ? void 0 : _f.renderRequiredIndicator),
                         errorMessage: this.errorMessage,
                         onChange: (newValue) => this.setValue(newValue),
                         invalidateInput: this.invalidateInput

package/package.json

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