feat(amount-input): added integerLength prop

* feat(amount-input): added integerLength prop * fix(amount-input): fixed stories prop name Co-authored-by: Evgeny Sergeev <SiebenSieben@gmail.com>
core-ds · Dec 11, 2020 · 881af44 · 881af44
1 parent ecd5652
commit 881af44
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/packages/amount-input/src/Component.stories.mdx b/packages/amount-input/src/Component.stories.mdx
@@ -22,6 +22,7 @@ import { name, version } from '../package.json';
     <AmountInput
         value={number('value', null)}
         currency={text('currency', 'RUR')}
+        integerLength={number('integerLength', 9)}
         minority={number('minority', 100)}
         bold={boolean('bold', true)}
         block={boolean('block', false)}

diff --git a/packages/amount-input/src/Component.tsx b/packages/amount-input/src/Component.tsx
@@ -20,6 +20,11 @@ export type AmountInputProps = Omit<InputProps, 'value' | 'onChange' | 'type'> &
      */
     currency?: CurrencyCodes;
 
+    /**
+     * Максимальное число знаков до запятой
+     */
+    integerLength?: number;
+
     /**
      * Минорные единицы
      */
@@ -61,6 +66,7 @@ export const AmountInput = forwardRef<HTMLInputElement, AmountInputProps>(
     (
         {
             value = null,
+            integerLength = 9,
             minority = 100,
             currency = 'RUR',
             placeholder = `0\u2009${getCurrencySymbol(currency) || ''}`,
@@ -106,7 +112,9 @@ export const AmountInput = forwardRef<HTMLInputElement, AmountInputProps>(
         const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
             const input = e.target;
             const enteredValue = input.value.replace(/\s/g, '').replace('.', ',');
-            const isCorrectEnteredValue = /(^[0-9]{1,9}(,([0-9]+)?)?$|^\s*$)/.test(enteredValue);
+            const isCorrectEnteredValue = RegExp(
+                `(^[0-9]{1,${integerLength}}(,([0-9]+)?)?$|^\\s*$)`,
+            ).test(enteredValue);
 
             if (isCorrectEnteredValue) {
                 const newFormatedValue = getFormatedValue(enteredValue, currency, minority);