@ultraviolet/ui 1.43.1 → 1.43.2

package/dist/index.d.ts

@@ -2079,8 +2079,8 @@ declare const NumberInputV2: react.ForwardRefExoticComponent<{
     error?: string | undefined;
     success?: string | boolean | undefined;
     helper?: ReactNode;
-    value?: number | undefined;
-    onChange?: ((newValue: number) => void) | undefined;
+    value?: number | null | undefined;
+    onChange?: ((newValue: number | null) => void) | undefined;
     min?: number | undefined;
     max?: number | undefined;
 } & Pick<InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "id" | "aria-label" | "onFocus" | "onBlur" | "name" | "disabled" | "step" | "placeholder" | "readOnly" | "required"> & react.RefAttributes<HTMLInputElement>>;

package/dist/src/components/NumberInputV2/index.js

@@ -248,12 +248,17 @@ const NumberInputV2 = /*#__PURE__*/forwardRef(({
               placeholder: placeholder,
               onKeyDown: event => {
                 if (event.key === 'Enter') {
-                  onChangeValue(localRef.current?.value ?? '');
+                  if (!localRef.current?.value) {
+                    onChange?.(null);
+                  } else if (onChange) {
+                    onChangeValue(localRef.current?.value ?? '');
+                  }
                 }
               },
               onBlur: event => {
                 if (event.target.value === '') {
                   onBlur?.(event);
+                  onChange?.(null);
                   return;
                 }
                 if (onChange) {
@@ -261,7 +266,7 @@ const NumberInputV2 = /*#__PURE__*/forwardRef(({
                 }
                 onBlur?.(event);
               },
-              defaultValue: value,
+              defaultValue: value?.toString(),
               onFocus: onFocus,
               "data-size": size,
               step: step,

package/dist/src/components/TextInputV2/index.js

@@ -58,7 +58,7 @@ const StyledInputWrapper = /*#__PURE__*/_styled('div', {
   theme
 }) => theme.colors.success.border, ";}&[data-error='true']{border-color:", ({
   theme
-}) => theme.colors.danger.border, ";}&[data-readOnly='true']{background:", ({
+}) => theme.colors.danger.border, ";}&[data-readonly='true']{background:", ({
   theme
 }) => theme.colors.neutral.backgroundWeak, ";border-color:", ({
   theme
@@ -70,7 +70,7 @@ const StyledInputWrapper = /*#__PURE__*/_styled('div', {
   theme
 }) => theme.colors.neutral.textDisabled, ";&::placeholder{color:", ({
   theme
-}) => theme.colors.neutral.textWeakDisabled, ";}}}&:not([data-disabled='true']):not([data-readOnly]):hover{border-color:", ({
+}) => theme.colors.neutral.textWeakDisabled, ";}}}&:not([data-disabled='true']):not([data-readonly]):hover{border-color:", ({
   theme
 }) => theme.colors.primary.border, ";}", ({
   theme,
@@ -159,7 +159,7 @@ const TextInputV2 = /*#__PURE__*/forwardRef(({
         children: jsxs(StyledInputWrapper, {
           hasFocus: hasFocus,
           "data-disabled": disabled,
-          "data-readOnly": readOnly,
+          "data-readonly": readOnly,
           "data-success": !!success,
           "data-error": !!error,
           size: size,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "1.43.1",
+  "version": "1.43.2",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -63,7 +63,7 @@
     "react-datepicker": "4.25.0",
     "react-flatten-children": "1.1.2",
     "react-select": "5.8.0",
-    "react-toastify": "10.0.4",
+    "react-toastify": "10.0.5",
     "react-use-clipboard": "1.0.9",
     "reakit": "1.3.11",
     "@ultraviolet/themes": "1.9.0",