linear-react-components-ui 1.0.17-beta.0 → 1.0.17-beta.2

package/lib/form/types.d.ts

@@ -82,6 +82,7 @@ interface IFieldProps extends WithFieldProps {
     autoFocus?: boolean;
     autoCompleteMask?: 'left' | 'right';
     mask?: string;
+    removeZeroLeft?: boolean;
 }
 interface CustomEvent {
     target: {

package/lib/inputs/number/index.js

@@ -38,8 +38,10 @@ var NumberField = function NumberField(props) {
     min = props.min,
     max = props.max,
     _props$value = props.value,
-    value = _props$value === void 0 ? '' : _props$value;
-  var _useState = (0, _react.useState)(value.toString()),
+    value = _props$value === void 0 ? '' : _props$value,
+    _props$removeZeroLeft = props.removeZeroLeft,
+    removeZeroLeft = _props$removeZeroLeft === void 0 ? true : _props$removeZeroLeft;
+  var _useState = (0, _react.useState)(value === null || value === void 0 ? void 0 : value.toString()),
     _useState2 = _slicedToArray(_useState, 2),
     numberValue = _useState2[0],
     setNumberValue = _useState2[1];
@@ -50,13 +52,14 @@ var NumberField = function NumberField(props) {
       if (min && parseInt(numericValue, 10) < min || max && parseInt(numericValue, 10) > max) {
         return;
       }
+      if (removeZeroLeft && numericValue.charAt(0) === '0' && numericValue.length > 1) {
+        setNumberValue(numericValue.substring(1));
+      } else {
+        setNumberValue(numericValue);
+      }
       if (props.onChange) props.onChange(event);
-      setNumberValue(numericValue);
     }
   };
-  (0, _react.useEffect)(function () {
-    if (value !== numberValue) setNumberValue(value.toString());
-  }, [value]);
   return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
     value: numberValue,
     textAlign: textAlign,

package/lib/inputs/number/types.d.ts

@@ -12,6 +12,7 @@ import '../../icons/helper.js';
 
 interface INumberFieldProps extends IMaskHOCProps {
     onChange?: (e?: CustomInputEvent) => void;
+    removeZeroLeft?: boolean;
 }
 interface IBaseNumberProps extends IMaskHOCProps {
     returnFormattedValueOnBlur?: boolean;

package/lib/inputs/select/multiple/index.js

@@ -163,14 +163,8 @@ var MultipleSelect = function MultipleSelect(props) {
   };
   var onInputKeyDown = function onInputKeyDown(e) {
     if (e.keyCode) {
-      if (e.keyCode === constants.keyCodes.ENTER && selected && opened) {
-        if (!currents.some(function (current) {
-          return current[idKey] === selected[idKey];
-        })) {
-          var _e$preventDefault;
-          (_e$preventDefault = e.preventDefault) === null || _e$preventDefault === void 0 ? void 0 : _e$preventDefault.call(e);
-          onSelect(selected);
-        }
+      if (e.keyCode === constants.keyCodes.ENTER && selected) {
+        if (!currents.includes(selected)) onSelect(selected);
       } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
         if (!opened) setOpened(true);
         var index = dataCombo ? dataCombo.findIndex(function (d) {

package/lib/inputs/select/simple/index.js

@@ -190,7 +190,7 @@ var SimpleSelect = function SimpleSelect(props) {
   };
   var onInputKeyDown = function onInputKeyDown(e) {
     if (e.keyCode) {
-      if (e.keyCode === constants.keyCodes.ENTER && selected && opened) {
+      if (e.keyCode === constants.keyCodes.ENTER && selected) {
         var _e$preventDefault;
         (_e$preventDefault = e.preventDefault) === null || _e$preventDefault === void 0 ? void 0 : _e$preventDefault.call(e);
         onSelect(selected);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.0.17-beta.0",
+  "version": "1.0.17-beta.2",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",