@symply.io/basic-components 1.5.5-alpha.5 → 1.5.5-alpha.7

package/NumberInput/index.js

@@ -42,6 +42,6 @@ function NumberInput(props) {
         onChange: onChange
     }), typing = _f.typing, exceedError = _f.exceedError, tooltipOpen = _f.tooltipOpen, roundedValue = _f.roundedValue, handleBlur = _f.handleBlur, handleFocus = _f.handleFocus, handleChange = _f.handleChange, onOpenTooltip = _f.onOpenTooltip, onCloseTooltip = _f.onCloseTooltip, handleKeyboardEvent = _f.handleKeyboardEvent;
     var valueDisplay = useMemo(function () { return (typing ? value : roundedValue); }, [typing, value, roundedValue]);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Tooltip, __assign({ arrow: true, placement: "top", title: tooltip !== null && tooltip !== void 0 ? tooltip : "", open: !!tooltip && tooltipOpen }, { children: _jsx(Field, __assign({ size: size, margin: "dense", type: "number", value: value === undefined || value === null ? "" : valueDisplay, onMouseEnter: onOpenTooltip, onMouseLeave: onCloseTooltip, onBlur: handleBlur, onFocus: handleFocus, onChange: handleChange, error: error || exceedError, helperText: helperText || (exceedError ? EXCEED_ERROR : ""), inputProps: { onKeyDown: handleKeyboardEvent } }, rest)) })) })));
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Tooltip, __assign({ arrow: true, placement: "top", title: tooltip !== null && tooltip !== void 0 ? tooltip : "", open: !!tooltip && tooltipOpen }, { children: _jsx(Field, __assign({ size: size, margin: "dense", type: "text", value: value === undefined || value === null ? "" : valueDisplay, onMouseEnter: onOpenTooltip, onMouseLeave: onCloseTooltip, onBlur: handleBlur, onFocus: handleFocus, onChange: handleChange, error: error || exceedError, helperText: helperText || (exceedError ? EXCEED_ERROR : ""), inputProps: { onKeyDown: handleKeyboardEvent } }, rest)) })) })));
 }
 export default NumberInput;

package/NumberInput/useInteractions.js

@@ -26,8 +26,7 @@ function useInteractions(props) {
     }, [value, decimals]);
     var exceedError = useMemo(function () { return !!value && (Number(value) < minValue || Number(value) > maxValue); }, [value, minValue, maxValue]);
     var handleKeyboardEvent = useCallback(function (event) {
-        var _a, _b;
-        var key = event.key;
+        var key = event.key, currentTarget = event.currentTarget;
         if (key === "e") {
             event.preventDefault();
         }
@@ -44,16 +43,16 @@ function useInteractions(props) {
                 event.preventDefault();
             }
             else if (String(value).includes(".") && decimals > 0) {
-                var cursorPos = ((_b = (_a = document.getSelection()) === null || _a === void 0 ? void 0 : _a.getRangeAt(0)) === null || _b === void 0 ? void 0 : _b.startOffset) || 0;
+                var selectionStart = currentTarget.selectionStart;
                 var decimalPointIndex = String(value).lastIndexOf(".");
                 var decimalStrLen = String(value).split(".")[1].length;
                 console.log({
                     cursorIndex: cursorIndex,
                     decimalPointIndex: decimalPointIndex,
                     decimalStrLen: decimalStrLen,
-                    cursorPos: cursorPos
+                    selectionStart: selectionStart
                 });
-                if (cursorIndex && decimalPointIndex <= cursorIndex) {
+                if (selectionStart && decimalPointIndex <= selectionStart) {
                     if (![
                         "Backspace",
                         "ArrowUp",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symply.io/basic-components",
-  "version": "1.5.5-alpha.5",
+  "version": "1.5.5-alpha.7",
   "description": "Basic and reusable components for all frontend of Symply apps",
   "keywords": [
     "react",