techsbcn-storybook 2.15.2 → 2.15.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -11,6 +11,8 @@ export interface TextFieldComponentProps extends BaseTextFieldProps {
|
|
|
11
11
|
minNumber?: number;
|
|
12
12
|
maxNumber?: number;
|
|
13
13
|
maxLength?: number;
|
|
14
|
+
/** Truncates the typed value to this many decimals (accepts "." or ","). */
|
|
15
|
+
maxDecimals?: number;
|
|
14
16
|
step?: number | string;
|
|
15
17
|
type?: InputType;
|
|
16
18
|
value?: string | number;
|
package/dist/index.js
CHANGED
|
@@ -534,8 +534,10 @@ var TextFieldComponent = ({
|
|
|
534
534
|
minNumber,
|
|
535
535
|
maxNumber,
|
|
536
536
|
maxLength,
|
|
537
|
+
maxDecimals,
|
|
537
538
|
step,
|
|
538
539
|
inputRef,
|
|
540
|
+
onChange,
|
|
539
541
|
onMouseEnter,
|
|
540
542
|
onMouseLeave,
|
|
541
543
|
...rest
|
|
@@ -545,6 +547,13 @@ var TextFieldComponent = ({
|
|
|
545
547
|
material.TextField,
|
|
546
548
|
{
|
|
547
549
|
...rest,
|
|
550
|
+
onChange: (event) => {
|
|
551
|
+
if (maxDecimals !== void 0) {
|
|
552
|
+
const truncated = event.target.value.replace(new RegExp(`([.,]\\d{${maxDecimals}})\\d+$`), "$1");
|
|
553
|
+
if (truncated !== event.target.value) event.target.value = truncated;
|
|
554
|
+
}
|
|
555
|
+
onChange?.(event);
|
|
556
|
+
},
|
|
548
557
|
onMouseEnter: (e) => {
|
|
549
558
|
setHover(true);
|
|
550
559
|
onMouseEnter?.(e);
|