@corva/ui 3.48.0-1 → 3.48.0-3
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),t=require("react"),r=require("react/jsx-runtime"),n=require("classnames"),i=require("lodash"),s=require("../Tooltip/Tooltip.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),t=require("react"),r=require("react/jsx-runtime"),n=require("classnames"),i=require("lodash"),s=require("../Tooltip/Tooltip.js"),a=require("./TextMiddleTruncated.constants.js"),u=require("./TextMiddleTruncated.scss.js"),c=require("../../utils/formatting.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=d(n),o=function(e){var n,d=e.children,o=void 0===d?"":d,f=e.testId,v=e.className,h=e.disableTooltip,T=e.maxLines,x=void 0===T?1:T,m=String(o),j=t.useRef(null),b=t.useRef(null),p=t.useRef(null),q=t.useState(m),M=q[0],g=q[1],I=t.useState(),N=I[0],_=I[1],y=x>1;t.useLayoutEffect((function(){var e=function(){var e;if(j.current&&b.current){var t=j.current.clientWidth,r=b.current,n=r.scrollWidth,i=r.textContent,s=null!=i?i:"";if(t&&n&&s.length)if(y){var a=n/s.length,u=Math.max(1,Math.floor(t/a));if(s.length<=u*x)return _(void 0),void g(s);for(var d=x-1,l=d-1,o=u*(d-1)+(u-2),f=u,v=s.slice(0,o),h=s.slice(s.length-f),T=[],m=0;m<d;m+=1){var q=m*u,M=m===l,I=M?u-3:u,N=v.slice(q,q+I);N&&T.push(M?"".concat(N," ..."):N)}T.push(h),_(T),g(T.join("\n"))}else{if(t===(null===(e=p.current)||void 0===e?void 0:e.clientWidth))return;_(void 0),g(c.truncateInTheMiddle(s,t,n))}}};e();var t=i.debounce((function(){return requestAnimationFrame(e)}),200,{leading:!0}),r=new ResizeObserver(t),n=new MutationObserver(t);return j.current&&b.current&&(r.observe(j.current),r.observe(b.current),n.observe(b.current,{subtree:!0,characterData:!0})),function(){r.disconnect(),n.disconnect(),t.cancel()}}),[y,x,m]);var L=!!N||M!==m;return r.jsx(s.Tooltip,{title:m,disabled:h||!L,children:r.jsxs("div",{className:l.default(u.root,v,(n={},n[u.multiLine]=y,n)),ref:j,"data-testid":f,children:[r.jsx("div",{className:u.inner,ref:p,"data-testid":a.TextMiddleTruncatedTestIds.TruncatedTextTestId,children:N?r.jsx(r.Fragment,{children:N.map((function(e,t){return r.jsx("div",{className:u.line,children:e},t)}))}):M}),r.jsx("div",{className:u.hiddenElement,ref:b,"data-testid":a.TextMiddleTruncatedTestIds.FullTextTestId,children:m})]})})};exports.TextMiddleTruncated=function(r){return t.createElement(o,e.__assign({},r,{key:"".concat(r.children,"-").concat(r.maxLines)}))};
|
|
2
2
|
//# sourceMappingURL=TextMiddleTruncated.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),t=require("@material-ui/core"),i=require("react"),s=require("classnames"),o=require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),l=require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),n=require("../Text/Text.js"),a=require("./DcTooltip.js"),c=require("./Tooltip.scss.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(s);exports.Tooltip=function(s){var d=s.children,p=s.disabled,v=s.title,D=s.interactive,m=void 0!==D&&D,h=s.className,y=s.enterDelay,T=void 0===y?100:y,x=s.leaveDelay,j=void 0===x?0:x,I=s.enterTouchDelay,f=void 0===I?700:I,q=s.leaveTouchDelay,b=void 0===q?1500:q,N=s.enterNextDelay,C=void 0===N?0:N,P=s.description,_=s.anchorEl,E=e.__rest(s,["children","disabled","title","interactive","className","enterDelay","leaveDelay","enterTouchDelay","leaveTouchDelay","enterNextDelay","description","anchorEl"]),A=o.useIsInsideIsolatedDcApp(),F=l.useIsInsideDcFullscreenElem(),g=A&&!F?a.DcTooltip:t.Tooltip,L=p||!v&&!P?"":r.jsxs("div",{className:c.content,children:[v&&r.jsx(n.Text,{size:12,className:c.title,tagName:"div",children:v}),P&&r.jsx(n.Text,{size:12,color:"T6",tagName:"div",children:P})]}),M={disableFocusListener:p,disableHoverListener:p,disableTouchListener:p},z=i.useMemo((function(){return{popper:u.default(c.root,h),tooltip:u.default(c.tooltip,P&&c.withDescription)}}),[h,P]),w=i.useMemo((function(){return{anchorEl:_}}),[_]);return r.jsx(g,e.__assign({title:L,interactive:m,classes:z,enterDelay:T,leaveDelay:j,enterTouchDelay:f,leaveTouchDelay:b,enterNextDelay:C,PopperProps:w},M,E,{children:d}))};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),t=require("@material-ui/core"),i=require("react"),s=require("classnames"),o=require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),l=require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),n=require("../Text/Text.js"),a=require("./DcTooltip.js"),c=require("./Tooltip.scss.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(s);exports.Tooltip=function(s){var d=s.children,p=s.disabled,v=s.title,D=s.interactive,m=void 0!==D&&D,h=s.className,y=s.enterDelay,T=void 0===y?100:y,x=s.leaveDelay,j=void 0===x?0:x,I=s.enterTouchDelay,f=void 0===I?700:I,q=s.leaveTouchDelay,b=void 0===q?1500:q,N=s.enterNextDelay,C=void 0===N?0:N,P=s.description,_=s.anchorEl,E=e.__rest(s,["children","disabled","title","interactive","className","enterDelay","leaveDelay","enterTouchDelay","leaveTouchDelay","enterNextDelay","description","anchorEl"]),A=o.useIsInsideIsolatedDcApp(),F=l.useIsInsideDcFullscreenElem(),g=A&&!F?a.DcTooltip:t.Tooltip,L=p||!v&&!P?"":r.jsxs("div",{className:c.content,children:[v&&r.jsx(n.Text,{size:12,className:c.title,tagName:"div",children:v}),P&&r.jsx(n.Text,{size:12,color:"T6",tagName:"div",children:P})]}),M={disableFocusListener:p,disableHoverListener:p,disableTouchListener:p},z=i.useMemo((function(){return{popper:u.default(c.root,h),tooltip:u.default(c.tooltip,P&&c.withDescription)}}),[h,P]),w=i.useMemo((function(){return _?{anchorEl:_}:void 0}),[_]);return r.jsx(g,e.__assign({title:L,interactive:m,classes:z,enterDelay:T,leaveDelay:j,enterTouchDelay:f,leaveTouchDelay:b,enterNextDelay:C,PopperProps:w},M,E,{children:d}))};
|
|
2
2
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{createElement as t,useRef as r,useState as n,useLayoutEffect as i}from"react";import{jsx as
|
|
1
|
+
import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{createElement as t,useRef as r,useState as n,useLayoutEffect as i}from"react";import{jsx as o,jsxs as c,Fragment as l}from"react/jsx-runtime";import s from"classnames";import{debounce as a}from"lodash";import{Tooltip as d}from"../Tooltip/Tooltip.js";import{TextMiddleTruncatedTestIds as u}from"./TextMiddleTruncated.constants.js";import m from"./TextMiddleTruncated.scss.js";import{truncateInTheMiddle as f}from"../../utils/formatting.js";var v=function(e){var t,v=e.children,h=void 0===v?"":v,p=e.testId,T=e.className,b=e.disableTooltip,x=e.maxLines,g=void 0===x?1:x,j=String(h),M=r(null),N=r(null),I=r(null),L=n(j),W=L[0],w=L[1],F=n(),O=F[0],k=F[1],q=g>1;return i((function(){var e=function(){var e;if(M.current&&N.current){var t=M.current.clientWidth,r=N.current,n=r.scrollWidth,i=r.textContent,o=null!=i?i:"";if(t&&n&&o.length)if(q){var c=n/o.length,l=Math.max(1,Math.floor(t/c));if(o.length<=l*g)return k(void 0),void w(o);for(var s=g-1,a=s-1,d=l*(s-1)+(l-2),u=l,m=o.slice(0,d),v=o.slice(o.length-u),h=[],p=0;p<s;p+=1){var T=p*l,b=p===a,x=b?l-3:l,j=m.slice(T,T+x);j&&h.push(b?"".concat(j," ..."):j)}h.push(v),k(h),w(h.join("\n"))}else{if(t===(null===(e=I.current)||void 0===e?void 0:e.clientWidth))return;k(void 0),w(f(o,t,n))}}};e();var t=a((function(){return requestAnimationFrame(e)}),200,{leading:!0}),r=new ResizeObserver(t),n=new MutationObserver(t);return M.current&&N.current&&(r.observe(M.current),r.observe(N.current),n.observe(N.current,{subtree:!0,characterData:!0})),function(){r.disconnect(),n.disconnect(),t.cancel()}}),[q,g,j]),o(d,{title:j,disabled:b||!(!!O||W!==j),children:c("div",{className:s(m.root,T,(t={},t[m.multiLine]=q,t)),ref:M,"data-testid":p,children:[o("div",{className:m.inner,ref:I,"data-testid":u.TruncatedTextTestId,children:O?o(l,{children:O.map((function(e,t){return o("div",{className:m.line,children:e},t)}))}):W}),o("div",{className:m.hiddenElement,ref:N,"data-testid":u.FullTextTestId,children:j})]})})},h=function(r){return t(v,e({},r,{key:"".concat(r.children,"-").concat(r.maxLines)}))};export{h as TextMiddleTruncated};
|
|
2
2
|
//# sourceMappingURL=TextMiddleTruncated.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as r,jsx as t}from"react/jsx-runtime";import{Tooltip as i}from"@material-ui/core";import{useMemo as l}from"react";import n from"classnames";import{useIsInsideIsolatedDcApp as a}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{useIsInsideDcFullscreenElem as s}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{Text as c}from"../Text/Text.js";import{DcTooltip as
|
|
1
|
+
import{__rest as e,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as r,jsx as t}from"react/jsx-runtime";import{Tooltip as i}from"@material-ui/core";import{useMemo as l}from"react";import n from"classnames";import{useIsInsideIsolatedDcApp as a}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{useIsInsideDcFullscreenElem as s}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{Text as c}from"../Text/Text.js";import{DcTooltip as d}from"./DcTooltip.js";import p from"./Tooltip.scss.js";var m=function(m){var v=m.children,D=m.disabled,u=m.title,h=m.interactive,y=void 0!==h&&h,f=m.className,T=m.enterDelay,N=void 0===T?100:T,I=m.leaveDelay,b=void 0===I?0:I,j=m.enterTouchDelay,x=void 0===j?700:j,C=m.leaveTouchDelay,P=void 0===C?1500:C,E=m.enterNextDelay,A=void 0===E?0:E,F=m.description,L=m.anchorEl,g=e(m,["children","disabled","title","interactive","className","enterDelay","leaveDelay","enterTouchDelay","leaveTouchDelay","enterNextDelay","description","anchorEl"]),z=a(),w=s(),H=z&&!w?d:i,_=D||!u&&!F?"":r("div",{className:p.content,children:[u&&t(c,{size:12,className:p.title,tagName:"div",children:u}),F&&t(c,{size:12,color:"T6",tagName:"div",children:F})]}),k={disableFocusListener:D,disableHoverListener:D,disableTouchListener:D},q=l((function(){return{popper:n(p.root,f),tooltip:n(p.tooltip,F&&p.withDescription)}}),[f,F]),B=l((function(){return L?{anchorEl:L}:void 0}),[L]);return t(H,o({title:_,interactive:y,classes:q,enterDelay:N,leaveDelay:b,enterTouchDelay:x,leaveTouchDelay:P,enterNextDelay:A,PopperProps:B},k,g,{children:v}))};export{m as Tooltip};
|
|
2
2
|
//# sourceMappingURL=Tooltip.js.map
|