@lanaco/lnc-react-ui 4.0.13 → 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 +20 -20
- package/dist/DecimalInput.js +156 -152
- 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,23 +1,23 @@
|
|
|
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
|
|
|
11
|
-
min-height: ${a=>
|
|
12
|
-
max-height: ${a=>
|
|
13
|
-
background-color: ${a=>
|
|
11
|
+
min-height: ${a=>b.getSizeValueWithUnits(a.theme,a.size)};
|
|
12
|
+
max-height: ${a=>b.getSizeValueWithUnits(a.theme,a.size)};
|
|
13
|
+
background-color: ${a=>b.getColorRgbaValue(a.theme,"Input",a.color,"enabled","background")};
|
|
14
14
|
border: 1px solid
|
|
15
|
-
${a=>
|
|
16
|
-
border-radius: ${a=>
|
|
15
|
+
${a=>b.getColorRgbaValue(a.theme,"Input",a.focused===!0?"primary":a.color,"enabled","border")};
|
|
16
|
+
border-radius: ${a=>b.getBorderRadiusValueWithUnits(a.theme,"regular")};
|
|
17
17
|
|
|
18
|
-
${a=>a.focused===!0&&a.readOnly!==!0?
|
|
19
|
-
${a=>a.isDisabled===!0?
|
|
20
|
-
${a=>a.isDisabled===!0?"border: 1px solid "+
|
|
18
|
+
${a=>a.focused===!0&&a.readOnly!==!0?b.getOutlineCss(a.theme):""}
|
|
19
|
+
${a=>a.isDisabled===!0?b.getDisabledStateCss(a.theme):""}
|
|
20
|
+
${a=>a.isDisabled===!0?"border: 1px solid "+b.getColorRgbaValue(a.theme,"Input",a.color,"disabled","border"):""}
|
|
21
21
|
|
|
22
22
|
& input {
|
|
23
23
|
background: none;
|
|
@@ -27,17 +27,17 @@
|
|
|
27
27
|
padding-bottom: 0.625rem;
|
|
28
28
|
width: 100%;
|
|
29
29
|
|
|
30
|
-
${a=>
|
|
31
|
-
min-height: ${a=>
|
|
32
|
-
max-height: ${a=>
|
|
33
|
-
color: ${a=>
|
|
34
|
-
caret-color: ${a=>
|
|
30
|
+
${a=>b.getComponentTypographyCss(a.theme,"Input",a.size,"enabled")}
|
|
31
|
+
min-height: ${a=>b.getSizeValueWithUnits(a.theme,a.size)};
|
|
32
|
+
max-height: ${a=>b.getSizeValueWithUnits(a.theme,a.size)};
|
|
33
|
+
color: ${a=>b.getColorRgbaValue(a.theme,"Input",a.focused===!0?"primary":a.color,"enabled","text")};
|
|
34
|
+
caret-color: ${a=>b.getColorRgbaValue(a.theme,"Input",a.color,"enabled","caret")};
|
|
35
35
|
padding-right: ${a=>a.suffix?"0":"0.75rem"};
|
|
36
36
|
padding-left: ${a=>a.prefix?"0":"0.75rem"};
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
& input:disabled {
|
|
40
|
-
${a=>
|
|
40
|
+
${a=>b.getDisabledStateCss(a.theme)}
|
|
41
41
|
background: none;
|
|
42
42
|
}
|
|
43
43
|
|
|
@@ -46,9 +46,9 @@
|
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
& input::placeholder {
|
|
49
|
-
color: ${a=>
|
|
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
|
-
color: ${a=>
|
|
54
|
-
`,ge=
|
|
53
|
+
color: ${a=>b.getColorRgbaValue(a.theme,"Input",a.focused===!0?"primary":a.color,"enabled","prefix")};
|
|
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;
|