upd formatter

optimus/lib/src/form/number_input.dart

@@ -8,7 +8,6 @@ class OptimusNumberInput extends StatefulWidget {
     this.allowNegate = false,
     this.isEnabled = true,
     this.error,
-    this.hasFixedDecimalScale = true,
     this.helper,
     this.isInlined = false,
     required this.label,
@@ -39,7 +38,8 @@ class OptimusNumberInput extends StatefulWidget {
         assert(
           min < max,
           'The minimal allowed value should be lesser then max value',
-        );
+        ),
+        assert(precision >= 0, 'Precision can be negative');
 
   /// Whether negative values are allowed.
   final bool allowNegate;
@@ -50,9 +50,6 @@ class OptimusNumberInput extends StatefulWidget {
   /// Error message to be displayed.
   final String? error;
 
-  /// Whether the decimal scale is fixed.
-  final bool hasFixedDecimalScale;
-
   /// Helper widget to be displayed below the input.
   final Widget? helper;
 
@@ -110,7 +107,11 @@ class OptimusNumberInput extends StatefulWidget {
 }
 
 class _OptimusNumberInputState extends State<OptimusNumberInput> {
-  late final _formatter = const _NumberInputFormatter();
+  late final _formatter = _NumberInputFormatter(
+    precision: widget.precision,
+    thousandSeparator: widget.thousandSeparator,
+    decimalSeparator: widget.decimalSeparator,
+  );
 
   TextEditingController? _controller;
 
@@ -233,16 +234,35 @@ class _Divider extends StatelessWidget {
 }
 
 class _NumberInputFormatter extends TextInputFormatter {
-  const _NumberInputFormatter();
+  const _NumberInputFormatter({
+    required this.precision,
+    required this.thousandSeparator,
+    required this.decimalSeparator,
+  });
+
+  final int precision;
+  final OptimusNumberSeparatorVariant thousandSeparator;
+  final OptimusNumberSeparatorVariant decimalSeparator;
 
   @override
   TextEditingValue formatEditUpdate(
     TextEditingValue oldValue,
     TextEditingValue newValue,
   ) {
-    // TODO(witwash): implement formatEditUpdate
-    throw UnimplementedError();
+    final newText = newValue.text;
+    final newTextNumber = num.parse(newText).toStringAsFixed(precision);
+
+    return newValue.copyWith(text: newTextNumber);
   }
 }
 
-enum OptimusNumberSeparatorVariant { comma, stop, none, empty }
+enum OptimusNumberSeparatorVariant {
+  comma(','),
+  stop('.'),
+  none(' '),
+  empty('');
+
+  const OptimusNumberSeparatorVariant(this.separator);
+
+  final String separator;
+}

optimus_widgetbook/lib/components/forms/number_input.dart

@@ -12,9 +12,24 @@ import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
 )
 Widget createDefaultStyle(BuildContext _) => const _Content();
 
-class _Content extends StatelessWidget {
+class _Content extends StatefulWidget {
   const _Content();
 
+  @override
+  State<_Content> createState() => _ContentState();
+}
+
+class _ContentState extends State<_Content> {
+  final double _initialValue = 0;
+
+  late double _value;
+
+  @override
+  void initState() {
+    super.initState();
+    _value = _initialValue;
+  }
+
   @override
   Widget build(BuildContext context) {
     final k = context.knobs;
@@ -43,12 +58,11 @@ class _Content extends StatelessWidget {
       size: k.widgetSizeKnob,
       helper: helper?.toWidget(),
       isInlined: k.boolean(label: 'Inlined'),
-      hasFixedDecimalScale: k.boolean(label: 'Has fixed decimal scale'),
       isLoading: k.boolean(label: 'Is loading'),
       precision: k.int.slider(label: 'Precision'),
       prefix: prefix?.toWidget(),
       isRequired: k.boolean(label: 'Required'),
-      initialValue: k.double.slider(label: 'Initial', max: max, min: min),
+      initialValue: _value,
       thousandSeparator: k.list(
         label: 'Thousand Separator',
         options: OptimusNumberSeparatorVariant.values,