@corva/ui 0.75.0-12-devc-458 → 0.75.0-13

package/components/MiddleTruncatedText/MiddleTruncatedText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MiddleTruncatedText.d.ts","sourceRoot":"","sources":["../../../src/components/MiddleTruncatedText/MiddleTruncatedText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,EAAE,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAe3F,aAAK,KAAK,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,GAAG;IAC/E,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CAgFzC,CAAC"}
+{"version":3,"file":"MiddleTruncatedText.d.ts","sourceRoot":"","sources":["../../../src/components/MiddleTruncatedText/MiddleTruncatedText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,EAAE,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAgB3F,aAAK,KAAK,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,GAAG;IAC/E,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CAkFzC,CAAC"}

package/components/MiddleTruncatedText/MiddleTruncatedText.js

@@ -1 +1 @@
-import{__rest as t,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{useRef as n,useState as o,useEffect as i}from"react";import{makeStyles as c,Tooltip as u}from"@material-ui/core";import l from"classnames";import{truncateInTheMiddle as s}from"../../utils/formatting.js";var a=c({root:{opacity:0,overflow:"visible",whiteSpace:"nowrap",textOverflow:"ellipsis"}}),d=function(c){var d=c.children,m=c.className,v=c.showTooltip,p=void 0===v||v,f=c.customTooltipTitle,h=void 0===f?"":f,T=t(c,["children","className","showTooltip","customTooltipTitle"]),g=n(),w=n(),b=n(),y=o({isTruncated:!1,content:d}),S=y[0],x=y[1],j=n(0),M=n(0),N=a();i((function(){g.current&&w.current&&d&&(b.current&&b.current.unobserve(g.current),b.current=new ResizeObserver((function(t){var r,e,n,o=t[0].contentRect.width,i=null===(r=w.current)||void 0===r?void 0:r.getBoundingClientRect().width,c=null===(e=w.current)||void 0===e?void 0:e.innerHTML;j.current=Math.max(i,j.current);var u=M.current<o,l=Math.abs(o-j.current)<=2;if(t[0].target.scrollWidth<=t[0].target.clientWidth&&!u||l)(null===(n=g.current)||void 0===n?void 0:n.style)&&(g.current.style.opacity="1");else{var a=s(d.toString(),o,j.current);o&&j.current&&j.current!==o&&(a!==c&&x({content:a,isTruncated:d.toString()!==a}),d.toString()===a&&x({content:d.toString(),isTruncated:!1}),M.current=o),g.current.style.opacity="1"}})),b.current.observe(g.current))}),[S.content,d,g.current,w.current]);var R=e("div",r({className:l(N.root,m),ref:g},T,{children:e("span",r({ref:w},{children:S.content}))}));return p&&S.isTruncated?e(u,r({title:h||d},{children:R})):R};export{d as MiddleTruncatedText};
+import{__rest as t,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{useRef as n,useState as o,useEffect as i}from"react";import{debounce as c}from"lodash";import{makeStyles as u,Tooltip as l}from"@material-ui/core";import s from"classnames";import{truncateInTheMiddle as a}from"../../utils/formatting.js";var d=u({root:{opacity:0,overflow:"visible",whiteSpace:"nowrap",textOverflow:"ellipsis"}}),m=function(u){var m=u.children,v=u.className,p=u.showTooltip,f=void 0===p||p,h=u.customTooltipTitle,T=void 0===h?"":h,g=t(u,["children","className","showTooltip","customTooltipTitle"]),w=n(),b=n(),y=n(),S=o({isTruncated:!1,content:m}),x=S[0],j=S[1],M=n(0),N=n(0),R=d();i((function(){w.current&&b.current&&m&&(y.current&&y.current.unobserve(w.current),y.current=new ResizeObserver(c((function(t){var r,e,n,o=t[0].contentRect.width,i=null===(r=b.current)||void 0===r?void 0:r.getBoundingClientRect().width,c=null===(e=b.current)||void 0===e?void 0:e.innerHTML;M.current=Math.max(i,M.current);var u=N.current<o,l=Math.abs(o-M.current)<=2;if(t[0].target.scrollWidth<=t[0].target.clientWidth&&!u||l)(null===(n=w.current)||void 0===n?void 0:n.style)&&(w.current.style.opacity="1");else{var s=a(m.toString(),o,M.current);o&&M.current&&M.current!==o&&(s!==c&&j({content:s,isTruncated:m.toString()!==s}),m.toString()===s&&j({content:m.toString(),isTruncated:!1}),N.current=o),w.current.style.opacity="1"}}))),y.current.observe(w.current))}),[x.content,m,w.current,b.current]);var O=e("div",r({className:s(R.root,v),ref:w},g,{children:e("span",r({ref:b},{children:x.content}))}));return f&&x.isTruncated?e(l,r({title:T||m},{children:O})):O};export{m as MiddleTruncatedText};