@xaypay/tui 0.0.91 → 0.0.92

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaypay/tui",
-  "version": "0.0.91",
+  "version": "0.0.92",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/components/input/index.js

@@ -45,6 +45,7 @@ export const Input = ({
     errorSize,
     labelSize,
     maxLength,
+    floatToFix,
     minNumSize,
     maxNumSize,
     labelColor,
@@ -147,6 +148,18 @@ export const Input = ({
                     change(maxNumSize);
                 }
             }
+            if (floatToFix && floatToFix > 0 && !Number.isInteger(parseFloat(currentValue))) {
+                const floatNumParts = currentValue.split('.');
+                const int = floatNumParts[0];
+                const float = floatNumParts[1];
+                
+                if (float && float.length > floatToFix) {
+                    setInnerValue(`${int}.${float.substr(0, floatToFix)}`);
+                    if (change) {
+                        change(`${int}.${float.substr(0, floatToFix)}`);
+                    }
+                }   
+            }
             if (currentValue === '') {
                 setInnerValue('');
                 if (change) {
@@ -309,9 +322,9 @@ export const Input = ({
                     disabled={disabled ? disabled : ""}
                     name={name ? name : `tui_${random}_tui`}
                     placeholder={placeholder ? placeholder : ''}
-                    autoComplete={autoComplete ? autoComplete : configStyles.INPUT.autoComplete}
                     min={type === 'number' && minNumSize ? minNumSize: ''}
                     max={type === 'number' && maxNumSize ? maxNumSize : ''}
+                    autoComplete={autoComplete ? autoComplete : configStyles.INPUT.autoComplete}
                     style={{
                         border: 'none',
                         outline: 'none',
@@ -401,6 +414,7 @@ Input.propTypes = {
     errorLeft: PropTypes.string,
     labelSize: PropTypes.string,
     maxLength: PropTypes.number,
+    floatToFix: PropTypes.number,
     minNumSize: PropTypes.number,
     maxNumSize: PropTypes.number,
     errorColor: PropTypes.string,

package/src/components/input/input.module.css

@@ -6,6 +6,7 @@
 .input-content {
     display: flex;
     width: 100%;
+    -webkit-appearance: none;
 }
 
 input:-webkit-autofill,

package/src/components/newAutocomplete/autocomplete.module.css

@@ -0,0 +1,3 @@
+.auto-complete {
+    -webkit-appearance: none;
+}

package/src/components/newAutocomplete/index.js

@@ -4,6 +4,8 @@ import PropTypes from 'prop-types';
 import { keyframes, css } from 'styled-components';
 
 import { compereConfigs } from './../../utils';
+
+import styles from './autocomplete.module.css';
  
 export const NewAutocomplete = ({
     label,
@@ -320,6 +322,7 @@ export const NewAutocomplete = ({
                     onInput={handleChange}
                     onMouseEnter={handleMouseEnter}
                     onMouseLeave={handleMouseLeave}
+                    className={styles['auto-complete']}
                     placeholder={placeHolder ? placeHolder : ''}
                     autoComplete={autoComplete ? autoComplete : configStyles.NEWAUTOCOMPLETE.autoComplete}
                     style={{

package/src/components/select/select.module.css

@@ -2,6 +2,7 @@
     display: flex;
     flex-direction: column;
     position: relative;
+    -webkit-appearance: none;
 }
 
 .select-content-top {
@@ -10,6 +11,7 @@
     flex-wrap: nowrap;
     align-items: center;
     justify-content: space-between;
+    -webkit-appearance: none;
 }
 
 .select-content-bottom {

package/src/components/textarea/textarea.module.css

@@ -1,3 +1,7 @@
+textarea {
+    -webkit-appearance: none;
+}
+
 textarea::-webkit-scrollbar {
     width: 6px;
 }