@lanaco/lnc-react-ui 4.0.14 → 4.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ColorInput.cjs +1 -1
- package/dist/ColorInput.js +1 -1
- package/dist/DecimalInput.cjs +4 -4
- package/dist/DecimalInput.js +87 -83
- package/dist/DecimalInputV2.cjs +48 -0
- package/dist/DecimalInputV2.js +290 -0
- package/dist/Dropdown.cjs +1 -1
- package/dist/Dropdown.js +1 -1
- package/dist/DropdownLookup.cjs +1 -1
- package/dist/DropdownLookup.js +1 -1
- package/dist/EditableTable.cjs +10 -10
- package/dist/EditableTable.js +100 -95
- package/dist/MultiSelectDropdown.cjs +1 -1
- package/dist/MultiSelectDropdown.js +1 -1
- package/dist/MultiSelectDropdownLookup.cjs +1 -1
- package/dist/MultiSelectDropdownLookup.js +1 -1
- package/dist/NumberInput.cjs +1 -1
- package/dist/NumberInput.js +1 -1
- package/dist/PasswordInput.cjs +1 -1
- package/dist/PasswordInput.js +1 -1
- package/dist/TextAreaInput.cjs +1 -1
- package/dist/TextAreaInput.js +1 -1
- package/dist/TextInput.cjs +1 -1
- package/dist/TextInput.js +1 -1
- package/dist/TimeInput.cjs +1 -1
- package/dist/TimeInput.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +173 -171
- package/package.json +2 -1
- package/vite.config.js +1 -0
package/dist/ColorInput.cjs
CHANGED
|
@@ -57,4 +57,4 @@
|
|
|
57
57
|
background-color: transparent;
|
|
58
58
|
width: 100%;
|
|
59
59
|
}
|
|
60
|
-
`,F=b.forwardRef((e,r)=>{const{id:u,name:y,defaultValue:P="#000000",value:s,size:v="small",tabIndex:p,withInput:f=!1,className:R="",style:j={},color:d="primary",debounceTime:O=
|
|
60
|
+
`,F=b.forwardRef((e,r)=>{const{id:u,name:y,defaultValue:P="#000000",value:s,size:v="small",tabIndex:p,withInput:f=!1,className:R="",style:j={},color:d="primary",debounceTime:O=0,readOnly:l,disabled:a,onChange:x=()=>{},onFocus:B=()=>{},onBlur:U=()=>{},onInput:q=()=>{},onKeyDown:W=()=>{},labelRef:k,inputProps:T,...z}=e,I=A.useTheme(),[c,$]=b.useState(s),[D,S]=b.useState(!1),E=new RegExp(/^#[0-9A-F]{6}$/i);H.useUpdateEffect(()=>$(s),[s]);const _=b.useCallback(N.debounce((o,w)=>K(o,w),O),[x]),K=(o,w)=>{x&&x(o,w)},h=o=>{s&&$(o.target.value),_(o,o.target.value)},g=o=>{S(!0),B(o)},m=o=>{E.test(c)||$(P),S(!1),U(o)};return i.jsx(G,{ref:r,theme:I,size:v,className:R,style:j,disabled:a,readOnly:l,withInput:f,...z,children:f?i.jsxs(L,{withInput:f,theme:I,color:d,size:v,disabled:a,readOnly:l,tabIndex:p,isFocused:D,children:[i.jsx("div",{children:i.jsx("input",{type:"color",ref:r,id:u,name:y,value:c,disabled:a||l,onChange:h,onBlur:m,onFocus:g,color:d,...T})}),i.jsx(J,{children:i.jsx("input",{ref:k,value:c,onChange:h,onFocus:g,onBlur:m,onInput:q,onKeyDown:W,disabled:a||l,...z})})]}):i.jsx("div",{children:s==null||s=="undefined"?i.jsx("input",{type:"color",ref:r,id:u,name:y,defaultValue:P,disabled:a||l,onChange:h,onBlur:m,onFocus:g,color:d,tabIndex:p,...T}):i.jsx("input",{type:"color",ref:r,id:u,name:y,value:c,disabled:a||l,onChange:h,onBlur:m,onFocus:g,color:d,tabIndex:p,...T})})})});F.propTypes={id:t.PropTypes.any,name:t.PropTypes.string,defaultValue:t.PropTypes.string,value:t.PropTypes.string,debounceTime:t.PropTypes.number,disabled:t.PropTypes.bool,readOnly:t.PropTypes.bool,tabIndex:t.PropTypes.number,preventDefault:t.PropTypes.bool,labelRef:t.PropTypes.any,inputProps:t.PropTypes.bool,withInput:t.PropTypes.bool,onChange:t.PropTypes.func,onBlur:t.PropTypes.func,onFocus:t.PropTypes.func,onInput:t.PropTypes.func,onKeyDown:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=F;
|
package/dist/ColorInput.js
CHANGED
package/dist/DecimalInput.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";const B=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";const B=require("react/jsx-runtime"),v=require("./index-BIlhCoy2.cjs"),F=require("react"),ae=require("./index-DaiUAQVF.cjs"),K=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),b=require("./utils-DTAPpJXU.cjs"),ie=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs");function A(){}function oe(){return!0}function O(a){return!!(a||"").match(/\d/)}function W(a){return a==null}function q(a){return a.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")}function ne(a){switch(a){case"lakh":return/(\d+?)(?=(\d\d)+(\d)(?!\d))(\.\d+)?/g;case"wan":return/(\d)(?=(\d{4})+(?!\d))/g;case"thousand":default:return/(\d)(?=(\d{3})+(?!\d))/g}}function se(a,f,u){var e=ne(u),t=a.search(/[1-9]/);return t=t===-1?a.length:t,a.substring(0,t)+a.substring(t,a.length).replace(e,"$1"+f)}function z(a,f){f===void 0&&(f=!0);var u=a[0]==="-",e=u&&f;a=a.replace("-","");var t=a.split("."),r=t[0],o=t[1]||"";return{beforeDecimal:r,afterDecimal:o,hasNagation:u,addNegation:e}}function fe(a){if(!a)return a;var f=a[0]==="-";f&&(a=a.substring(1,a.length));var u=a.split("."),e=u[0].replace(/^0+/,"")||"0",t=u[1]||"";return(f?"-":"")+e+(t?"."+t:"")}function H(a,f,u){for(var e="",t=u?"0":"",r=0;r<=f-1;r++)e+=a[r]||t;return e}function G(a,f){return Array(f+1).join(a)}function le(a){a+="";var f=a[0]==="-"?"-":"";f&&(a=a.substring(1));var u=a.split(/[eE]/g),e=u[0],t=u[1];if(t=Number(t),!t)return f+e;e=e.replace(".","");var r=1+t,o=e.length;return r<0?e="0."+G("0",Math.abs(r))+e:r>=o?e=e+G("0",r-o):e=(e.substring(0,r)||"0")+"."+e.substring(r),f+e}function ue(a,f,u){if(["","-"].indexOf(a)!==-1)return a;var e=a.indexOf(".")!==-1&&f,t=z(a),r=t.beforeDecimal,o=t.afterDecimal,s=t.hasNagation,i=parseFloat("0."+(o||"0")),n=o.length<=f?"0."+o:i.toFixed(f),l=n.split("."),c=r.split("").reverse().reduce(function(m,y,x){return m.length>x?(Number(m[0])+Number(y)).toString()+m.substring(1,m.length):y+m},l[0]),p=H(l[1]||"",Math.min(f,o.length),u),d=s?"-":"",h=e?".":"";return""+d+c+h+p}function _(a,f){if(a.value=a.value,a!==null){if(a.createTextRange){var u=a.createTextRange();return u.move("character",f),u.select(),!0}return a.selectionStart||a.selectionStart===0?(a.focus(),a.setSelectionRange(f,f),!0):(a.focus(),!1)}}function pe(a,f){for(var u=0,e=0,t=a.length,r=f.length;a[u]===f[u]&&u<t;)u++;for(;a[t-1-e]===f[r-1-e]&&r-e>u&&t-e>u;)e++;return{start:u,end:t-e}}function L(a,f,u){return Math.min(Math.max(a,f),u)}function Z(a){return Math.max(a.selectionStart,a.selectionEnd)}function ce(a){return a||typeof navigator<"u"&&!(navigator.platform&&/iPhone|iPod/.test(navigator.platform))}function de(a,f){var u={};for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&f.indexOf(e)===-1&&(u[e]=a[e]);return u}var me={displayType:"input",decimalSeparator:".",thousandsGroupStyle:"thousand",fixedDecimalScale:!1,prefix:"",suffix:"",allowNegative:!0,allowEmptyFormatting:!1,allowLeadingZeros:!1,isNumericString:!1,type:"text",onValueChange:A,onChange:A,onKeyDown:A,onMouseUp:A,onFocus:A,onBlur:A,isAllowed:oe},J=function(a){function f(u){a.call(this,u);var e=u.defaultValue;this.validateProps();var t=this.formatValueProp(e);this.state={value:t,numAsString:this.removeFormatting(t),mounted:!1},this.selectionBeforeInput={selectionStart:0,selectionEnd:0},this.onChange=this.onChange.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onMouseUp=this.onMouseUp.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}return a&&(f.__proto__=a),f.prototype=Object.create(a&&a.prototype),f.prototype.constructor=f,f.prototype.componentDidMount=function(){this.setState({mounted:!0})},f.prototype.componentDidUpdate=function(e){this.updateValueIfRequired(e)},f.prototype.componentWillUnmount=function(){clearTimeout(this.focusTimeout),clearTimeout(this.caretPositionTimeout)},f.prototype.updateValueIfRequired=function(e){var t=this,r=t.props,o=t.state,s=t.focusedElm,i=o.value,n=o.numAsString;if(n===void 0&&(n=""),e!==r){this.validateProps();var l=this.formatNumString(n),c=W(r.value)?l:this.formatValueProp(),p=this.removeFormatting(c),d=parseFloat(p),h=parseFloat(n);((!isNaN(d)||!isNaN(h))&&d!==h||l!==i||s===null&&c!==i)&&this.updateValue({formattedValue:c,numAsString:p,input:s,source:"prop",event:null})}},f.prototype.getFloatString=function(e){e===void 0&&(e="");var t=this.props,r=t.decimalScale,o=this.getSeparators(),s=o.decimalSeparator,i=this.getNumberRegex(!0),n=e[0]==="-";n&&(e=e.replace("-","")),s&&r===0&&(e=e.split(s)[0]),e=(e.match(i)||[]).join("").replace(s,".");var l=e.indexOf(".");return l!==-1&&(e=e.substring(0,l)+"."+e.substring(l+1,e.length).replace(new RegExp(q(s),"g"),"")),n&&(e="-"+e),e},f.prototype.getNumberRegex=function(e,t){var r=this.props,o=r.format,s=r.decimalScale,i=r.customNumerals,n=this.getSeparators(),l=n.decimalSeparator;return new RegExp("[0-9"+(i?i.join(""):"")+"]"+(l&&s!==0&&!t&&!o?"|"+q(l):""),e?"g":void 0)},f.prototype.getSeparators=function(){var e=this.props,t=e.decimalSeparator,r=this.props,o=r.thousandSeparator,s=r.allowedDecimalSeparators;return o===!0&&(o=","),s||(s=[t,"."]),{decimalSeparator:t,thousandSeparator:o,allowedDecimalSeparators:s}},f.prototype.getMaskAtIndex=function(e){var t=this.props,r=t.mask;return r===void 0&&(r=" "),typeof r=="string"?r:r[e]||" "},f.prototype.getValueObject=function(e,t){var r=parseFloat(t);return{formattedValue:e,value:t,floatValue:isNaN(r)?void 0:r}},f.prototype.validateProps=function(){var e=this.props,t=e.mask,r=this.getSeparators(),o=r.decimalSeparator,s=r.thousandSeparator;if(o===s)throw new Error(`
|
|
2
2
|
Decimal separator can't be same as thousand separator.
|
|
3
3
|
thousandSeparator: `+s+` (thousandSeparator = {true} is same as thousandSeparator = ",")
|
|
4
4
|
decimalSeparator: `+o+` (default value for decimalSeparator is .)
|
|
5
5
|
`);if(t){var i=t==="string"?t:t.toString();if(i.match(/\d/g))throw new Error(`
|
|
6
6
|
Mask `+t+` should not contain numeric character;
|
|
7
|
-
`)}},
|
|
7
|
+
`)}},f.prototype.setPatchedCaretPosition=function(e,t,r){_(e,t),this.caretPositionTimeout=setTimeout(function(){e.value===r&&_(e,t)},0)},f.prototype.correctCaretPosition=function(e,t,r){var o=this.props,s=o.prefix,i=o.suffix,n=o.format;if(e==="")return 0;if(t=L(t,0,e.length),!n){var l=e[0]==="-";return L(t,s.length+(l?1:0),e.length-i.length)}if(typeof n=="function"||n[t]==="#"&&O(e[t])||n[t-1]==="#"&&O(e[t-1]))return t;var c=n.indexOf("#"),p=n.lastIndexOf("#");t=L(t,c,p+1);for(var d=n.substring(t,n.length).indexOf("#"),h=t,m=t+(d===-1?0:d);h>c&&(n[h]!=="#"||!O(e[h]));)h-=1;var y=!O(e[m])||r==="left"&&t!==c||t-h<m-t;return y?O(e[h])?h+1:h:m},f.prototype.getCaretPosition=function(e,t,r){var o=this.props,s=o.format,i=this.state.value,n=this.getNumberRegex(!0),l=(e.match(n)||[]).join(""),c=(t.match(n)||[]).join(""),p,d;for(p=0,d=0;d<r;d++){var h=e[d]||"",m=t[p]||"";if(!(!h.match(n)&&h!==m)&&!(h==="0"&&m.match(n)&&m!=="0"&&l.length!==c.length)){for(;h!==t[p]&&p<t.length;)p++;p++}}return typeof s=="string"&&!i&&(p=t.length),p=this.correctCaretPosition(t,p),p},f.prototype.removePrefixAndSuffix=function(e){var t=this.props,r=t.format,o=t.prefix,s=t.suffix;if(!r&&e){var i=e[0]==="-";i&&(e=e.substring(1,e.length)),e=o&&e.indexOf(o)===0?e.substring(o.length,e.length):e;var n=e.lastIndexOf(s);e=s&&n!==-1&&n===e.length-s.length?e.substring(0,n):e,i&&(e="-"+e)}return e},f.prototype.removePatternFormatting=function(e){for(var t=this.props,r=t.format,o=r.split("#").filter(function(d){return d!==""}),s=0,i="",n=0,l=o.length;n<=l;n++){var c=o[n]||"",p=n===l?e.length:e.indexOf(c,s);if(p===-1){i=e;break}else i+=e.substring(s,p),s=p+c.length}return(i.match(this.getNumberRegex(!0))||[]).join("")},f.prototype.removeFormatting=function(e){var t=this.props,r=t.format,o=t.removeFormatting;return e&&(r?typeof r=="string"?e=this.removePatternFormatting(e):typeof o=="function"?e=o(e):e=(e.match(this.getNumberRegex(!0))||[]).join(""):(e=this.removePrefixAndSuffix(e),e=this.getFloatString(e)),e)},f.prototype.formatWithPattern=function(e){for(var t=this.props,r=t.format,o=0,s=r.split(""),i=0,n=r.length;i<n;i++)r[i]==="#"&&(s[i]=e[o]||this.getMaskAtIndex(o),o+=1);return s.join("")},f.prototype.formatAsNumber=function(e){var t=this.props,r=t.decimalScale,o=t.fixedDecimalScale,s=t.prefix,i=t.suffix,n=t.allowNegative,l=t.thousandsGroupStyle,c=this.getSeparators(),p=c.thousandSeparator,d=c.decimalSeparator,h=e.indexOf(".")!==-1||r&&o,m=z(e,n),y=m.beforeDecimal,x=m.afterDecimal,N=m.addNegation;return r!==void 0&&(x=H(x,r,o)),p&&(y=se(y,p,l)),s&&(y=s+y),i&&(x=x+i),N&&(y="-"+y),e=y+(h&&d||"")+x,e},f.prototype.formatNumString=function(e){e===void 0&&(e="");var t=this.props,r=t.format,o=t.allowEmptyFormatting,s=t.customNumerals,i=e;if(s&&s.length===10){var n=new RegExp("["+s.join("")+"]","g");i=e.replace(n,function(l){return s.indexOf(l).toString()})}return e===""&&!o?i="":e==="-"&&!r?i="-":typeof r=="string"?i=this.formatWithPattern(i):typeof r=="function"?i=r(i):i=this.formatAsNumber(i),i},f.prototype.formatValueProp=function(e){var t=this.props,r=t.format,o=t.decimalScale,s=t.fixedDecimalScale,i=t.allowEmptyFormatting,n=this.props,l=n.value,c=n.isNumericString;l=W(l)?e:l;var p=!l&&l!==0;if(p&&i&&(l=""),p&&!i)return"";typeof l=="number"&&(l=le(l),c=!0),l==="Infinity"&&c&&(l=""),c&&!r&&typeof o=="number"&&(l=ue(l,o,s));var d=c?this.formatNumString(l):this.formatInput(l);return d},f.prototype.formatNegation=function(e){e===void 0&&(e="");var t=this.props,r=t.allowNegative,o=new RegExp("(-)"),s=new RegExp("(-)(.)*(-)"),i=o.test(e),n=s.test(e);return e=e.replace(/-/g,""),i&&!n&&r&&(e="-"+e),e},f.prototype.formatInput=function(e){e===void 0&&(e="");var t=this.props,r=t.format;return r||(e=this.removePrefixAndSuffix(e),e=this.formatNegation(e)),e=this.removeFormatting(e),this.formatNumString(e)},f.prototype.isCharacterAFormat=function(e,t){var r=this.props,o=r.format,s=r.prefix,i=r.suffix,n=r.decimalScale,l=r.fixedDecimalScale,c=this.getSeparators(),p=c.decimalSeparator;return!!(typeof o=="string"&&o[e]!=="#"||!o&&(e<s.length||e>=t.length-i.length||n&&l&&t[e]===p))},f.prototype.correctInputValue=function(e,t,r){var o=this,s=this.props,i=s.format,n=s.allowNegative,l=s.prefix,c=s.suffix,p=s.decimalScale,d=this.getSeparators(),h=d.allowedDecimalSeparators,m=d.decimalSeparator,y=this.state.numAsString||"",x=this.selectionBeforeInput,N=x.selectionStart,P=x.selectionEnd,C=pe(t,r),g=C.start,w=C.end;if(!i&&g===w&&h.indexOf(r[N])!==-1){var R=p===0?"":m;return r.substr(0,N)+R+r.substr(N+1,r.length)}var E=i?0:l.length,$=t.length-(i?0:c.length);if(r.length>t.length||!r.length||g===w||N===0&&P===t.length||g===0&&w===t.length||N===E&&P===$)return r;var j=t.substr(g,w-g),M=!![].concat(j).find(function(T,I){return o.isCharacterAFormat(I+g,t)});if(M){var U=t.substr(g),V={},S=[];[].concat(U).forEach(function(T,I){o.isCharacterAFormat(I+g,t)?V[I]=T:I>j.length-1&&S.push(T)}),Object.keys(V).forEach(function(T){S.length>T?S.splice(T,0,V[T]):S.push(V[T])}),r=t.substr(0,g)+S.join("")}if(!i){var D=this.removeFormatting(r),k=z(D,n),Y=k.beforeDecimal,ee=k.afterDecimal,te=k.addNegation,re=e<r.indexOf(m)+1;if(D.length<y.length&&re&&Y===""&&!parseFloat(ee))return te?"-":""}return r},f.prototype.updateValue=function(e){var t=e.formattedValue,r=e.input,o=e.setCaretPosition;o===void 0&&(o=!0);var s=e.source,i=e.event,n=e.numAsString,l=e.caretPos,c=this.props,p=c.onValueChange,d=this.state,h=d.value;if(r){if(l===void 0&&o){var m=e.inputValue||r.value,y=Z(r);r.value=t,l=this.getCaretPosition(m,t,y)}r.value=t,o&&this.setPatchedCaretPosition(r,l,t)}n===void 0&&(n=this.removeFormatting(t)),t!==h&&(this.setState({value:t,numAsString:n}),p(this.getValueObject(t,n),{event:i,source:s}))},f.prototype.onChange=function(e){var t=e.target,r=t.value,o=this,s=o.state,i=o.props,n=i.isAllowed,l=s.value||"",c=Z(t);r=this.correctInputValue(c,l,r);var p=this.formatInput(r)||"",d=this.removeFormatting(p),h=this.getValueObject(p,d),m=n(h);m||(p=l),this.updateValue({formattedValue:p,numAsString:d,inputValue:r,input:t,event:e,source:"event"}),m&&i.onChange(e)},f.prototype.onBlur=function(e){var t=this,r=t.props,o=t.state,s=r.format,i=r.onBlur,n=r.allowLeadingZeros,l=o.numAsString,c=o.value;if(this.focusedElm=null,clearTimeout(this.focusTimeout),clearTimeout(this.caretPositionTimeout),!s){isNaN(parseFloat(l))&&(l=""),n||(l=fe(l));var p=this.formatNumString(l);if(p!==c){this.updateValue({formattedValue:p,numAsString:l,input:e.target,setCaretPosition:!1,event:e,source:"event"}),i(e);return}}i(e)},f.prototype.onKeyDown=function(e){var t=e.target,r=e.key,o=t.selectionStart,s=t.selectionEnd,i=t.value;i===void 0&&(i="");var n,l=this.props,c=l.decimalScale,p=l.fixedDecimalScale,d=l.prefix,h=l.suffix,m=l.format,y=l.onKeyDown,x=c!==void 0&&p,N=this.getNumberRegex(!1,x),P=new RegExp("-"),C=typeof m=="string";if(this.selectionBeforeInput={selectionStart:o,selectionEnd:s},r==="ArrowLeft"||r==="Backspace"?n=o-1:r==="ArrowRight"?n=o+1:r==="Delete"&&(n=o),n===void 0||o!==s){y(e);return}var g=n,w=C?m.indexOf("#"):d.length,R=C?m.lastIndexOf("#")+1:i.length-h.length;if(r==="ArrowLeft"||r==="ArrowRight"){var E=r==="ArrowLeft"?"left":"right";g=this.correctCaretPosition(i,n,E)}else if(r==="Delete"&&!N.test(i[n])&&!P.test(i[n]))for(;!N.test(i[g])&&g<R;)g++;else if(r==="Backspace"&&!N.test(i[n])){if(o<=w+1&&i[0]==="-"&&typeof m>"u"){var $=i.substring(1);this.updateValue({formattedValue:$,caretPos:g,input:t,event:e,source:"event"})}else if(!P.test(i[n])){for(;!N.test(i[g-1])&&g>w;)g--;g=this.correctCaretPosition(i,g,"left")}}(g!==n||n<w||n>R)&&(e.preventDefault(),this.setPatchedCaretPosition(t,g,i)),e.isUnitTestRun&&this.setPatchedCaretPosition(t,g,i),y(e)},f.prototype.onMouseUp=function(e){var t=e.target,r=t.selectionStart,o=t.selectionEnd,s=t.value;if(s===void 0&&(s=""),r===o){var i=this.correctCaretPosition(s,r);i!==r&&this.setPatchedCaretPosition(t,i,s)}this.props.onMouseUp(e)},f.prototype.onFocus=function(e){var t=this;e.persist(),this.focusedElm=e.target,this.focusTimeout=setTimeout(function(){var r=e.target,o=r.selectionStart,s=r.selectionEnd,i=r.value;i===void 0&&(i="");var n=t.correctCaretPosition(i,o);n!==o&&!(o===0&&s===i.length)&&t.setPatchedCaretPosition(r,n,i),t.props.onFocus(e)},0)},f.prototype.render=function(){var e=this.props,t=e.type,r=e.displayType,o=e.customInput,s=e.renderText,i=e.getInputRef,n=e.format;e.thousandSeparator,e.decimalSeparator,e.allowedDecimalSeparators,e.thousandsGroupStyle,e.decimalScale,e.fixedDecimalScale,e.prefix,e.suffix,e.removeFormatting,e.mask,e.defaultValue,e.isNumericString,e.allowNegative,e.allowEmptyFormatting,e.allowLeadingZeros,e.onValueChange,e.isAllowed,e.customNumerals,e.onChange,e.onKeyDown,e.onMouseUp,e.onFocus,e.onBlur,e.value;var l=de(e,["type","displayType","customInput","renderText","getInputRef","format","thousandSeparator","decimalSeparator","allowedDecimalSeparators","thousandsGroupStyle","decimalScale","fixedDecimalScale","prefix","suffix","removeFormatting","mask","defaultValue","isNumericString","allowNegative","allowEmptyFormatting","allowLeadingZeros","onValueChange","isAllowed","customNumerals","onChange","onKeyDown","onMouseUp","onFocus","onBlur","value"]),c=l,p=this.state,d=p.value,h=p.mounted,m=h&&ce(n)?"numeric":void 0,y=Object.assign({inputMode:m},c,{type:t,value:d,onChange:this.onChange,onKeyDown:this.onKeyDown,onMouseUp:this.onMouseUp,onFocus:this.onFocus,onBlur:this.onBlur});if(r==="text")return s?s(d,c)||null:F.createElement("span",Object.assign({},c,{ref:i}),d);if(o){var x=o;return F.createElement(x,Object.assign({},y,{ref:i}))}return F.createElement("input",Object.assign({},y,{ref:i}))},f}(F.Component);J.defaultProps=me;const he=K.newStyled.div`
|
|
8
8
|
display: flex;
|
|
9
9
|
align-items: center;
|
|
10
10
|
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
& input::placeholder {
|
|
49
49
|
color: ${a=>b.getColorRgbaValue(a.theme,"Input",a.color,"enabled","placeholder")};
|
|
50
50
|
}
|
|
51
|
-
`,Q=
|
|
51
|
+
`,Q=K.newStyled.span`
|
|
52
52
|
padding: 0 12px;
|
|
53
53
|
color: ${a=>b.getColorRgbaValue(a.theme,"Input",a.focused===!0?"primary":a.color,"enabled","prefix")};
|
|
54
|
-
`,ge=
|
|
54
|
+
`,ge=K.newStyled(Q)``,X=F.forwardRef((a,f)=>{const{disabled:u,readOnly:e,debounceTime:t=0,prefix:r,suffix:o,thousandSeparator:s=".",decimalSeparator:i=",",decimalScale:n=2,fixedDecimalScale:l=!0,allowNegative:c=!0,onChange:p,onBlur:d,onFocus:h,onInputChange:m,className:y="",style:x={},size:N="small",color:P="primary",...C}=a,g=ie.useTheme(),[w,R]=F.useState(!1),E=F.useCallback(ae.debounce((S,D)=>$(S,D),t),[p]),$=(S,D)=>{p&&(p==null||p(S,D)),m==null||m(S,D)},j=(S,D)=>{E(D.event,S==null?void 0:S.floatValue)},M=()=>n<0?0:n>17?17:n,U=S=>{R(!0),h==null||h(S)},V=S=>{R(!1),d==null||d(S)};return B.jsxs(he,{style:x,className:y,theme:g,color:P,size:N,prefix:r,suffix:o,focused:w,disabled:u,readOnly:e,children:[r&&B.jsx(Q,{theme:g,color:P,focused:w,className:"lnc-input-prefix",children:r}),B.jsx(J,{getInputRef:f,className:"lnc-decimal-input",disabled:u,readOnly:e,thousandSeparator:s,decimalSeparator:i,decimalScale:M(),fixedDecimalScale:l,allowNegative:c,onFocus:U,onBlur:V,onValueChange:j,...C}),o&&B.jsx(ge,{theme:g,color:P,focused:w,className:"lnc-input-suffix",children:o})]})});X.propTypes={id:v.PropTypes.string,value:v.PropTypes.any,defaultValue:v.PropTypes.any,disabled:v.PropTypes.bool,readOnly:v.PropTypes.bool,debounceTime:v.PropTypes.number,prefix:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.element]),suffix:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.element]),thousandSeparator:v.PropTypes.oneOf([".",","," "]),decimalSeparator:v.PropTypes.oneOf([".",","]),decimalScale:v.PropTypes.number,fixedDecimalScale:v.PropTypes.bool,allowNegative:v.PropTypes.bool,onChange:v.PropTypes.func,onInputChange:v.PropTypes.func,onBlur:v.PropTypes.func,onFocus:v.PropTypes.func,className:v.PropTypes.string,style:v.PropTypes.object,size:v.PropTypes.oneOf(["small","medium","large"]),color:v.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=X;
|
package/dist/DecimalInput.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsxs as ie, jsx as
|
|
2
|
-
import { P as
|
|
1
|
+
import { jsxs as ie, jsx as L } from "react/jsx-runtime";
|
|
2
|
+
import { P as v } from "./index-BYnWp42a.js";
|
|
3
3
|
import B, { forwardRef as oe, useState as ne, useCallback as se } from "react";
|
|
4
4
|
import { d as fe } from "./index-CNBqQrtK.js";
|
|
5
5
|
import { n as G } from "./emotion-styled.browser.esm-BiK8DcgW.js";
|
|
@@ -76,14 +76,14 @@ function ve(a) {
|
|
|
76
76
|
function Se(a, f, u) {
|
|
77
77
|
if (["", "-"].indexOf(a) !== -1)
|
|
78
78
|
return a;
|
|
79
|
-
var e = a.indexOf(".") !== -1 && f, t = z(a), r = t.beforeDecimal, o = t.afterDecimal, s = t.hasNagation, i = parseFloat("0." + (o || "0")), n = o.length <= f ? "0." + o : i.toFixed(f), l = n.split("."), p = r.split("").reverse().reduce(function(
|
|
80
|
-
return
|
|
79
|
+
var e = a.indexOf(".") !== -1 && f, t = z(a), r = t.beforeDecimal, o = t.afterDecimal, s = t.hasNagation, i = parseFloat("0." + (o || "0")), n = o.length <= f ? "0." + o : i.toFixed(f), l = n.split("."), p = r.split("").reverse().reduce(function(m, S, x) {
|
|
80
|
+
return m.length > x ? (Number(m[0]) + Number(S)).toString() + m.substring(1, m.length) : S + m;
|
|
81
81
|
}, l[0]), c = Q(
|
|
82
82
|
l[1] || "",
|
|
83
83
|
Math.min(f, o.length),
|
|
84
84
|
u
|
|
85
|
-
),
|
|
86
|
-
return "" +
|
|
85
|
+
), d = s ? "-" : "", h = e ? "." : "";
|
|
86
|
+
return "" + d + p + h + c;
|
|
87
87
|
}
|
|
88
88
|
function H(a, f) {
|
|
89
89
|
if (a.value = a.value, a !== null) {
|
|
@@ -101,7 +101,7 @@ function ye(a, f) {
|
|
|
101
101
|
e++;
|
|
102
102
|
return { start: u, end: t - e };
|
|
103
103
|
}
|
|
104
|
-
function
|
|
104
|
+
function K(a, f, u) {
|
|
105
105
|
return Math.min(Math.max(a, f), u);
|
|
106
106
|
}
|
|
107
107
|
function J(a) {
|
|
@@ -161,9 +161,9 @@ var Ne = {
|
|
|
161
161
|
var t = this, r = t.props, o = t.state, s = t.focusedElm, i = o.value, n = o.numAsString;
|
|
162
162
|
if (n === void 0 && (n = ""), e !== r) {
|
|
163
163
|
this.validateProps();
|
|
164
|
-
var l = this.formatNumString(n), p = Z(r.value) ? l : this.formatValueProp(), c = this.removeFormatting(p),
|
|
164
|
+
var l = this.formatNumString(n), p = Z(r.value) ? l : this.formatValueProp(), c = this.removeFormatting(p), d = parseFloat(c), h = parseFloat(n);
|
|
165
165
|
//while typing set state only when float value changes
|
|
166
|
-
((!isNaN(
|
|
166
|
+
((!isNaN(d) || !isNaN(h)) && d !== h || //can also set state when float value is same and the format props changes
|
|
167
167
|
l !== i || //set state always when not in focus and formatted value is changed
|
|
168
168
|
s === null && p !== i) && this.updateValue({
|
|
169
169
|
formattedValue: p,
|
|
@@ -225,24 +225,24 @@ var Ne = {
|
|
|
225
225
|
var o = this.props, s = o.prefix, i = o.suffix, n = o.format;
|
|
226
226
|
if (e === "")
|
|
227
227
|
return 0;
|
|
228
|
-
if (t =
|
|
228
|
+
if (t = K(t, 0, e.length), !n) {
|
|
229
229
|
var l = e[0] === "-";
|
|
230
|
-
return
|
|
230
|
+
return K(t, s.length + (l ? 1 : 0), e.length - i.length);
|
|
231
231
|
}
|
|
232
232
|
if (typeof n == "function" || n[t] === "#" && I(e[t]) || n[t - 1] === "#" && I(e[t - 1]))
|
|
233
233
|
return t;
|
|
234
234
|
var p = n.indexOf("#"), c = n.lastIndexOf("#");
|
|
235
|
-
t =
|
|
236
|
-
for (var
|
|
237
|
-
|
|
238
|
-
var
|
|
239
|
-
return
|
|
235
|
+
t = K(t, p, c + 1);
|
|
236
|
+
for (var d = n.substring(t, n.length).indexOf("#"), h = t, m = t + (d === -1 ? 0 : d); h > p && (n[h] !== "#" || !I(e[h])); )
|
|
237
|
+
h -= 1;
|
|
238
|
+
var S = !I(e[m]) || r === "left" && t !== p || t - h < m - t;
|
|
239
|
+
return S ? I(e[h]) ? h + 1 : h : m;
|
|
240
240
|
}, f.prototype.getCaretPosition = function(e, t, r) {
|
|
241
|
-
var o = this.props, s = o.format, i = this.state.value, n = this.getNumberRegex(!0), l = (e.match(n) || []).join(""), p = (t.match(n) || []).join(""), c,
|
|
242
|
-
for (c = 0,
|
|
243
|
-
var
|
|
244
|
-
if (!(!
|
|
245
|
-
for (;
|
|
241
|
+
var o = this.props, s = o.format, i = this.state.value, n = this.getNumberRegex(!0), l = (e.match(n) || []).join(""), p = (t.match(n) || []).join(""), c, d;
|
|
242
|
+
for (c = 0, d = 0; d < r; d++) {
|
|
243
|
+
var h = e[d] || "", m = t[c] || "";
|
|
244
|
+
if (!(!h.match(n) && h !== m) && !(h === "0" && m.match(n) && m !== "0" && l.length !== p.length)) {
|
|
245
|
+
for (; h !== t[c] && c < t.length; )
|
|
246
246
|
c++;
|
|
247
247
|
c++;
|
|
248
248
|
}
|
|
@@ -258,8 +258,8 @@ var Ne = {
|
|
|
258
258
|
}
|
|
259
259
|
return e;
|
|
260
260
|
}, f.prototype.removePatternFormatting = function(e) {
|
|
261
|
-
for (var t = this.props, r = t.format, o = r.split("#").filter(function(
|
|
262
|
-
return
|
|
261
|
+
for (var t = this.props, r = t.format, o = r.split("#").filter(function(d) {
|
|
262
|
+
return d !== "";
|
|
263
263
|
}), s = 0, i = "", n = 0, l = o.length; n <= l; n++) {
|
|
264
264
|
var p = o[n] || "", c = n === l ? e.length : e.indexOf(p, s);
|
|
265
265
|
if (c === -1) {
|
|
@@ -277,8 +277,8 @@ var Ne = {
|
|
|
277
277
|
r[i] === "#" && (s[i] = e[o] || this.getMaskAtIndex(o), o += 1);
|
|
278
278
|
return s.join("");
|
|
279
279
|
}, f.prototype.formatAsNumber = function(e) {
|
|
280
|
-
var t = this.props, r = t.decimalScale, o = t.fixedDecimalScale, s = t.prefix, i = t.suffix, n = t.allowNegative, l = t.thousandsGroupStyle, p = this.getSeparators(), c = p.thousandSeparator,
|
|
281
|
-
return r !== void 0 && (x = Q(x, r, o)), c && (
|
|
280
|
+
var t = this.props, r = t.decimalScale, o = t.fixedDecimalScale, s = t.prefix, i = t.suffix, n = t.allowNegative, l = t.thousandsGroupStyle, p = this.getSeparators(), c = p.thousandSeparator, d = p.decimalSeparator, h = e.indexOf(".") !== -1 || r && o, m = z(e, n), S = m.beforeDecimal, x = m.afterDecimal, b = m.addNegation;
|
|
281
|
+
return r !== void 0 && (x = Q(x, r, o)), c && (S = he(S, c, l)), s && (S = s + S), i && (x = x + i), b && (S = "-" + S), e = S + (h && d || "") + x, e;
|
|
282
282
|
}, f.prototype.formatNumString = function(e) {
|
|
283
283
|
e === void 0 && (e = "");
|
|
284
284
|
var t = this.props, r = t.format, o = t.allowEmptyFormatting, s = t.customNumerals, i = e;
|
|
@@ -299,8 +299,8 @@ var Ne = {
|
|
|
299
299
|
if (c && i && (l = ""), c && !i)
|
|
300
300
|
return "";
|
|
301
301
|
typeof l == "number" && (l = ve(l), p = !0), l === "Infinity" && p && (l = ""), p && !r && typeof o == "number" && (l = Se(l, o, s));
|
|
302
|
-
var
|
|
303
|
-
return
|
|
302
|
+
var d = p ? this.formatNumString(l) : this.formatInput(l);
|
|
303
|
+
return d;
|
|
304
304
|
}, f.prototype.formatNegation = function(e) {
|
|
305
305
|
e === void 0 && (e = "");
|
|
306
306
|
var t = this.props, r = t.allowNegative, o = new RegExp("(-)"), s = new RegExp("(-)(.)*(-)"), i = o.test(e), n = s.test(e);
|
|
@@ -313,9 +313,9 @@ var Ne = {
|
|
|
313
313
|
var r = this.props, o = r.format, s = r.prefix, i = r.suffix, n = r.decimalScale, l = r.fixedDecimalScale, p = this.getSeparators(), c = p.decimalSeparator;
|
|
314
314
|
return !!(typeof o == "string" && o[e] !== "#" || !o && (e < s.length || e >= t.length - i.length || n && l && t[e] === c));
|
|
315
315
|
}, f.prototype.correctInputValue = function(e, t, r) {
|
|
316
|
-
var o = this, s = this.props, i = s.format, n = s.allowNegative, l = s.prefix, p = s.suffix, c = s.decimalScale,
|
|
317
|
-
if (!i && g === N &&
|
|
318
|
-
var F = c === 0 ? "" :
|
|
316
|
+
var o = this, s = this.props, i = s.format, n = s.allowNegative, l = s.prefix, p = s.suffix, c = s.decimalScale, d = this.getSeparators(), h = d.allowedDecimalSeparators, m = d.decimalSeparator, S = this.state.numAsString || "", x = this.selectionBeforeInput, b = x.selectionStart, w = x.selectionEnd, P = ye(t, r), g = P.start, N = P.end;
|
|
317
|
+
if (!i && g === N && h.indexOf(r[b]) !== -1) {
|
|
318
|
+
var F = c === 0 ? "" : m;
|
|
319
319
|
return r.substr(0, b) + F + r.substr(b + 1, r.length);
|
|
320
320
|
}
|
|
321
321
|
var T = i ? 0 : l.length, $ = t.length - (i ? 0 : p.length);
|
|
@@ -347,35 +347,35 @@ var Ne = {
|
|
|
347
347
|
var D = this.removeFormatting(r), U = z(
|
|
348
348
|
D,
|
|
349
349
|
n
|
|
350
|
-
), ee = U.beforeDecimal, te = U.afterDecimal, re = U.addNegation, ae = e < r.indexOf(
|
|
351
|
-
if (D.length <
|
|
350
|
+
), ee = U.beforeDecimal, te = U.afterDecimal, re = U.addNegation, ae = e < r.indexOf(m) + 1;
|
|
351
|
+
if (D.length < S.length && ae && ee === "" && !parseFloat(te))
|
|
352
352
|
return re ? "-" : "";
|
|
353
353
|
}
|
|
354
354
|
return r;
|
|
355
355
|
}, f.prototype.updateValue = function(e) {
|
|
356
356
|
var t = e.formattedValue, r = e.input, o = e.setCaretPosition;
|
|
357
357
|
o === void 0 && (o = !0);
|
|
358
|
-
var s = e.source, i = e.event, n = e.numAsString, l = e.caretPos, p = this.props, c = p.onValueChange,
|
|
358
|
+
var s = e.source, i = e.event, n = e.numAsString, l = e.caretPos, p = this.props, c = p.onValueChange, d = this.state, h = d.value;
|
|
359
359
|
if (r) {
|
|
360
360
|
if (l === void 0 && o) {
|
|
361
|
-
var
|
|
362
|
-
r.value = t, l = this.getCaretPosition(
|
|
361
|
+
var m = e.inputValue || r.value, S = J(r);
|
|
362
|
+
r.value = t, l = this.getCaretPosition(m, t, S);
|
|
363
363
|
}
|
|
364
364
|
r.value = t, o && this.setPatchedCaretPosition(r, l, t);
|
|
365
365
|
}
|
|
366
|
-
n === void 0 && (n = this.removeFormatting(t)), t !==
|
|
366
|
+
n === void 0 && (n = this.removeFormatting(t)), t !== h && (this.setState({ value: t, numAsString: n }), c(this.getValueObject(t, n), { event: i, source: s }));
|
|
367
367
|
}, f.prototype.onChange = function(e) {
|
|
368
368
|
var t = e.target, r = t.value, o = this, s = o.state, i = o.props, n = i.isAllowed, l = s.value || "", p = J(t);
|
|
369
369
|
r = this.correctInputValue(p, l, r);
|
|
370
|
-
var c = this.formatInput(r) || "",
|
|
371
|
-
|
|
370
|
+
var c = this.formatInput(r) || "", d = this.removeFormatting(c), h = this.getValueObject(c, d), m = n(h);
|
|
371
|
+
m || (c = l), this.updateValue({
|
|
372
372
|
formattedValue: c,
|
|
373
|
-
numAsString:
|
|
373
|
+
numAsString: d,
|
|
374
374
|
inputValue: r,
|
|
375
375
|
input: t,
|
|
376
376
|
event: e,
|
|
377
377
|
source: "event"
|
|
378
|
-
}),
|
|
378
|
+
}), m && i.onChange(e);
|
|
379
379
|
}, f.prototype.onBlur = function(e) {
|
|
380
380
|
var t = this, r = t.props, o = t.state, s = r.format, i = r.onBlur, n = r.allowLeadingZeros, l = o.numAsString, p = o.value;
|
|
381
381
|
if (this.focusedElm = null, clearTimeout(this.focusTimeout), clearTimeout(this.caretPositionTimeout), !s) {
|
|
@@ -397,15 +397,15 @@ var Ne = {
|
|
|
397
397
|
}, f.prototype.onKeyDown = function(e) {
|
|
398
398
|
var t = e.target, r = e.key, o = t.selectionStart, s = t.selectionEnd, i = t.value;
|
|
399
399
|
i === void 0 && (i = "");
|
|
400
|
-
var n, l = this.props, p = l.decimalScale, c = l.fixedDecimalScale,
|
|
400
|
+
var n, l = this.props, p = l.decimalScale, c = l.fixedDecimalScale, d = l.prefix, h = l.suffix, m = l.format, S = l.onKeyDown, x = p !== void 0 && c, b = this.getNumberRegex(!1, x), w = new RegExp("-"), P = typeof m == "string";
|
|
401
401
|
if (this.selectionBeforeInput = {
|
|
402
402
|
selectionStart: o,
|
|
403
403
|
selectionEnd: s
|
|
404
404
|
}, r === "ArrowLeft" || r === "Backspace" ? n = o - 1 : r === "ArrowRight" ? n = o + 1 : r === "Delete" && (n = o), n === void 0 || o !== s) {
|
|
405
|
-
|
|
405
|
+
S(e);
|
|
406
406
|
return;
|
|
407
407
|
}
|
|
408
|
-
var g = n, N = P ?
|
|
408
|
+
var g = n, N = P ? m.indexOf("#") : d.length, F = P ? m.lastIndexOf("#") + 1 : i.length - h.length;
|
|
409
409
|
if (r === "ArrowLeft" || r === "ArrowRight") {
|
|
410
410
|
var T = r === "ArrowLeft" ? "left" : "right";
|
|
411
411
|
g = this.correctCaretPosition(i, n, T);
|
|
@@ -413,7 +413,7 @@ var Ne = {
|
|
|
413
413
|
for (; !b.test(i[g]) && g < F; )
|
|
414
414
|
g++;
|
|
415
415
|
else if (r === "Backspace" && !b.test(i[n])) {
|
|
416
|
-
if (o <= N + 1 && i[0] === "-" && typeof
|
|
416
|
+
if (o <= N + 1 && i[0] === "-" && typeof m > "u") {
|
|
417
417
|
var $ = i.substring(1);
|
|
418
418
|
this.updateValue({
|
|
419
419
|
formattedValue: $,
|
|
@@ -428,7 +428,7 @@ var Ne = {
|
|
|
428
428
|
g = this.correctCaretPosition(i, g, "left");
|
|
429
429
|
}
|
|
430
430
|
}
|
|
431
|
-
(g !== n || n < N || n > F) && (e.preventDefault(), this.setPatchedCaretPosition(t, g, i)), e.isUnitTestRun && this.setPatchedCaretPosition(t, g, i),
|
|
431
|
+
(g !== n || n < N || n > F) && (e.preventDefault(), this.setPatchedCaretPosition(t, g, i)), e.isUnitTestRun && this.setPatchedCaretPosition(t, g, i), S(e);
|
|
432
432
|
}, f.prototype.onMouseUp = function(e) {
|
|
433
433
|
var t = e.target, r = t.selectionStart, o = t.selectionEnd, s = t.value;
|
|
434
434
|
if (s === void 0 && (s = ""), r === o) {
|
|
@@ -447,9 +447,9 @@ var Ne = {
|
|
|
447
447
|
}, f.prototype.render = function() {
|
|
448
448
|
var e = this.props, t = e.type, r = e.displayType, o = e.customInput, s = e.renderText, i = e.getInputRef, n = e.format;
|
|
449
449
|
e.thousandSeparator, e.decimalSeparator, e.allowedDecimalSeparators, e.thousandsGroupStyle, e.decimalScale, e.fixedDecimalScale, e.prefix, e.suffix, e.removeFormatting, e.mask, e.defaultValue, e.isNumericString, e.allowNegative, e.allowEmptyFormatting, e.allowLeadingZeros, e.onValueChange, e.isAllowed, e.customNumerals, e.onChange, e.onKeyDown, e.onMouseUp, e.onFocus, e.onBlur, e.value;
|
|
450
|
-
var l = be(e, ["type", "displayType", "customInput", "renderText", "getInputRef", "format", "thousandSeparator", "decimalSeparator", "allowedDecimalSeparators", "thousandsGroupStyle", "decimalScale", "fixedDecimalScale", "prefix", "suffix", "removeFormatting", "mask", "defaultValue", "isNumericString", "allowNegative", "allowEmptyFormatting", "allowLeadingZeros", "onValueChange", "isAllowed", "customNumerals", "onChange", "onKeyDown", "onMouseUp", "onFocus", "onBlur", "value"]), p = l, c = this.state,
|
|
450
|
+
var l = be(e, ["type", "displayType", "customInput", "renderText", "getInputRef", "format", "thousandSeparator", "decimalSeparator", "allowedDecimalSeparators", "thousandsGroupStyle", "decimalScale", "fixedDecimalScale", "prefix", "suffix", "removeFormatting", "mask", "defaultValue", "isNumericString", "allowNegative", "allowEmptyFormatting", "allowLeadingZeros", "onValueChange", "isAllowed", "customNumerals", "onChange", "onKeyDown", "onMouseUp", "onFocus", "onBlur", "value"]), p = l, c = this.state, d = c.value, h = c.mounted, m = h && xe(n) ? "numeric" : void 0, S = Object.assign({ inputMode: m }, p, {
|
|
451
451
|
type: t,
|
|
452
|
-
value:
|
|
452
|
+
value: d,
|
|
453
453
|
onChange: this.onChange,
|
|
454
454
|
onKeyDown: this.onKeyDown,
|
|
455
455
|
onMouseUp: this.onMouseUp,
|
|
@@ -457,16 +457,16 @@ var Ne = {
|
|
|
457
457
|
onBlur: this.onBlur
|
|
458
458
|
});
|
|
459
459
|
if (r === "text")
|
|
460
|
-
return s ? s(
|
|
460
|
+
return s ? s(d, p) || null : B.createElement(
|
|
461
461
|
"span",
|
|
462
462
|
Object.assign({}, p, { ref: i }),
|
|
463
|
-
|
|
463
|
+
d
|
|
464
464
|
);
|
|
465
465
|
if (o) {
|
|
466
466
|
var x = o;
|
|
467
|
-
return B.createElement(x, Object.assign({},
|
|
467
|
+
return B.createElement(x, Object.assign({}, S, { ref: i }));
|
|
468
468
|
}
|
|
469
|
-
return B.createElement("input", Object.assign({},
|
|
469
|
+
return B.createElement("input", Object.assign({}, S, { ref: i }));
|
|
470
470
|
}, f;
|
|
471
471
|
}(B.Component);
|
|
472
472
|
X.defaultProps = Ne;
|
|
@@ -557,7 +557,7 @@ const we = G.div`
|
|
|
557
557
|
const {
|
|
558
558
|
disabled: u,
|
|
559
559
|
readOnly: e,
|
|
560
|
-
debounceTime: t =
|
|
560
|
+
debounceTime: t = 0,
|
|
561
561
|
prefix: r,
|
|
562
562
|
suffix: o,
|
|
563
563
|
thousandSeparator: s = ".",
|
|
@@ -567,11 +567,11 @@ const we = G.div`
|
|
|
567
567
|
allowNegative: p = !0,
|
|
568
568
|
//----------------
|
|
569
569
|
onChange: c,
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
570
|
+
onBlur: d,
|
|
571
|
+
onFocus: h,
|
|
572
|
+
onInputChange: m,
|
|
573
573
|
//----------------
|
|
574
|
-
className:
|
|
574
|
+
className: S = "",
|
|
575
575
|
style: x = {},
|
|
576
576
|
size: b = "small",
|
|
577
577
|
color: w = "primary",
|
|
@@ -580,19 +580,19 @@ const we = G.div`
|
|
|
580
580
|
fe((y, D) => $(y, D), t),
|
|
581
581
|
[c]
|
|
582
582
|
), $ = (y, D) => {
|
|
583
|
-
c && (c == null || c(y, D));
|
|
583
|
+
c && (c == null || c(y, D)), m == null || m(y, D);
|
|
584
584
|
}, O = (y, D) => {
|
|
585
585
|
T(D.event, y == null ? void 0 : y.floatValue);
|
|
586
586
|
}, j = () => n < 0 ? 0 : n > 17 ? 17 : n, k = (y) => {
|
|
587
|
-
F(!0),
|
|
587
|
+
F(!0), h == null || h(y);
|
|
588
588
|
}, A = (y) => {
|
|
589
|
-
F(!1),
|
|
589
|
+
F(!1), d == null || d(y);
|
|
590
590
|
};
|
|
591
591
|
return /* @__PURE__ */ ie(
|
|
592
592
|
we,
|
|
593
593
|
{
|
|
594
594
|
style: x,
|
|
595
|
-
className:
|
|
595
|
+
className: S,
|
|
596
596
|
theme: g,
|
|
597
597
|
color: w,
|
|
598
598
|
size: b,
|
|
@@ -602,7 +602,7 @@ const we = G.div`
|
|
|
602
602
|
disabled: u,
|
|
603
603
|
readOnly: e,
|
|
604
604
|
children: [
|
|
605
|
-
r && /* @__PURE__ */
|
|
605
|
+
r && /* @__PURE__ */ L(
|
|
606
606
|
Y,
|
|
607
607
|
{
|
|
608
608
|
theme: g,
|
|
@@ -612,7 +612,7 @@ const we = G.div`
|
|
|
612
612
|
children: r
|
|
613
613
|
}
|
|
614
614
|
),
|
|
615
|
-
/* @__PURE__ */
|
|
615
|
+
/* @__PURE__ */ L(
|
|
616
616
|
X,
|
|
617
617
|
{
|
|
618
618
|
getInputRef: f,
|
|
@@ -630,7 +630,7 @@ const we = G.div`
|
|
|
630
630
|
...P
|
|
631
631
|
}
|
|
632
632
|
),
|
|
633
|
-
o && /* @__PURE__ */
|
|
633
|
+
o && /* @__PURE__ */ L(
|
|
634
634
|
De,
|
|
635
635
|
{
|
|
636
636
|
theme: g,
|
|
@@ -645,43 +645,47 @@ const we = G.div`
|
|
|
645
645
|
);
|
|
646
646
|
});
|
|
647
647
|
Ce.propTypes = {
|
|
648
|
-
id:
|
|
649
|
-
value:
|
|
650
|
-
defaultValue:
|
|
651
|
-
disabled:
|
|
652
|
-
readOnly:
|
|
653
|
-
debounceTime:
|
|
648
|
+
id: v.string,
|
|
649
|
+
value: v.any,
|
|
650
|
+
defaultValue: v.any,
|
|
651
|
+
disabled: v.bool,
|
|
652
|
+
readOnly: v.bool,
|
|
653
|
+
debounceTime: v.number,
|
|
654
654
|
/**
|
|
655
655
|
* Reserved space before input. Intented to be used with plain text or `Icon` component.
|
|
656
656
|
*/
|
|
657
|
-
prefix:
|
|
657
|
+
prefix: v.oneOfType([v.string, v.element]),
|
|
658
658
|
/**
|
|
659
659
|
* Reserved space after input. Intented to be used with plain text or `Icon` component.
|
|
660
660
|
*/
|
|
661
|
-
suffix:
|
|
662
|
-
thousandSeparator:
|
|
663
|
-
decimalSeparator:
|
|
664
|
-
decimalScale:
|
|
665
|
-
fixedDecimalScale:
|
|
666
|
-
allowNegative:
|
|
661
|
+
suffix: v.oneOfType([v.string, v.element]),
|
|
662
|
+
thousandSeparator: v.oneOf([".", ",", " "]),
|
|
663
|
+
decimalSeparator: v.oneOf([".", ","]),
|
|
664
|
+
decimalScale: v.number,
|
|
665
|
+
fixedDecimalScale: v.bool,
|
|
666
|
+
allowNegative: v.bool,
|
|
667
667
|
//----------------
|
|
668
668
|
/**
|
|
669
669
|
* `(event, value) => void`
|
|
670
670
|
*/
|
|
671
|
-
onChange:
|
|
671
|
+
onChange: v.func,
|
|
672
|
+
/**
|
|
673
|
+
* `(event, value) => void`
|
|
674
|
+
*/
|
|
675
|
+
onInputChange: v.func,
|
|
672
676
|
/**
|
|
673
677
|
* `(event) => void`
|
|
674
678
|
*/
|
|
675
|
-
onBlur:
|
|
679
|
+
onBlur: v.func,
|
|
676
680
|
/**
|
|
677
681
|
* `(event) => void`
|
|
678
682
|
*/
|
|
679
|
-
onFocus:
|
|
683
|
+
onFocus: v.func,
|
|
680
684
|
//----------------
|
|
681
|
-
className:
|
|
682
|
-
style:
|
|
683
|
-
size:
|
|
684
|
-
color:
|
|
685
|
+
className: v.string,
|
|
686
|
+
style: v.object,
|
|
687
|
+
size: v.oneOf(["small", "medium", "large"]),
|
|
688
|
+
color: v.oneOf([
|
|
685
689
|
"primary",
|
|
686
690
|
"secondary",
|
|
687
691
|
"success",
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";const g=require("react/jsx-runtime"),o=require("./index-BIlhCoy2.cjs"),d=require("react"),C=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),s=require("./utils-DTAPpJXU.cjs"),H=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),J=C.newStyled.div`
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
|
|
5
|
+
min-height: ${e=>s.getSizeValueWithUnits(e.theme,e.size)};
|
|
6
|
+
max-height: ${e=>s.getSizeValueWithUnits(e.theme,e.size)};
|
|
7
|
+
background-color: ${e=>s.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
|
|
8
|
+
border: 1px solid
|
|
9
|
+
${e=>s.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","border")};
|
|
10
|
+
border-radius: ${e=>s.getBorderRadiusValueWithUnits(e.theme,"regular")};
|
|
11
|
+
|
|
12
|
+
${e=>e.focused===!0&&e.readOnly!==!0?s.getOutlineCss(e.theme):""}
|
|
13
|
+
${e=>e.isDisabled===!0?s.getDisabledStateCss(e.theme):""}
|
|
14
|
+
${e=>e.isDisabled===!0?"border: 1px solid "+s.getColorRgbaValue(e.theme,"Input",e.color,"disabled","border"):""}
|
|
15
|
+
|
|
16
|
+
& input {
|
|
17
|
+
background: none;
|
|
18
|
+
border: none;
|
|
19
|
+
outline: none;
|
|
20
|
+
padding-top: 0.625rem;
|
|
21
|
+
padding-bottom: 0.625rem;
|
|
22
|
+
width: 100%;
|
|
23
|
+
|
|
24
|
+
${e=>s.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
|
|
25
|
+
min-height: ${e=>s.getSizeValueWithUnits(e.theme,e.size)};
|
|
26
|
+
max-height: ${e=>s.getSizeValueWithUnits(e.theme,e.size)};
|
|
27
|
+
color: ${e=>s.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
|
|
28
|
+
caret-color: ${e=>s.getColorRgbaValue(e.theme,"Input",e.color,"enabled","caret")};
|
|
29
|
+
padding-right: ${e=>e.suffix?"0":"0.75rem"};
|
|
30
|
+
padding-left: ${e=>e.prefix?"0":"0.75rem"};
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
& input:disabled {
|
|
34
|
+
${e=>s.getDisabledStateCss(e.theme)}
|
|
35
|
+
background: none;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
& input:read-only {
|
|
39
|
+
cursor: default;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
& input::placeholder {
|
|
43
|
+
color: ${e=>s.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
|
|
44
|
+
}
|
|
45
|
+
`,R=C.newStyled.span`
|
|
46
|
+
padding: 0 12px;
|
|
47
|
+
color: ${e=>s.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
|
|
48
|
+
`,L=C.newStyled(R)``,k=d.forwardRef((e,O)=>{const{disabled:V,readOnly:j,prefix:h,suffix:y,decimalSeparator:c=",",decimalScale:a=2,allowNegative:D=!0,onKeyDown:S=()=>{},onBlur:m=()=>{},onFocus:f=()=>{},onChange:q=()=>{},value:b,className:W="",style:U={},size:v="small",color:T="primary",onInputChange:B=()=>{},...K}=e,x=H.useTheme(),[P,z]=d.useState(!1),I=r=>{var n,u;if(!isNaN(+r)){const i=(n=r==null?void 0:r.toString())==null?void 0:n.split(".");if(!(i!=null&&i.length)>0)return"0"+c+new Array(a+1).join("0");if((i==null?void 0:i.length)===1)return i.at(0)+c+new Array(a+1).join("0");if((i==null?void 0:i.length)>1){let t=(u=i==null?void 0:i.at(1))==null?void 0:u.toString();if((t==null?void 0:t.length)===a)return i.at(0)+c+t;if((t==null?void 0:t.length)<a)return i.at(0)+c+i.at(1)+new Array(a-t.length+1).join("0");if((t==null?void 0:t.length)>a)return i.at(0)+c+t.slice(0,a)}}return"0"+c+new Array(a+1).join("0")},N=I(b),[_,p]=d.useState(N),l=d.useRef(N);d.useEffect(()=>{const r=I(b);l.current=r,p(l.current)},[b]);const F=r=>{z(!0),f==null||f(r)},E=r=>{z(!1),m==null||m(r)},G=r=>{var u,i;let n=(u=l.current)==null?void 0:u.replace(c,"");if(r.key==="Delete"||r.key==="Backspace"){if(+n!=0){n=n.slice(0,(n==null?void 0:n.length)-1);let t=n.slice(0,(n==null?void 0:n.length)-a),w=n.slice((n==null?void 0:n.length)-a);(t==null?void 0:t.length)===0?t="0":t==="-"&&+n!=0?t="-0":t==="-"&&+n==0&&(t="0");let $=[t,c,w].join("");l.current=$,p(l.current)}}else if(r.key==="-"&&D===!0&&+n!=0)((i=l==null?void 0:l.current)==null?void 0:i.slice(1))==="-"?l.current=l.current.slice(1,l.current.length):l.current="-"+l.current,p(l.current);else if(!isNaN(r.key)){n=n+r.key;let t=n.slice(0,(n==null?void 0:n.length)-a),w=n.slice((n==null?void 0:n.length)-a);(t==null?void 0:t.length)>1&&(t=t.replace(/^0+/,""),(t==null?void 0:t.length)===0&&(t="0"));let $=[t,c,w].join("");l.current=$,p(l.current)}S(r)};return g.jsxs(J,{style:U,className:W,theme:x,color:T,size:v,prefix:h,suffix:y,focused:P,disabled:V,readOnly:j,children:[h&&g.jsx(R,{theme:x,color:T,focused:P,className:"lnc-input-prefix",children:h}),g.jsx("input",{ref:O,type:"text",...K,onKeyDown:G,onBlur:E,value:_,className:"lnc-ui-decimal-v2-input",onFocus:F,disabled:V||j,onChange:r=>{B(r),q(r)}}),y&&g.jsx(L,{theme:x,color:T,focused:P,className:"lnc-input-suffix",children:y})]})});k.propTypes={id:o.PropTypes.string,value:o.PropTypes.any,defaultValue:o.PropTypes.any,disabled:o.PropTypes.bool,readOnly:o.PropTypes.bool,debounceTime:o.PropTypes.number,prefix:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),suffix:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),thousandSeparator:o.PropTypes.oneOf([".",","," "]),decimalSeparator:o.PropTypes.oneOf([".",","]),decimalScale:o.PropTypes.number,fixedDecimalScale:o.PropTypes.bool,allowNegative:o.PropTypes.bool,onChange:o.PropTypes.func,onInputChange:o.PropTypes.func,onBlur:o.PropTypes.func,onFocus:o.PropTypes.func,onKeyDown:o.PropTypes.func,className:o.PropTypes.string,style:o.PropTypes.object,size:o.PropTypes.oneOf(["small","medium","large"]),color:o.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=k;
|