@woosmap/ui 4.100.1 → 4.100.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "4.100.1",
+  "version": "4.100.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/WebGeoServices/ui.git"

package/src/components/Card/Card.js

@@ -171,7 +171,7 @@ class Aside extends Component {
                         <span className="card__aside__list__item__title">{product.name}</span>
                     </li>
                 </ul>
-                <div className="card__aside__footer">Will be atomatically activated</div>
+                <div className="card__aside__footer">Will be automatically activated</div>
             </div>
         );
     }

package/src/components/Demo/W3WDemo.js

@@ -80,7 +80,7 @@ export default class W3WDemo extends Component {
         const { input } = this.state;
         axios
             .get(`${this.baseRequestUrl}autosuggest`, {
-                params: this.getRequestparams({ input }),
+                params: this.getRequestparams({ input, 'clip-to-country': 'GB,FR' }),
             })
             .then((response) => {
                 if (this.mounted) {

package/src/components/DynamicTag/DynamicTag.test.js

@@ -52,8 +52,8 @@ it('add a tag by clicking the OK btn', () => {
 
 it('cant add the same value twice', () => {
     const ref = React.createRef();
-    render(<DynamicTag ref={ref} placeholder="tags" />);
-    const input = screen.getByPlaceholderText('tags');
+    render(<DynamicTag ref={ref} placeholder="tags" testId="dt" />);
+    const input = screen.getByTestId('dt-input');
     expect(input).toBeTruthy();
 
     fireEvent.change(input, { target: { value: 'mytag' } });
@@ -61,13 +61,16 @@ it('cant add the same value twice', () => {
     expect(input).toHaveValue('mytag');
 
     expect(ref.current.getTags()).toEqual([]);
-    const ok = screen.getByRole('button');
+    const ok = screen.getByTestId('dt-button');
     act(() => {
         fireEvent.click(ok);
     });
     expect(ref.current.getTags()).toEqual(['mytag']);
 
-    fireEvent.change(input, { target: { value: 'mytag' } });
+    act(() => {
+        fireEvent.change(input, { target: { value: 'mytag' } });
+    });
+
     expect(input).toHaveValue('mytag');
 
     act(() => {

package/src/components/Input/Input.js

@@ -28,10 +28,10 @@ export default class Input extends Component {
     };
 
     increment = () => {
-        const { onChange, value: oldValue, name } = this.props;
+        const { onChange, value: oldValue, name, step, max } = this.props;
         const { value: stateValue } = this.state;
         const theValue = oldValue || stateValue;
-        const newValue = theValue ? theValue + 1 : 1;
+        const newValue = Math.max(max, theValue ? theValue + step : step);
         if (onChange) {
             onChange({ target: { name, value: newValue } });
         } else {
@@ -40,10 +40,10 @@ export default class Input extends Component {
     };
 
     decrement = () => {
-        const { onChange, value: oldValue, name } = this.props;
+        const { onChange, value: oldValue, name, step, min } = this.props;
         const { value: stateValue } = this.state;
         const theValue = oldValue || stateValue;
-        const newValue = theValue ? theValue - 1 : 0;
+        const newValue = Math.min(min, theValue ? theValue - step : 0);
         if (onChange) {
             onChange({ target: { name, value: newValue } });
         } else {
@@ -69,6 +69,7 @@ export default class Input extends Component {
             icon,
             isInputIconFill,
             enableTogglePassword,
+            testId,
         } = this.props;
 
         const { showPassword, value: stateValue } = this.state;
@@ -97,7 +98,7 @@ export default class Input extends Component {
                     }),
                     id: this.inputId,
                     ref: this.inputRef,
-                    'data-testid': 'input',
+                    'data-testid': testId,
                     name,
                     checked,
                     autoComplete: autocomplete ? '' : 'off',
@@ -106,17 +107,17 @@ export default class Input extends Component {
                     onFocus,
                     onKeyDown: this.onKeyDown,
                     type: type === 'password' && showPassword ? 'text' : type,
-                    value: value || stateValue,
+                    value: value !== undefined ? value : stateValue,
                     size: length,
                     disabled,
                     onChange,
                 })}
                 {type === 'number' && (
                     <div>
-                        <button onClick={this.increment} type="button">
+                        <button onClick={this.increment} type="button" disabled={disabled}>
                             +
                         </button>
-                        <button onClick={this.decrement} type="button">
+                        <button onClick={this.decrement} type="button" disabled={disabled}>
                             -
                         </button>
                     </div>
@@ -216,6 +217,10 @@ Input.propTypes = {
     onPressEnter: PropTypes.func,
     enableTogglePassword: PropTypes.bool,
     isInputIconFill: PropTypes.bool,
+    step: PropTypes.number,
+    testId: PropTypes.string,
+    min: PropTypes.number,
+    max: PropTypes.number,
 };
 
 Input.defaultProps = {
@@ -242,4 +247,8 @@ Input.defaultProps = {
     onFocus: null,
     enableTogglePassword: false,
     isInputIconFill: false,
+    step: 1,
+    testId: 'input',
+    min: undefined,
+    max: undefined,
 };