Makes it possible to enter 1 without a padded 0 in table row (#489)

* Makes it possible to enter 1 without a padded 0 in the input field in TableRow.tsx * lint * lint * rename
equinor · Sep 11, 2023 · 0e9592f · 0e9592f
1 parent 1f7fc46
commit 0e9592f
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/packages/dm-core-plugins/src/table/TableRow/TableRow.tsx b/packages/dm-core-plugins/src/table/TableRow/TableRow.tsx
@@ -107,7 +107,18 @@ export function TableRow(props: TTableRow) {
                   type={attributeType}
                   onChange={(event: ChangeEvent<HTMLInputElement>) => {
                     let newValue: string | number | boolean = event.target.value
-                    if (attributeType === 'number') newValue = Number(newValue)
+                    if (attributeType === 'number') {
+                      const numberArray = Array.from(newValue)
+                      if (
+                        !numberArray.includes('.') &&
+                        numberArray.length > 1 &&
+                        Number(numberArray.at(0)) === 0
+                      ) {
+                        newValue = newValue.slice(1)
+                        event.target.value = newValue
+                      }
+                      newValue = Number(newValue)
+                    }
                     updateItem(index, attribute, newValue)
                   }}
                 />