@chayns-components/core 5.0.0-beta.270 → 5.0.0-beta.272

package/lib/components/number-input/NumberInput.d.ts

@@ -14,7 +14,7 @@ export type NumberInputProps = {
      */
     maxNumber?: number;
     /**
-     * The number that should be displayed formatted in the input field. NOTE: A zero as number is not allowed
+     * The number that should be displayed formatted in the input field. NOTE: The number has to match the mode (integer, decimal or money)
      */
     number: number | null;
     /**
@@ -24,7 +24,11 @@ export type NumberInputProps = {
     /**
      * Callback function that is called when the input gets out of focus
      */
-    onNumberChange: (newNumber: number | null) => void;
+    onBlur?: (newNumber: number | null) => void;
+    /**
+     * Callback function that is called when the input changes
+     */
+    onChange?: (newNumber: number | null) => void;
     /**
      * Whether the input is disabled
      */

package/lib/components/number-input/NumberInput.js

@@ -18,12 +18,18 @@ const NumberInput = _ref => {
     maxNumber = Infinity,
     number,
     placeholder,
-    onNumberChange,
-    isDisabled
+    onBlur,
+    isDisabled,
+    onChange
   } = _ref;
   const [stringValue, setStringValue] = (0, _react.useState)('');
+  const [hasFocus, setHasFocus] = (0, _react.useState)(false);
+  const localPlaceholder = placeholder !== null && placeholder !== void 0 ? placeholder : isMoneyInput ? '€' : undefined;
   const handleChange = (0, _react.useCallback)(function () {
     let newValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    if (hasFocus) {
+      return;
+    }
     if (typeof newValue !== 'number') {
       setStringValue('');
       return;
@@ -35,53 +41,67 @@ const NumberInput = _ref => {
       number: parsedValue,
       isMoneyInput
     }));
-  }, [isMoneyInput]);
-  const onChange = event => {
+  }, [hasFocus, isMoneyInput]);
+  const onLocalChange = event => {
     const newValue = event.target.value;
     const sanitizedValue = newValue
-    // Removes everything except numbers and commas (decimals should be indicated with a comma)
+    // Removes everything except numbers, commas and points
     .replace(_number.NUMBER_CLEAR_REGEX, '')
     // Calculations need points for decimal indication
     .replace(',', '.');
-    if (sanitizedValue.trim().length > 0) {
-      // Allows numbers, a comma and any number of decimal places
-      if (isDecimalInput && _number.DECIMAL_TEST.test(sanitizedValue)) {
-        const parsedNumber = (0, _number2.parseFloatAndRound)({
-          stringValue: sanitizedValue
-        });
-        if (parsedNumber > maxNumber) {
-          return;
-        }
-        setStringValue(sanitizedValue.replace('.', ','));
+    if (sanitizedValue.length === 0) {
+      setStringValue('');
+      if (typeof onChange === 'function') {
+        onChange === null || onChange === void 0 || onChange(null);
+      }
+      return;
+    }
+
+    // Allows numbers, one (comma/point) and any number of decimal places
+    if (isDecimalInput && _number.DECIMAL_TEST.test(sanitizedValue)) {
+      const parsedNumber = (0, _number2.parseFloatAndRound)({
+        stringValue: sanitizedValue
+      });
+      if (parsedNumber > maxNumber) {
         return;
       }
+      setStringValue(sanitizedValue.replace('.', ','));
+      if (typeof onChange === 'function') {
+        onChange(parsedNumber);
+      }
+      return;
+    }
 
-      // Allows numbers, a comma and 2 numbers of decimal places
-      if (isMoneyInput && _number.MONEY_TEST.test(sanitizedValue)) {
-        const parsedNumber = (0, _number2.parseFloatAndRound)({
-          stringValue: sanitizedValue,
-          decimals: 2
-        });
-        if (parsedNumber > maxNumber) {
-          return;
-        }
-        setStringValue(sanitizedValue.replace('.', ','));
+    // Allows numbers, one (comma/point) and 2 numbers of decimal places
+    if (isMoneyInput && _number.MONEY_TEST.test(sanitizedValue)) {
+      const parsedNumber = (0, _number2.parseFloatAndRound)({
+        stringValue: sanitizedValue,
+        decimals: 2
+      });
+      if (parsedNumber > maxNumber) {
         return;
       }
+      setStringValue(sanitizedValue.replace('.', ','));
+      if (typeof onChange === 'function') {
+        onChange(parsedNumber);
+      }
+      return;
+    }
 
-      // Allows numbers but excludes numbers with leading 0
-      if (_number.INTEGER_TEST.test(sanitizedValue)) {
-        const parsedNumber = Number(sanitizedValue);
-        if (parsedNumber > maxNumber) {
-          return;
-        }
-        setStringValue(sanitizedValue);
+    // Allows numbers but excludes numbers with leading 0
+    if (_number.INTEGER_TEST.test(sanitizedValue)) {
+      const parsedNumber = Number(sanitizedValue);
+      if (parsedNumber > maxNumber) {
+        return;
+      }
+      setStringValue(sanitizedValue);
+      if (typeof onChange === 'function') {
+        onChange(parsedNumber);
       }
-    } else {
-      setStringValue('');
     }
   };
-  const onBlur = () => {
+  const onLocalBlur = () => {
+    setHasFocus(false);
     const sanitizedValue = stringValue.length === 0 ? '0' : stringValue;
     const parsedValue = (0, _number2.parseFloatAndRound)({
       stringValue: sanitizedValue
@@ -90,9 +110,12 @@ const NumberInput = _ref => {
       number: parsedValue,
       isMoneyInput
     }));
-    onNumberChange(parsedValue === 0 ? null : parsedValue);
+    if (typeof onBlur === 'function') {
+      onBlur(parsedValue === 0 ? null : parsedValue);
+    }
   };
   const onFocus = () => {
+    setHasFocus(true);
     setStringValue(stringValue.replaceAll('.', ''));
   };
   (0, _react.useEffect)(() => {
@@ -100,10 +123,10 @@ const NumberInput = _ref => {
   }, [handleChange, number]);
   return /*#__PURE__*/_react.default.createElement(_Input.default, {
     inputMode: "decimal",
-    onChange: onChange,
+    onChange: onLocalChange,
     value: stringValue,
-    placeholder: placeholder,
-    onBlur: onBlur,
+    placeholder: localPlaceholder,
+    onBlur: onLocalBlur,
     onFocus: onFocus,
     isDisabled: isDisabled
   });

package/lib/components/number-input/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","names":["_react","_interopRequireWildcard","require","_Input","_interopRequireDefault","_number","_number2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","NumberInput","_ref","isDecimalInput","isMoneyInput","maxNumber","Infinity","number","placeholder","onNumberChange","isDisabled","stringValue","setStringValue","useState","handleChange","useCallback","newValue","arguments","length","undefined","parsedValue","parseFloatAndRound","toString","formateNumber","onChange","event","target","value","sanitizedValue","replace","NUMBER_CLEAR_REGEX","trim","DECIMAL_TEST","test","parsedNumber","MONEY_TEST","decimals","INTEGER_TEST","Number","onBlur","onFocus","replaceAll","useEffect","createElement","inputMode","displayName","_default","exports"],"sources":["../../../src/components/number-input/NumberInput.tsx"],"sourcesContent":["import React, { ChangeEvent, FC, useCallback, useEffect, useState } from 'react';\nimport Input from '../input/Input';\nimport { DECIMAL_TEST, INTEGER_TEST, MONEY_TEST, NUMBER_CLEAR_REGEX } from './constants/number';\nimport { formateNumber, parseFloatAndRound } from './utils/number';\n\nexport type NumberInputProps = {\n    /**\n     * Whether the user can add decimal places. Enables the user to input a zero as first number\n     */\n    isDecimalInput?: boolean;\n    /**\n     * Applies rules for money input.\n     * Rules: only two decimal places, one leading zero\n     */\n    isMoneyInput?: boolean;\n    /**\n     * Limits the number to this value\n     */\n    maxNumber?: number;\n    /**\n     * The number that should be displayed formatted in the input field. NOTE: A zero as number is not allowed\n     */\n    number: number | null;\n    /**\n     * The placeholder that should be in the input\n     */\n    placeholder?: string;\n    /**\n     * Callback function that is called when the input gets out of focus\n     */\n    onNumberChange: (newNumber: number | null) => void;\n    /**\n     * Whether the input is disabled\n     */\n    isDisabled?: boolean;\n};\n\nconst NumberInput: FC<NumberInputProps> = ({\n    isDecimalInput,\n    isMoneyInput,\n    maxNumber = Infinity,\n    number,\n    placeholder,\n    onNumberChange,\n    isDisabled,\n}) => {\n    const [stringValue, setStringValue] = useState<string>('');\n\n    const handleChange = useCallback(\n        (newValue: number | null = null) => {\n            if (typeof newValue !== 'number') {\n                setStringValue('');\n\n                return;\n            }\n\n            const parsedValue = parseFloatAndRound({ stringValue: newValue?.toString() });\n\n            setStringValue(formateNumber({ number: parsedValue, isMoneyInput }));\n        },\n        [isMoneyInput]\n    );\n\n    const onChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const newValue = event.target.value;\n\n        const sanitizedValue = newValue\n            // Removes everything except numbers and commas (decimals should be indicated with a comma)\n            .replace(NUMBER_CLEAR_REGEX, '')\n            // Calculations need points for decimal indication\n            .replace(',', '.');\n\n        if (sanitizedValue.trim().length > 0) {\n            // Allows numbers, a comma and any number of decimal places\n            if (isDecimalInput && DECIMAL_TEST.test(sanitizedValue)) {\n                const parsedNumber = parseFloatAndRound({ stringValue: sanitizedValue });\n\n                if (parsedNumber > maxNumber) {\n                    return;\n                }\n\n                setStringValue(sanitizedValue.replace('.', ','));\n\n                return;\n            }\n\n            // Allows numbers, a comma and 2 numbers of decimal places\n            if (isMoneyInput && MONEY_TEST.test(sanitizedValue)) {\n                const parsedNumber = parseFloatAndRound({\n                    stringValue: sanitizedValue,\n                    decimals: 2,\n                });\n\n                if (parsedNumber > maxNumber) {\n                    return;\n                }\n\n                setStringValue(sanitizedValue.replace('.', ','));\n\n                return;\n            }\n\n            // Allows numbers but excludes numbers with leading 0\n            if (INTEGER_TEST.test(sanitizedValue)) {\n                const parsedNumber = Number(sanitizedValue);\n\n                if (parsedNumber > maxNumber) {\n                    return;\n                }\n\n                setStringValue(sanitizedValue);\n            }\n        } else {\n            setStringValue('');\n        }\n    };\n\n    const onBlur = () => {\n        const sanitizedValue = stringValue.length === 0 ? '0' : stringValue;\n        const parsedValue = parseFloatAndRound({ stringValue: sanitizedValue });\n\n        setStringValue(\n            stringValue.length === 0\n                ? ''\n                : formateNumber({\n                      number: parsedValue,\n                      isMoneyInput,\n                  })\n        );\n\n        onNumberChange(parsedValue === 0 ? null : parsedValue);\n    };\n\n    const onFocus = () => {\n        setStringValue(stringValue.replaceAll('.', ''));\n    };\n\n    useEffect(() => {\n        handleChange(number);\n    }, [handleChange, number]);\n\n    return (\n        <Input\n            inputMode=\"decimal\"\n            onChange={onChange}\n            value={stringValue}\n            placeholder={placeholder}\n            onBlur={onBlur}\n            onFocus={onFocus}\n            isDisabled={isDisabled}\n        />\n    );\n};\n\nNumberInput.displayName = 'NumberInput';\n\nexport default NumberInput;\n"],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","names":["_react","_interopRequireWildcard","require","_Input","_interopRequireDefault","_number","_number2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","NumberInput","_ref","isDecimalInput","isMoneyInput","maxNumber","Infinity","number","placeholder","onBlur","isDisabled","onChange","stringValue","setStringValue","useState","hasFocus","setHasFocus","localPlaceholder","undefined","handleChange","useCallback","newValue","arguments","length","parsedValue","parseFloatAndRound","toString","formateNumber","onLocalChange","event","target","value","sanitizedValue","replace","NUMBER_CLEAR_REGEX","DECIMAL_TEST","test","parsedNumber","MONEY_TEST","decimals","INTEGER_TEST","Number","onLocalBlur","onFocus","replaceAll","useEffect","createElement","inputMode","displayName","_default","exports"],"sources":["../../../src/components/number-input/NumberInput.tsx"],"sourcesContent":["import React, { ChangeEvent, FC, useCallback, useEffect, useState } from 'react';\nimport Input from '../input/Input';\nimport { DECIMAL_TEST, INTEGER_TEST, MONEY_TEST, NUMBER_CLEAR_REGEX } from './constants/number';\nimport { formateNumber, parseFloatAndRound } from './utils/number';\n\nexport type NumberInputProps = {\n    /**\n     * Whether the user can add decimal places. Enables the user to input a zero as first number\n     */\n    isDecimalInput?: boolean;\n    /**\n     * Applies rules for money input.\n     * Rules: only two decimal places, one leading zero\n     */\n    isMoneyInput?: boolean;\n    /**\n     * Limits the number to this value\n     */\n    maxNumber?: number;\n    /**\n     * The number that should be displayed formatted in the input field. NOTE: The number has to match the mode (integer, decimal or money)\n     */\n    number: number | null;\n    /**\n     * The placeholder that should be in the input\n     */\n    placeholder?: string;\n    /**\n     * Callback function that is called when the input gets out of focus\n     */\n    onBlur?: (newNumber: number | null) => void;\n    /**\n     * Callback function that is called when the input changes\n     */\n    onChange?: (newNumber: number | null) => void;\n    /**\n     * Whether the input is disabled\n     */\n    isDisabled?: boolean;\n};\n\nconst NumberInput: FC<NumberInputProps> = (\n    {\n        isDecimalInput,\n        isMoneyInput,\n        maxNumber = Infinity,\n        number,\n        placeholder,\n        onBlur,\n        isDisabled,\n        onChange\n    }) => {\n    const [stringValue, setStringValue] = useState<string>('');\n    const [hasFocus, setHasFocus] = useState<boolean>(false);\n\n    const localPlaceholder = placeholder ?? (isMoneyInput ? '€' : undefined);\n\n    const handleChange = useCallback(\n        (newValue: number | null = null) => {\n            if (hasFocus) {\n                return;\n            }\n\n            if (typeof newValue !== 'number') {\n                setStringValue('');\n\n                return;\n            }\n\n            const parsedValue = parseFloatAndRound({ stringValue: newValue?.toString() });\n\n            setStringValue(formateNumber({ number: parsedValue, isMoneyInput }));\n        },\n        [hasFocus, isMoneyInput]\n    );\n\n    const onLocalChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const newValue = event.target.value;\n\n        const sanitizedValue = newValue\n            // Removes everything except numbers, commas and points\n            .replace(NUMBER_CLEAR_REGEX, '')\n            // Calculations need points for decimal indication\n            .replace(',', '.');\n\n        if (sanitizedValue.length === 0) {\n            setStringValue('');\n\n            if (typeof onChange === 'function') {\n                onChange?.(null);\n            }\n\n            return;\n        }\n\n        // Allows numbers, one (comma/point) and any number of decimal places\n        if (isDecimalInput && DECIMAL_TEST.test(sanitizedValue)) {\n            const parsedNumber = parseFloatAndRound({ stringValue: sanitizedValue });\n\n            if (parsedNumber > maxNumber) {\n                return;\n            }\n\n            setStringValue(sanitizedValue.replace('.', ','));\n\n            if (typeof onChange === 'function') {\n                onChange(parsedNumber);\n            }\n\n            return;\n        }\n\n        // Allows numbers, one (comma/point) and 2 numbers of decimal places\n        if (isMoneyInput && MONEY_TEST.test(sanitizedValue)) {\n            const parsedNumber = parseFloatAndRound({\n                stringValue: sanitizedValue,\n                decimals: 2,\n            });\n\n            if (parsedNumber > maxNumber) {\n                return;\n            }\n\n            setStringValue(sanitizedValue.replace('.', ','));\n\n            if (typeof onChange === 'function') {\n                onChange(parsedNumber);\n            }\n\n            return;\n        }\n\n        // Allows numbers but excludes numbers with leading 0\n        if (INTEGER_TEST.test(sanitizedValue)) {\n            const parsedNumber = Number(sanitizedValue);\n\n            if (parsedNumber > maxNumber) {\n                return;\n            }\n\n            setStringValue(sanitizedValue);\n\n            if (typeof onChange === 'function') {\n                onChange(parsedNumber);\n            }\n        }\n    };\n\n    const onLocalBlur = () => {\n        setHasFocus(false);\n\n        const sanitizedValue = stringValue.length === 0 ? '0' : stringValue;\n        const parsedValue = parseFloatAndRound({ stringValue: sanitizedValue });\n\n        setStringValue(\n            stringValue.length === 0\n                ? ''\n                : formateNumber({\n                    number: parsedValue,\n                    isMoneyInput,\n                })\n        );\n\n        if (typeof onBlur === 'function') {\n            onBlur(parsedValue === 0 ? null : parsedValue);\n        }\n    };\n\n    const onFocus = () => {\n        setHasFocus(true);\n\n        setStringValue(stringValue.replaceAll('.', ''));\n    };\n\n    useEffect(() => {\n        handleChange(number);\n    }, [handleChange, number]);\n\n    return (\n        <Input\n            inputMode=\"decimal\"\n            onChange={onLocalChange}\n            value={stringValue}\n            placeholder={localPlaceholder}\n            onBlur={onLocalBlur}\n            onFocus={onFocus}\n            isDisabled={isDisabled}\n        />\n    );\n};\n\nNumberInput.displayName = 'NumberInput';\n\nexport default NumberInput;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.270",
+    "version": "5.0.0-beta.272",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "keywords": [
         "chayns",
@@ -65,5 +65,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "461af323dcc561f3d26eaa731bede9f56818da78"
+    "gitHead": "2c406539247224520a4e429c5488ed1cbd37c2f3"
 }