@lowentry/mui 1.2.10 → 1.2.12

package/DatePicker/index.js

@@ -15,7 +15,7 @@ import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
 var css_248z = ".lowentry-mui--date-picker{padding:.5rem}.lowentry-mui--date-picker .lowentry-mui--date-picker--arrow-button{min-width:0;padding:6px 12px}.lowentry-mui--date-picker .lowentry-mui--date-picker--textfield{cursor:pointer!important;max-width:150px}.lowentry-mui--date-picker .lowentry-mui--date-picker--textfield .MuiInputBase-input{padding:10px 0;text-align:center}.lowentry-mui--date-picker .lowentry-mui--date-picker--textfield .MuiOutlinedInput-notchedOutline{border:0!important}.lowentry-mui--date-picker .lowentry-mui--date-picker--textfield *{cursor:pointer!important}";
 styleInject(css_248z);
 
-var _excluded = ["dateFormat", "value", "className"],
+var _excluded = ["dateFormat", "value", "className", "children"],
   _excluded2 = ["value", "dateFormat", "onChange", "className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -27,6 +27,7 @@ var DatePickerTextField = LeRed.memo(function (_ref) {
   var dateFormat = _ref.dateFormat,
     value = _ref.value,
     className = _ref.className,
+    children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   var onClick = LeRed.useMemo(function () {
     var _props$ownerState, _props$InputProps;
@@ -88,7 +89,7 @@ var DatePickerTextField = LeRed.memo(function (_ref) {
       onTouchStart: onSelect,
       onTouchMove: onSelect
     })
-  }))));
+  }), children)));
 });
 var DatePicker = LeRed.memo(function (_ref2) {
   var value = _ref2.value,

package/DatePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/components/DatePicker.jsx"],"sourcesContent":["import React from 'react';\nimport {LeRed} from '@lowentry/react-redux';\nimport {IS_ARRAY} from '@lowentry/utils';\nimport Dayjs from 'dayjs';\nimport {Button, Stack, TextField} from '@mui/material';\nimport {DatePicker as MuiDatePicker} from '@mui/x-date-pickers';\nimport ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';\nimport './DatePicker.less';\n\n\nconst DatePickerTextField = LeRed.memo(({dateFormat, value, className, ...props}) =>\n{\n\tconst onClick = LeRed.useMemo(() =>\n\t{\n\t\tif(props?.ownerState?.open)\n\t\t{\n\t\t\treturn null;\n\t\t}\n\t\tlet propsLoop = props?.InputProps?.endAdornment?.props;\n\t\twhile(propsLoop)\n\t\t{\n\t\t\tif(propsLoop.onClick)\n\t\t\t{\n\t\t\t\treturn propsLoop.onClick;\n\t\t\t}\n\t\t\tif(propsLoop?.children)\n\t\t\t{\n\t\t\t\tpropsLoop = propsLoop.children;\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tif(IS_ARRAY(propsLoop))\n\t\t\t{\n\t\t\t\tlet continueLoop = false;\n\t\t\t\tfor(const propsLoopItem of propsLoop)\n\t\t\t\t{\n\t\t\t\t\tif(propsLoopItem?.props)\n\t\t\t\t\t{\n\t\t\t\t\t\tpropsLoop = propsLoopItem.props;\n\t\t\t\t\t\tcontinueLoop = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif(continueLoop)\n\t\t\t\t{\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t}\n\t\t\tpropsLoop = propsLoop?.props;\n\t\t}\n\t\treturn null;\n\t}, [props?.ownerState?.open, props?.InputProps?.endAdornment?.props]);\n\t\n\t\n\tconst onSelect = LeRed.useCallback((event) =>\n\t{\n\t\tevent.target.selectionStart = event.target.selectionEnd;\n\t\tevent.preventDefault();\n\t}, []);\n\t\n\t\n\treturn (<>\n\t\t<Button variant=\"outlined\" onClick={onClick}>\n\t\t\t<TextField {...props} className={'lowentry-mui--date-picker--textfield ' + (className ?? '')} variant=\"outlined\" value={Dayjs(value).format(dateFormat)} InputProps={{...(props.InputProps ?? {}), readOnly:true, endAdornment:null, onSelect:onSelect, onSelectCapture:onSelect, onMouseDown:onSelect, onTouchStart:onSelect, onTouchMove:onSelect}}/>\n\t\t</Button>\n\t</>);\n});\n\n\nconst DatePicker = LeRed.memo(({value, dateFormat, onChange, className, children, ...props}) =>\n{\n\tif(!dateFormat)\n\t{\n\t\tdateFormat = 'ddd, D MMM YYYY';\n\t}\n\t\n\tconst [datepickerOpen, openDatepicker, closeDatepicker] = LeRed.useHistoryState(false);\n\t\n\t\n\tconst onChanged = LeRed.useCallback((...args) =>\n\t{\n\t\tif(onChange)\n\t\t{\n\t\t\tonChange(...args);\n\t\t}\n\t}, [onChange]);\n\t\n\t\n\treturn (<>\n\t\t<Stack className={'lowentry-mui--date-picker ' + (className ?? '')} direction=\"row\" justifyContent=\"space-between\" spacing={1} {...props}>\n\t\t\t<Button className=\"lowentry-mui--date-picker--arrow-button\" variant=\"text\" color=\"primary\" onClick={() => onChanged(Dayjs(value).subtract(1, 'day'))}><ArrowBackIosNewIcon/></Button>\n\t\t\t<MuiDatePicker\n\t\t\t\topen={datepickerOpen}\n\t\t\t\tonOpen={openDatepicker}\n\t\t\t\tonClose={closeDatepicker}\n\t\t\t\tshowDaysOutsideCurrentMonth={true}\n\t\t\t\tviews={['day']}\n\t\t\t\tformat=\"YYYY-MM-DD\"\n\t\t\t\tlabel=\"\"\n\t\t\t\tisRequired={true}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={onChanged}\n\t\t\t\tslots={{\n\t\t\t\t\ttextField:DatePickerTextField,\n\t\t\t\t\ttoolbar:  (props) => null,\n\t\t\t\t}}\n\t\t\t\tslotProps={{\n\t\t\t\t\ttextField:{dateFormat},\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<Button className=\"lowentry-mui--date-picker--arrow-button\" variant=\"text\" color=\"primary\" onClick={() => onChanged(Dayjs(value).add(1, 'day'))}><ArrowForwardIosIcon/></Button>\n\t\t</Stack>\n\t</>);\n});\nexport default DatePicker;\n"],"names":["DatePickerTextField","LeRed","memo","_ref","_props$ownerState2","_props$InputProps2","_props$InputProps3","dateFormat","value","className","props","_objectWithoutProperties","_excluded","onClick","useMemo","_props$ownerState","_props$InputProps","ownerState","open","propsLoop","InputProps","endAdornment","_propsLoop","_propsLoop2","children","IS_ARRAY","continueLoop","_iterator","_createForOfIteratorHelper","_step","s","n","done","propsLoopItem","err","e","f","onSelect","useCallback","event","target","selectionStart","selectionEnd","preventDefault","React","createElement","Fragment","Button","variant","TextField","_extends","Dayjs","format","_objectSpread","readOnly","onSelectCapture","onMouseDown","onTouchStart","onTouchMove","DatePicker","_ref2","onChange","_excluded2","_LeRed$useHistoryStat","useHistoryState","_LeRed$useHistoryStat2","_slicedToArray","datepickerOpen","openDatepicker","closeDatepicker","onChanged","apply","arguments","Stack","direction","justifyContent","spacing","color","subtract","ArrowBackIosNewIcon","MuiDatePicker","onOpen","onClose","showDaysOutsideCurrentMonth","views","label","isRequired","slots","textField","toolbar","slotProps","add","ArrowForwardIosIcon"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/components/DatePicker.jsx"],"sourcesContent":["import React from 'react';\nimport {LeRed} from '@lowentry/react-redux';\nimport {IS_ARRAY} from '@lowentry/utils';\nimport Dayjs from 'dayjs';\nimport {Button, Stack, TextField} from '@mui/material';\nimport {DatePicker as MuiDatePicker} from '@mui/x-date-pickers';\nimport ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';\nimport './DatePicker.less';\n\n\nconst DatePickerTextField = LeRed.memo(({dateFormat, value, className, children, ...props}) =>\n{\n\tconst onClick = LeRed.useMemo(() =>\n\t{\n\t\tif(props?.ownerState?.open)\n\t\t{\n\t\t\treturn null;\n\t\t}\n\t\tlet propsLoop = props?.InputProps?.endAdornment?.props;\n\t\twhile(propsLoop)\n\t\t{\n\t\t\tif(propsLoop.onClick)\n\t\t\t{\n\t\t\t\treturn propsLoop.onClick;\n\t\t\t}\n\t\t\tif(propsLoop?.children)\n\t\t\t{\n\t\t\t\tpropsLoop = propsLoop.children;\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tif(IS_ARRAY(propsLoop))\n\t\t\t{\n\t\t\t\tlet continueLoop = false;\n\t\t\t\tfor(const propsLoopItem of propsLoop)\n\t\t\t\t{\n\t\t\t\t\tif(propsLoopItem?.props)\n\t\t\t\t\t{\n\t\t\t\t\t\tpropsLoop = propsLoopItem.props;\n\t\t\t\t\t\tcontinueLoop = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif(continueLoop)\n\t\t\t\t{\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t}\n\t\t\tpropsLoop = propsLoop?.props;\n\t\t}\n\t\treturn null;\n\t}, [props?.ownerState?.open, props?.InputProps?.endAdornment?.props]);\n\t\n\t\n\tconst onSelect = LeRed.useCallback((event) =>\n\t{\n\t\tevent.target.selectionStart = event.target.selectionEnd;\n\t\tevent.preventDefault();\n\t}, []);\n\t\n\t\n\treturn (<>\n\t\t<Button variant=\"outlined\" onClick={onClick}>\n\t\t\t<TextField {...props} className={'lowentry-mui--date-picker--textfield ' + (className ?? '')} variant=\"outlined\" value={Dayjs(value).format(dateFormat)} InputProps={{...(props.InputProps ?? {}), readOnly:true, endAdornment:null, onSelect:onSelect, onSelectCapture:onSelect, onMouseDown:onSelect, onTouchStart:onSelect, onTouchMove:onSelect}}>{children}</TextField>\n\t\t</Button>\n\t</>);\n});\n\n\nconst DatePicker = LeRed.memo(({value, dateFormat, onChange, className, children, ...props}) =>\n{\n\tif(!dateFormat)\n\t{\n\t\tdateFormat = 'ddd, D MMM YYYY';\n\t}\n\t\n\tconst [datepickerOpen, openDatepicker, closeDatepicker] = LeRed.useHistoryState(false);\n\t\n\t\n\tconst onChanged = LeRed.useCallback((...args) =>\n\t{\n\t\tif(onChange)\n\t\t{\n\t\t\tonChange(...args);\n\t\t}\n\t}, [onChange]);\n\t\n\t\n\treturn (<>\n\t\t<Stack className={'lowentry-mui--date-picker ' + (className ?? '')} direction=\"row\" justifyContent=\"space-between\" spacing={1} {...props}>\n\t\t\t<Button className=\"lowentry-mui--date-picker--arrow-button\" variant=\"text\" color=\"primary\" onClick={() => onChanged(Dayjs(value).subtract(1, 'day'))}><ArrowBackIosNewIcon/></Button>\n\t\t\t<MuiDatePicker\n\t\t\t\topen={datepickerOpen}\n\t\t\t\tonOpen={openDatepicker}\n\t\t\t\tonClose={closeDatepicker}\n\t\t\t\tshowDaysOutsideCurrentMonth={true}\n\t\t\t\tviews={['day']}\n\t\t\t\tformat=\"YYYY-MM-DD\"\n\t\t\t\tlabel=\"\"\n\t\t\t\tisRequired={true}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={onChanged}\n\t\t\t\tslots={{\n\t\t\t\t\ttextField:DatePickerTextField,\n\t\t\t\t\ttoolbar:  (props) => null,\n\t\t\t\t}}\n\t\t\t\tslotProps={{\n\t\t\t\t\ttextField:{dateFormat},\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<Button className=\"lowentry-mui--date-picker--arrow-button\" variant=\"text\" color=\"primary\" onClick={() => onChanged(Dayjs(value).add(1, 'day'))}><ArrowForwardIosIcon/></Button>\n\t\t</Stack>\n\t</>);\n});\nexport default DatePicker;\n"],"names":["DatePickerTextField","LeRed","memo","_ref","_props$ownerState2","_props$InputProps2","_props$InputProps3","dateFormat","value","className","children","props","_objectWithoutProperties","_excluded","onClick","useMemo","_props$ownerState","_props$InputProps","ownerState","open","propsLoop","InputProps","endAdornment","_propsLoop","_propsLoop2","IS_ARRAY","continueLoop","_iterator","_createForOfIteratorHelper","_step","s","n","done","propsLoopItem","err","e","f","onSelect","useCallback","event","target","selectionStart","selectionEnd","preventDefault","React","createElement","Fragment","Button","variant","TextField","_extends","Dayjs","format","_objectSpread","readOnly","onSelectCapture","onMouseDown","onTouchStart","onTouchMove","DatePicker","_ref2","onChange","_excluded2","_LeRed$useHistoryStat","useHistoryState","_LeRed$useHistoryStat2","_slicedToArray","datepickerOpen","openDatepicker","closeDatepicker","onChanged","apply","arguments","Stack","direction","justifyContent","spacing","color","subtract","ArrowBackIosNewIcon","MuiDatePicker","onOpen","onClose","showDaysOutsideCurrentMonth","views","label","isRequired","slots","textField","toolbar","slotProps","add","ArrowForwardIosIcon"],"mappings":"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"}

package/NumericTextField/index.js

@@ -4,7 +4,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React from 'react';
 import { LeRed } from '@lowentry/react-redux';
-import { INT_LAX_ANY, FLOAT_LAX, LeUtils } from '@lowentry/utils';
+import { INT_LAX_ANY, FLOAT_LAX, STRING } from '@lowentry/utils';
 import { L as LeMuiUtils } from '../LeMuiUtils-c46ed1cc.js';
 import TextField from '../TextField/index.js';
 import '@mui/material';
@@ -13,6 +13,42 @@ import '../style-inject.es-1f59c1d0.js';
 var _excluded = ["decimals", "allowZero", "allowNegative", "value", "onChange", "onRenderValue", "className", "inputProps", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var getProcessedValue = function getProcessedValue(value, decimals, allowZero, allowNegative) {
+  var text = LeMuiUtils.purgePrependedHiddenChar(STRING(value));
+  var val = 0;
+  var negative = text.includes('-');
+  text = text.replace(',', '.').replace(/[^0-9.]/g, '');
+  if (text !== '') {
+    var stringVal = Math.abs(FLOAT_LAX(text)).toFixed(decimals + 1); // prevents rounding (by adding an extra digit and then cutting it off)
+    stringVal = stringVal.substring(0, stringVal.length - 1);
+    var textDotCount = text.split('.').length - 1;
+    if (textDotCount <= 0 || decimals <= 0) {
+      text = stringVal.split('.')[0];
+    } else if (textDotCount === 1 && text.endsWith('.')) {
+      text = stringVal.split('.')[0] + '.';
+    } else {
+      text = stringVal.substring(0, stringVal.length - Math.max(0, decimals - text.split('.')[1].length));
+    }
+    if (!allowZero && text === '0') {
+      text = '';
+    }
+  }
+  if (allowNegative && negative) {
+    text = '-' + text;
+  }
+  val = FLOAT_LAX(text);
+  if (val !== 0) {
+    if (decimals > 0) {
+      val = Math.round(val * Math.pow(10, decimals)) / Math.pow(10, decimals);
+    } else {
+      val = Math.round(val);
+    }
+  }
+  return {
+    text: text,
+    val: val
+  };
+};
 var NumericTextField = LeRed.memo(function (_ref) {
   var decimals = _ref.decimals,
     allowZero = _ref.allowZero,
@@ -24,67 +60,29 @@ var NumericTextField = LeRed.memo(function (_ref) {
     inputProps = _ref.inputProps,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  if (typeof allowZero === 'undefined') {
-    allowZero = true;
-  }
-  if (typeof allowNegative === 'undefined') {
-    allowNegative = true;
-  }
-  decimals = INT_LAX_ANY(decimals, 2);
-  var getVisualValue = function getVisualValue(value) {
-    var text = FLOAT_LAX(LeMuiUtils.purgePrependedHiddenChar(value));
-    if (!allowNegative) {
-      text = Math.abs(text);
-    }
-    text = text.toFixed(decimals); // rounds it
-    text = LeUtils.trimEnd(LeUtils.trimEnd(text, '0'), '.');
-    if (!allowZero && text === '0') {
-      text = '';
-    }
-    return text;
-  };
+  allowZero = !!allowZero;
+  allowNegative = !!allowNegative;
+  decimals = INT_LAX_ANY(decimals, 0);
+  var getVisualValue = LeRed.useCallback(function (value) {
+    return getProcessedValue(value, decimals, allowZero, allowNegative).text;
+  }, [decimals, allowZero, allowNegative]);
   var _LeRed$useState = LeRed.useState(getVisualValue(value)),
     _LeRed$useState2 = _slicedToArray(_LeRed$useState, 2),
     visualValue = _LeRed$useState2[0],
     setVisualValue = _LeRed$useState2[1];
   LeRed.useEffect(function () {
-    setVisualValue(getVisualValue(value));
-  }, [value]);
+    var newVisualValue = getVisualValue(value);
+    if (FLOAT_LAX(visualValue) !== FLOAT_LAX(newVisualValue)) {
+      setVisualValue(newVisualValue);
+    }
+  }, [value, getVisualValue]);
   var onChanged = LeRed.useCallback(function (event) {
     var originalTargetValue = event.target.value;
-    var targetValue = LeMuiUtils.purgePrependedHiddenChar(originalTargetValue);
-    var text = targetValue;
-    var val = 0;
-    {
-      // visual >>
-      var minus = text.includes('-');
-      text = text.replace(',', '.').replace(/[^0-9.]/g, '');
-      if (text !== '') {
-        val = Math.abs(FLOAT_LAX(text));
-        if (allowNegative && minus) {
-          val = -val;
-        }
-        var stringVal = val.toFixed(decimals + 1); // prevents rounding (by adding an extra digit and then cutting it off)
-        stringVal = stringVal.substring(0, stringVal.length - 1);
-        if (!text.includes('.') || decimals <= 0) {
-          text = stringVal.split('.')[0];
-        } else if (text.endsWith('.')) {
-          text = stringVal.split('.')[0] + '.';
-        } else {
-          text = stringVal.substring(0, stringVal.length - Math.max(0, decimals - text.split('.')[1].length));
-        }
-        setVisualValue(text);
-      }
-    } // visual <<
-
+    var _getProcessedValue = getProcessedValue(originalTargetValue, decimals, allowZero, allowNegative),
+      text = _getProcessedValue.text,
+      val = _getProcessedValue.val;
+    setVisualValue(text);
     if (onChange) {
-      if (val !== 0) {
-        if (decimals > 0) {
-          val = Math.round(val * Math.pow(10, decimals)) / Math.pow(10, decimals);
-        } else {
-          val = Math.round(val);
-        }
-      }
       var newEvent = _objectSpread(_objectSpread({}, event), {}, {
         target: _objectSpread(_objectSpread({}, event.target), {}, {
           value: val,

package/NumericTextField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/components/NumericTextField.jsx"],"sourcesContent":["import React from 'react';\nimport {LeRed} from '@lowentry/react-redux';\nimport {LeUtils, FLOAT_LAX, INT_LAX_ANY} from '@lowentry/utils';\nimport {LeMuiUtils} from '../LeMuiUtils.js';\nimport TextField from './TextField.jsx';\n\n\nconst NumericTextField = LeRed.memo(({decimals, allowZero, allowNegative, value, onChange, onRenderValue, className, inputProps, children, ...props}) =>\n{\n\tif(typeof allowZero === 'undefined')\n\t{\n\t\tallowZero = true;\n\t}\n\tif(typeof allowNegative === 'undefined')\n\t{\n\t\tallowNegative = true;\n\t}\n\tdecimals = INT_LAX_ANY(decimals, 2);\n\t\n\t\n\tconst getVisualValue = (value) =>\n\t{\n\t\tlet text = FLOAT_LAX(LeMuiUtils.purgePrependedHiddenChar(value));\n\t\tif(!allowNegative)\n\t\t{\n\t\t\ttext = Math.abs(text);\n\t\t}\n\t\t\n\t\ttext = text.toFixed(decimals); // rounds it\n\t\ttext = LeUtils.trimEnd(LeUtils.trimEnd(text, '0'), '.');\n\t\tif(!allowZero && (text === '0'))\n\t\t{\n\t\t\ttext = '';\n\t\t}\n\t\treturn text;\n\t};\n\t\n\t\n\tconst [visualValue, setVisualValue] = LeRed.useState(getVisualValue(value));\n\t\n\tLeRed.useEffect(() =>\n\t{\n\t\tsetVisualValue(getVisualValue(value));\n\t}, [value]);\n\t\n\t\n\tconst onChanged = LeRed.useCallback((event) =>\n\t{\n\t\tconst originalTargetValue = event.target.value;\n\t\tconst targetValue = LeMuiUtils.purgePrependedHiddenChar(originalTargetValue);\n\t\t\n\t\tlet text = targetValue;\n\t\tlet val = 0;\n\t\t\n\t\t{// visual >>\n\t\t\tconst minus = text.includes('-');\n\t\t\ttext = text.replace(',', '.').replace(/[^0-9.]/g, '');\n\t\t\tif(text !== '')\n\t\t\t{\n\t\t\t\tval = Math.abs(FLOAT_LAX(text));\n\t\t\t\tif(allowNegative && minus)\n\t\t\t\t{\n\t\t\t\t\tval = -val;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tlet stringVal = val.toFixed(decimals + 1); // prevents rounding (by adding an extra digit and then cutting it off)\n\t\t\t\tstringVal = stringVal.substring(0, stringVal.length - 1);\n\t\t\t\t\n\t\t\t\tif(!text.includes('.') || (decimals <= 0))\n\t\t\t\t{\n\t\t\t\t\ttext = stringVal.split('.')[0];\n\t\t\t\t}\n\t\t\t\telse if(text.endsWith('.'))\n\t\t\t\t{\n\t\t\t\t\ttext = stringVal.split('.')[0] + '.';\n\t\t\t\t}\n\t\t\t\telse\n\t\t\t\t{\n\t\t\t\t\ttext = stringVal.substring(0, stringVal.length - Math.max(0, decimals - text.split('.')[1].length));\n\t\t\t\t}\n\t\t\t\tsetVisualValue(text);\n\t\t\t}\n\t\t}// visual <<\n\t\t\n\t\tif(onChange)\n\t\t{\n\t\t\tif(val !== 0)\n\t\t\t{\n\t\t\t\tif(decimals > 0)\n\t\t\t\t{\n\t\t\t\t\tval = Math.round(val * Math.pow(10, decimals)) / Math.pow(10, decimals);\n\t\t\t\t}\n\t\t\t\telse\n\t\t\t\t{\n\t\t\t\t\tval = Math.round(val);\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\tconst newEvent = {\n\t\t\t\t...event,\n\t\t\t\ttarget:{\n\t\t\t\t\t...event.target,\n\t\t\t\t\tvalue:    val,\n\t\t\t\t\tvalueText:text,\n\t\t\t\t\tvalueRaw: originalTargetValue,\n\t\t\t\t},\n\t\t\t};\n\t\t\tonChange(newEvent);\n\t\t}\n\t}, [onChange]);\n\t\n\t\n\treturn (<>\n\t\t<TextField className={'lowentry-mui--numeric-textfield ' + (className ?? '')} type=\"text\" inputProps={{inputMode:'decimal', ...(inputProps ?? {})}} value={!!onRenderValue ? onRenderValue(visualValue) : visualValue} onChange={onChanged} {...props}>{children}</TextField>\n\t</>);\n});\nexport default NumericTextField;\n"],"names":["NumericTextField","LeRed","memo","_ref","decimals","allowZero","allowNegative","value","onChange","onRenderValue","className","inputProps","children","props","_objectWithoutProperties","_excluded","INT_LAX_ANY","getVisualValue","text","FLOAT_LAX","LeMuiUtils","purgePrependedHiddenChar","Math","abs","toFixed","LeUtils","trimEnd","_LeRed$useState","useState","_LeRed$useState2","_slicedToArray","visualValue","setVisualValue","useEffect","onChanged","useCallback","event","originalTargetValue","target","targetValue","val","minus","includes","replace","stringVal","substring","length","split","endsWith","max","round","pow","newEvent","_objectSpread","valueText","valueRaw","React","createElement","Fragment","TextField","_extends","type","inputMode"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/components/NumericTextField.jsx"],"sourcesContent":["import React from 'react';\nimport {LeRed} from '@lowentry/react-redux';\nimport {FLOAT_LAX, INT_LAX_ANY, STRING} from '@lowentry/utils';\nimport {LeMuiUtils} from '../LeMuiUtils.js';\nimport TextField from './TextField.jsx';\n\n\nconst getProcessedValue = (value, decimals, allowZero, allowNegative) =>\n{\n\tlet text = LeMuiUtils.purgePrependedHiddenChar(STRING(value));\n\tlet val = 0;\n\t\n\tconst negative = text.includes('-');\n\t\n\ttext = text.replace(',', '.').replace(/[^0-9.]/g, '');\n\tif(text !== '')\n\t{\n\t\tlet stringVal = Math.abs(FLOAT_LAX(text)).toFixed(decimals + 1); // prevents rounding (by adding an extra digit and then cutting it off)\n\t\tstringVal = stringVal.substring(0, stringVal.length - 1);\n\t\t\n\t\tconst textDotCount = text.split('.').length - 1;\n\t\tif((textDotCount <= 0) || (decimals <= 0))\n\t\t{\n\t\t\ttext = stringVal.split('.')[0];\n\t\t}\n\t\telse if((textDotCount === 1) && text.endsWith('.'))\n\t\t{\n\t\t\ttext = stringVal.split('.')[0] + '.';\n\t\t}\n\t\telse\n\t\t{\n\t\t\ttext = stringVal.substring(0, stringVal.length - Math.max(0, decimals - text.split('.')[1].length));\n\t\t}\n\t\t\n\t\tif(!allowZero && (text === '0'))\n\t\t{\n\t\t\ttext = '';\n\t\t}\n\t}\n\t\n\tif(allowNegative && negative)\n\t{\n\t\ttext = '-' + text;\n\t}\n\t\n\tval = FLOAT_LAX(text);\n\tif(val !== 0)\n\t{\n\t\tif(decimals > 0)\n\t\t{\n\t\t\tval = Math.round(val * Math.pow(10, decimals)) / Math.pow(10, decimals);\n\t\t}\n\t\telse\n\t\t{\n\t\t\tval = Math.round(val);\n\t\t}\n\t}\n\t\n\treturn {text, val};\n};\n\n\nconst NumericTextField = LeRed.memo(({decimals, allowZero, allowNegative, value, onChange, onRenderValue, className, inputProps, children, ...props}) =>\n{\n\tallowZero = !!allowZero;\n\tallowNegative = !!allowNegative;\n\tdecimals = INT_LAX_ANY(decimals, 0);\n\t\n\t\n\tconst getVisualValue = LeRed.useCallback((value) =>\n\t{\n\t\treturn getProcessedValue(value, decimals, allowZero, allowNegative).text;\n\t}, [decimals, allowZero, allowNegative]);\n\t\n\t\n\tconst [visualValue, setVisualValue] = LeRed.useState(getVisualValue(value));\n\t\n\tLeRed.useEffect(() =>\n\t{\n\t\tconst newVisualValue = getVisualValue(value);\n\t\tif(FLOAT_LAX(visualValue) !== FLOAT_LAX(newVisualValue))\n\t\t{\n\t\t\tsetVisualValue(newVisualValue);\n\t\t}\n\t}, [value, getVisualValue]);\n\t\n\t\n\tconst onChanged = LeRed.useCallback((event) =>\n\t{\n\t\tconst originalTargetValue = event.target.value;\n\t\tconst {text, val} = getProcessedValue(originalTargetValue, decimals, allowZero, allowNegative);\n\t\t\n\t\tsetVisualValue(text);\n\t\t\n\t\tif(onChange)\n\t\t{\n\t\t\tconst newEvent = {\n\t\t\t\t...event,\n\t\t\t\ttarget:{\n\t\t\t\t\t...event.target,\n\t\t\t\t\tvalue:    val,\n\t\t\t\t\tvalueText:text,\n\t\t\t\t\tvalueRaw: originalTargetValue,\n\t\t\t\t},\n\t\t\t};\n\t\t\tonChange(newEvent);\n\t\t}\n\t}, [onChange]);\n\t\n\t\n\treturn (<>\n\t\t<TextField className={'lowentry-mui--numeric-textfield ' + (className ?? '')} type=\"text\" inputProps={{inputMode:'decimal', ...(inputProps ?? {})}} value={!!onRenderValue ? onRenderValue(visualValue) : visualValue} onChange={onChanged} {...props}>{children}</TextField>\n\t</>);\n});\nexport default NumericTextField;\n"],"names":["getProcessedValue","value","decimals","allowZero","allowNegative","text","LeMuiUtils","purgePrependedHiddenChar","STRING","val","negative","includes","replace","stringVal","Math","abs","FLOAT_LAX","toFixed","substring","length","textDotCount","split","endsWith","max","round","pow","NumericTextField","LeRed","memo","_ref","onChange","onRenderValue","className","inputProps","children","props","_objectWithoutProperties","_excluded","INT_LAX_ANY","getVisualValue","useCallback","_LeRed$useState","useState","_LeRed$useState2","_slicedToArray","visualValue","setVisualValue","useEffect","newVisualValue","onChanged","event","originalTargetValue","target","_getProcessedValue","newEvent","_objectSpread","valueText","valueRaw","React","createElement","Fragment","TextField","_extends","type","inputMode"],"mappings":"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"}

package/RemovableNumericTextField/index.js

@@ -1,10 +1,10 @@
+import _extends from '@babel/runtime/helpers/extends';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React from 'react';
 import { LeRed } from '@lowentry/react-redux';
 import { L as LeMuiUtils } from '../LeMuiUtils-c46ed1cc.js';
 import NumericTextField from '../NumericTextField/index.js';
 import '@lowentry/utils';
-import '@babel/runtime/helpers/extends';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/slicedToArray';
 import '../TextField/index.js';
@@ -17,8 +17,8 @@ var RemovableNumericTextField = LeRed.memo(function (_ref) {
     onChange = _ref.onChange,
     onSelect = _ref.onSelect,
     className = _ref.className,
-    children = _ref.children;
-    _objectWithoutProperties(_ref, _excluded);
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   var onChanged = LeRed.useCallback(function (event) {
     if (event.target.valueRaw === '') {
       if (onRemove) {
@@ -36,12 +36,12 @@ var RemovableNumericTextField = LeRed.memo(function (_ref) {
       onSelect(event);
     }
   }, [onSelect]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NumericTextField, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NumericTextField, _extends({
     className: 'lowentry-mui--removable-textfield lowentry-mui--removable-numeric-textfield ' + (className !== null && className !== void 0 ? className : ''),
     onRenderValue: LeMuiUtils.prependHiddenChar,
     onChange: onChanged,
     onSelect: onSelected
-  }, children));
+  }, props), children));
 });
 
 export { RemovableNumericTextField as default };

package/RemovableNumericTextField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/components/RemovableNumericTextField.jsx"],"sourcesContent":["import React from 'react';\nimport {LeRed} from '@lowentry/react-redux';\nimport {LeMuiUtils} from '../LeMuiUtils';\nimport NumericTextField from './NumericTextField.jsx';\n\n\nconst RemovableNumericTextField = LeRed.memo(({onRemove, onChange, onSelect, className, children, ...props}) =>\n{\n\tconst onChanged = LeRed.useCallback((event) =>\n\t{\n\t\tif(event.target.valueRaw === '')\n\t\t{\n\t\t\tif(onRemove)\n\t\t\t{\n\t\t\t\tonRemove(event);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\t\n\t\tif(onChange)\n\t\t{\n\t\t\tonChange(event);\n\t\t}\n\t}, [onRemove, onChange]);\n\t\n\t\n\tconst onSelected = LeRed.useCallback((event) =>\n\t{\n\t\tLeMuiUtils.onSelectEnsureMinimumOffset(1)(event);\n\t\tif(onSelect)\n\t\t{\n\t\t\tonSelect(event);\n\t\t}\n\t}, [onSelect]);\n\t\n\t\n\treturn (<>\n\t\t<NumericTextField className={'lowentry-mui--removable-textfield lowentry-mui--removable-numeric-textfield ' + (className ?? '')} onRenderValue={LeMuiUtils.prependHiddenChar} onChange={onChanged} onSelect={onSelected}>{children}</NumericTextField>\n\t</>);\n});\nexport default RemovableNumericTextField;\n"],"names":["RemovableNumericTextField","LeRed","memo","_ref","onRemove","onChange","onSelect","className","children","props","_objectWithoutProperties","_excluded","onChanged","useCallback","event","target","valueRaw","onSelected","LeMuiUtils","onSelectEnsureMinimumOffset","React","createElement","Fragment","NumericTextField","onRenderValue","prependHiddenChar"],"mappings":";;;;;;;;;;;;;;AAMMA,IAAAA,yBAAyB,GAAGC,KAAK,CAACC,IAAI,CAAC,UAAAC,IAAA,EAC7C;AAAA,EAAA,IAD+CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAA;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAA;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAA;AAAKC,IAAKC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,EAAA;EAEzG,IAAMC,SAAS,GAAGX,KAAK,CAACY,WAAW,CAAC,UAACC,KAAK,EAC1C;AACC,IAAA,IAAGA,KAAK,CAACC,MAAM,CAACC,QAAQ,KAAK,EAAE,EAC/B;AACC,MAAA,IAAGZ,QAAQ,EACX;QACCA,QAAQ,CAACU,KAAK,CAAC,CAAA;AAChB,OAAA;AACA,MAAA,OAAA;AACD,KAAA;AAEA,IAAA,IAAGT,QAAQ,EACX;MACCA,QAAQ,CAACS,KAAK,CAAC,CAAA;AAChB,KAAA;AACD,GAAC,EAAE,CAACV,QAAQ,EAAEC,QAAQ,CAAC,CAAC,CAAA;EAGxB,IAAMY,UAAU,GAAGhB,KAAK,CAACY,WAAW,CAAC,UAACC,KAAK,EAC3C;AACCI,IAAAA,UAAU,CAACC,2BAA2B,CAAC,CAAC,CAAC,CAACL,KAAK,CAAC,CAAA;AAChD,IAAA,IAAGR,QAAQ,EACX;MACCA,QAAQ,CAACQ,KAAK,CAAC,CAAA;AAChB,KAAA;AACD,GAAC,EAAE,CAACR,QAAQ,CAAC,CAAC,CAAA;AAGd,EAAA,oBAAQc,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACPF,KAAA,CAAAC,aAAA,CAACE,gBAAgB,EAAA;IAAChB,SAAS,EAAE,8EAA8E,IAAIA,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAI,EAAE,CAAE;IAACiB,aAAa,EAAEN,UAAU,CAACO,iBAAkB;AAACpB,IAAAA,QAAQ,EAAEO,SAAU;AAACN,IAAAA,QAAQ,EAAEW,UAAAA;GAAaT,EAAAA,QAA2B,CACpP,CAAC,CAAA;AACJ,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../src/components/RemovableNumericTextField.jsx"],"sourcesContent":["import React from 'react';\nimport {LeRed} from '@lowentry/react-redux';\nimport {LeMuiUtils} from '../LeMuiUtils';\nimport NumericTextField from './NumericTextField.jsx';\n\n\nconst RemovableNumericTextField = LeRed.memo(({onRemove, onChange, onSelect, className, children, ...props}) =>\n{\n\tconst onChanged = LeRed.useCallback((event) =>\n\t{\n\t\tif(event.target.valueRaw === '')\n\t\t{\n\t\t\tif(onRemove)\n\t\t\t{\n\t\t\t\tonRemove(event);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\t\n\t\tif(onChange)\n\t\t{\n\t\t\tonChange(event);\n\t\t}\n\t}, [onRemove, onChange]);\n\t\n\t\n\tconst onSelected = LeRed.useCallback((event) =>\n\t{\n\t\tLeMuiUtils.onSelectEnsureMinimumOffset(1)(event);\n\t\tif(onSelect)\n\t\t{\n\t\t\tonSelect(event);\n\t\t}\n\t}, [onSelect]);\n\t\n\t\n\treturn (<>\n\t\t<NumericTextField className={'lowentry-mui--removable-textfield lowentry-mui--removable-numeric-textfield ' + (className ?? '')} onRenderValue={LeMuiUtils.prependHiddenChar} onChange={onChanged} onSelect={onSelected} {...props}>{children}</NumericTextField>\n\t</>);\n});\nexport default RemovableNumericTextField;\n"],"names":["RemovableNumericTextField","LeRed","memo","_ref","onRemove","onChange","onSelect","className","children","props","_objectWithoutProperties","_excluded","onChanged","useCallback","event","target","valueRaw","onSelected","LeMuiUtils","onSelectEnsureMinimumOffset","React","createElement","Fragment","NumericTextField","_extends","onRenderValue","prependHiddenChar"],"mappings":";;;;;;;;;;;;;;AAMMA,IAAAA,yBAAyB,GAAGC,KAAK,CAACC,IAAI,CAAC,UAAAC,IAAA,EAC7C;AAAA,EAAA,IAD+CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;EAEzG,IAAMC,SAAS,GAAGX,KAAK,CAACY,WAAW,CAAC,UAACC,KAAK,EAC1C;AACC,IAAA,IAAGA,KAAK,CAACC,MAAM,CAACC,QAAQ,KAAK,EAAE,EAC/B;AACC,MAAA,IAAGZ,QAAQ,EACX;QACCA,QAAQ,CAACU,KAAK,CAAC,CAAA;AAChB,OAAA;AACA,MAAA,OAAA;AACD,KAAA;AAEA,IAAA,IAAGT,QAAQ,EACX;MACCA,QAAQ,CAACS,KAAK,CAAC,CAAA;AAChB,KAAA;AACD,GAAC,EAAE,CAACV,QAAQ,EAAEC,QAAQ,CAAC,CAAC,CAAA;EAGxB,IAAMY,UAAU,GAAGhB,KAAK,CAACY,WAAW,CAAC,UAACC,KAAK,EAC3C;AACCI,IAAAA,UAAU,CAACC,2BAA2B,CAAC,CAAC,CAAC,CAACL,KAAK,CAAC,CAAA;AAChD,IAAA,IAAGR,QAAQ,EACX;MACCA,QAAQ,CAACQ,KAAK,CAAC,CAAA;AAChB,KAAA;AACD,GAAC,EAAE,CAACR,QAAQ,CAAC,CAAC,CAAA;AAGd,EAAA,oBAAQc,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EACPF,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACE,gBAAgB,EAAAC,QAAA,CAAA;IAACjB,SAAS,EAAE,8EAA8E,IAAIA,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAI,EAAE,CAAE;IAACkB,aAAa,EAAEP,UAAU,CAACQ,iBAAkB;AAACrB,IAAAA,QAAQ,EAAEO,SAAU;AAACN,IAAAA,QAAQ,EAAEW,UAAAA;AAAW,GAAA,EAAKR,KAAK,CAAA,EAAGD,QAA2B,CAC/P,CAAC,CAAA;AACJ,CAAC;;;;"}

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@lowentry/mui",
-  "version": "1.2.10",
+  "version": "1.2.12",
   "private": false,
+  "main": "./index.js",
   "description": "Provides utilities for Material UI.",
   "author": "Low Entry",
   "license": "MIT",

package/src/components/DatePicker.jsx

@@ -9,7 +9,7 @@ import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
 import './DatePicker.less';
 
 
-const DatePickerTextField = LeRed.memo(({dateFormat, value, className, ...props}) =>
+const DatePickerTextField = LeRed.memo(({dateFormat, value, className, children, ...props}) =>
 {
 	const onClick = LeRed.useMemo(() =>
 	{
@@ -60,7 +60,7 @@ const DatePickerTextField = LeRed.memo(({dateFormat, value, className, ...props}
 	
 	return (<>
 		<Button variant="outlined" onClick={onClick}>
-			<TextField {...props} className={'lowentry-mui--date-picker--textfield ' + (className ?? '')} variant="outlined" value={Dayjs(value).format(dateFormat)} InputProps={{...(props.InputProps ?? {}), readOnly:true, endAdornment:null, onSelect:onSelect, onSelectCapture:onSelect, onMouseDown:onSelect, onTouchStart:onSelect, onTouchMove:onSelect}}/>
+			<TextField {...props} className={'lowentry-mui--date-picker--textfield ' + (className ?? '')} variant="outlined" value={Dayjs(value).format(dateFormat)} InputProps={{...(props.InputProps ?? {}), readOnly:true, endAdornment:null, onSelect:onSelect, onSelectCapture:onSelect, onMouseDown:onSelect, onTouchStart:onSelect, onTouchMove:onSelect}}>{children}</TextField>
 		</Button>
 	</>);
 });

package/src/components/NumericTextField.jsx

@@ -1,101 +1,99 @@
 import React from 'react';
 import {LeRed} from '@lowentry/react-redux';
-import {LeUtils, FLOAT_LAX, INT_LAX_ANY} from '@lowentry/utils';
+import {FLOAT_LAX, INT_LAX_ANY, STRING} from '@lowentry/utils';
 import {LeMuiUtils} from '../LeMuiUtils.js';
 import TextField from './TextField.jsx';
 
 
-const NumericTextField = LeRed.memo(({decimals, allowZero, allowNegative, value, onChange, onRenderValue, className, inputProps, children, ...props}) =>
+const getProcessedValue = (value, decimals, allowZero, allowNegative) =>
 {
-	if(typeof allowZero === 'undefined')
-	{
-		allowZero = true;
-	}
-	if(typeof allowNegative === 'undefined')
-	{
-		allowNegative = true;
-	}
-	decimals = INT_LAX_ANY(decimals, 2);
+	let text = LeMuiUtils.purgePrependedHiddenChar(STRING(value));
+	let val = 0;
 	
+	const negative = text.includes('-');
 	
-	const getVisualValue = (value) =>
+	text = text.replace(',', '.').replace(/[^0-9.]/g, '');
+	if(text !== '')
 	{
-		let text = FLOAT_LAX(LeMuiUtils.purgePrependedHiddenChar(value));
-		if(!allowNegative)
+		let stringVal = Math.abs(FLOAT_LAX(text)).toFixed(decimals + 1); // prevents rounding (by adding an extra digit and then cutting it off)
+		stringVal = stringVal.substring(0, stringVal.length - 1);
+		
+		const textDotCount = text.split('.').length - 1;
+		if((textDotCount <= 0) || (decimals <= 0))
+		{
+			text = stringVal.split('.')[0];
+		}
+		else if((textDotCount === 1) && text.endsWith('.'))
 		{
-			text = Math.abs(text);
+			text = stringVal.split('.')[0] + '.';
+		}
+		else
+		{
+			text = stringVal.substring(0, stringVal.length - Math.max(0, decimals - text.split('.')[1].length));
 		}
 		
-		text = text.toFixed(decimals); // rounds it
-		text = LeUtils.trimEnd(LeUtils.trimEnd(text, '0'), '.');
 		if(!allowZero && (text === '0'))
 		{
 			text = '';
 		}
-		return text;
-	};
+	}
+	
+	if(allowNegative && negative)
+	{
+		text = '-' + text;
+	}
+	
+	val = FLOAT_LAX(text);
+	if(val !== 0)
+	{
+		if(decimals > 0)
+		{
+			val = Math.round(val * Math.pow(10, decimals)) / Math.pow(10, decimals);
+		}
+		else
+		{
+			val = Math.round(val);
+		}
+	}
+	
+	return {text, val};
+};
+
+
+const NumericTextField = LeRed.memo(({decimals, allowZero, allowNegative, value, onChange, onRenderValue, className, inputProps, children, ...props}) =>
+{
+	allowZero = !!allowZero;
+	allowNegative = !!allowNegative;
+	decimals = INT_LAX_ANY(decimals, 0);
+	
+	
+	const getVisualValue = LeRed.useCallback((value) =>
+	{
+		return getProcessedValue(value, decimals, allowZero, allowNegative).text;
+	}, [decimals, allowZero, allowNegative]);
 	
 	
 	const [visualValue, setVisualValue] = LeRed.useState(getVisualValue(value));
 	
 	LeRed.useEffect(() =>
 	{
-		setVisualValue(getVisualValue(value));
-	}, [value]);
+		const newVisualValue = getVisualValue(value);
+		if(FLOAT_LAX(visualValue) !== FLOAT_LAX(newVisualValue))
+		{
+			setVisualValue(newVisualValue);
+		}
+	}, [value, getVisualValue]);
 	
 	
 	const onChanged = LeRed.useCallback((event) =>
 	{
 		const originalTargetValue = event.target.value;
-		const targetValue = LeMuiUtils.purgePrependedHiddenChar(originalTargetValue);
-		
-		let text = targetValue;
-		let val = 0;
+		const {text, val} = getProcessedValue(originalTargetValue, decimals, allowZero, allowNegative);
 		
-		{// visual >>
-			const minus = text.includes('-');
-			text = text.replace(',', '.').replace(/[^0-9.]/g, '');
-			if(text !== '')
-			{
-				val = Math.abs(FLOAT_LAX(text));
-				if(allowNegative && minus)
-				{
-					val = -val;
-				}
-				
-				let stringVal = val.toFixed(decimals + 1); // prevents rounding (by adding an extra digit and then cutting it off)
-				stringVal = stringVal.substring(0, stringVal.length - 1);
-				
-				if(!text.includes('.') || (decimals <= 0))
-				{
-					text = stringVal.split('.')[0];
-				}
-				else if(text.endsWith('.'))
-				{
-					text = stringVal.split('.')[0] + '.';
-				}
-				else
-				{
-					text = stringVal.substring(0, stringVal.length - Math.max(0, decimals - text.split('.')[1].length));
-				}
-				setVisualValue(text);
-			}
-		}// visual <<
+		setVisualValue(text);
 		
 		if(onChange)
 		{
-			if(val !== 0)
-			{
-				if(decimals > 0)
-				{
-					val = Math.round(val * Math.pow(10, decimals)) / Math.pow(10, decimals);
-				}
-				else
-				{
-					val = Math.round(val);
-				}
-			}
-			
 			const newEvent = {
 				...event,
 				target:{

package/src/components/RemovableNumericTextField.jsx

@@ -35,7 +35,7 @@ const RemovableNumericTextField = LeRed.memo(({onRemove, onChange, onSelect, cla
 	
 	
 	return (<>
-		<NumericTextField className={'lowentry-mui--removable-textfield lowentry-mui--removable-numeric-textfield ' + (className ?? '')} onRenderValue={LeMuiUtils.prependHiddenChar} onChange={onChanged} onSelect={onSelected}>{children}</NumericTextField>
+		<NumericTextField className={'lowentry-mui--removable-textfield lowentry-mui--removable-numeric-textfield ' + (className ?? '')} onRenderValue={LeMuiUtils.prependHiddenChar} onChange={onChanged} onSelect={onSelected} {...props}>{children}</NumericTextField>
 	</>);
 });
 export default RemovableNumericTextField;