@corva/ui 3.43.0-3 → 3.43.0-4

package/cjs-bundle/componentsV2/TextMiddleTruncated/TextMiddleTruncated.js

@@ -1,2 +1,2 @@
-"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"),u=require("./TextMiddleTruncated.constants.js"),d=require("./TextMiddleTruncated.scss.js"),c=require("../../utils/formatting.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(n),o=function(e){var n=e.children,l=void 0===n?"":n,o=e.testId,f=e.className,T=e.disableTooltip,v=String(l),x=t.useRef(null),b=t.useRef(null),h=t.useRef(null),j=t.useState(v),m=j[0],q=j[1];return t.useLayoutEffect((function(){var e=function(){var e;if(x.current&&b.current){var t=x.current.clientWidth,r=b.current,n=r.scrollWidth,i=r.textContent;if(t===(null===(e=h.current)||void 0===e?void 0:e.clientWidth))return;q(c.truncateInTheMiddle(null!=i?i:"",t,n))}},t=i.debounce((function(){requestAnimationFrame(e)}),200,{leading:!0}),r=new ResizeObserver(t),n=new MutationObserver(t);return x.current&&b.current&&(r.observe(x.current),r.observe(b.current),n.observe(b.current,{subtree:!0,characterData:!0})),function(){r.disconnect(),n.disconnect(),t.cancel()}}),[]),r.jsx(s.Tooltip,{title:v,disabled:T||m===v,children:r.jsxs("div",{className:a.default(d.root,f),ref:x,"data-testid":o,children:[r.jsx("div",{className:d.inner,ref:h,"data-testid":u.TextMiddleTruncatedTestIds.TruncatedTextTestId,children:m}),r.jsx("div",{className:d.hiddenElement,ref:b,"data-testid":u.TextMiddleTruncatedTestIds.FullTextTestId,children:v})]})})};exports.TextMiddleTruncated=function(r){return t.createElement(o,e.__assign({},r,{key:r.children}))};
+"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"),l=require("./TextMiddleTruncated.constants.js"),u=require("./TextMiddleTruncated.scss.js"),a=require("../../utils/formatting.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(n),o=function(e){var n,c=e.children,o=void 0===c?"":c,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(null),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 l=n/s.length,u=Math.max(1,Math.floor(t/l));if(s.length<=u*x)return _(null),void g(s);for(var c=x-1,d=c-1,o=u*(c-1)+(u-2),f=u,v=s.slice(0,o),h=s.slice(s.length-f),T=[],m=0;m<c;m+=1){var q=m*u,M=m===d,I=M?u-2: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;_(null),g(a.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=null!==N||M!==m;return r.jsx(s.Tooltip,{title:m,disabled:h||!L,children:r.jsxs("div",{className:d.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":l.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":l.TextMiddleTruncatedTestIds.FullTextTestId,children:m})]})})};exports.TextMiddleTruncated=function(r){return t.createElement(o,e.__assign({},r,{key:"".concat(r.children,"-").concat(r.maxLines)}))};
 //# sourceMappingURL=TextMiddleTruncated.js.map

package/cjs-bundle/componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js

@@ -1,2 +1,2 @@
-"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".TextMiddleTruncated_root__sMHwy{overflow:hidden;white-space:nowrap}.TextMiddleTruncated_inner__sWwZy{display:inline-block;vertical-align:top}.TextMiddleTruncated_hiddenElement__JW0Og{height:0;overflow:hidden;pointer-events:none;position:absolute;visibility:hidden;width:0}"),module.exports={root:"TextMiddleTruncated_root__sMHwy",inner:"TextMiddleTruncated_inner__sWwZy",hiddenElement:"TextMiddleTruncated_hiddenElement__JW0Og"};
+"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".TextMiddleTruncated_root__sMHwy{overflow:hidden;white-space:nowrap}.TextMiddleTruncated_root__sMHwy.TextMiddleTruncated_multiLine__ECbYi{white-space:normal}.TextMiddleTruncated_inner__sWwZy{display:inline-block;vertical-align:top}.TextMiddleTruncated_multiLine__ECbYi .TextMiddleTruncated_inner__sWwZy{display:block}.TextMiddleTruncated_line__OF0LA{overflow:hidden;text-overflow:clip;white-space:nowrap}.TextMiddleTruncated_hiddenElement__JW0Og{left:-9999px;pointer-events:none;position:absolute;top:-9999px;visibility:hidden;white-space:nowrap}"),module.exports={root:"TextMiddleTruncated_root__sMHwy",multiLine:"TextMiddleTruncated_multiLine__ECbYi",inner:"TextMiddleTruncated_inner__sWwZy",line:"TextMiddleTruncated_line__OF0LA",hiddenElement:"TextMiddleTruncated_hiddenElement__JW0Og"};
 //# sourceMappingURL=TextMiddleTruncated.scss.js.map

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.d.ts

@@ -4,6 +4,13 @@ export type TextMiddleTruncatedProps = {
      */
     children?: string | number;
     disableTooltip?: boolean;
+    /**
+     * Maximum number of lines to display.
+     * When maxLines > 1, the second-to-last line ends with "..." and the last line shows the end of text.
+     * e.g., maxLines=4: line1, line2, line3..., line4
+     * @default 1
+     */
+    maxLines?: number;
     className?: string;
     testId?: string;
 };

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextMiddleTruncated.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextMiddleTruncated/TextMiddleTruncated.tsx"],"names":[],"mappings":"AAYA,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA6FF,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,gBAKlE,CAAC"}
+{"version":3,"file":"TextMiddleTruncated.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextMiddleTruncated/TextMiddleTruncated.tsx"],"names":[],"mappings":"AAYA,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA6IF,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,gBAElE,CAAC"}

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.js

@@ -1,2 +1,2 @@
-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 s}from"react/jsx-runtime";import c from"classnames";import{debounce as l}from"lodash";import{Tooltip as d}from"../Tooltip/Tooltip.js";import{TextMiddleTruncatedTestIds as a}from"./TextMiddleTruncated.constants.js";import u from"./TextMiddleTruncated.scss.js";import{truncateInTheMiddle as m}from"../../utils/formatting.js";var f=function(e){var t=e.children,f=void 0===t?"":t,v=e.testId,p=e.className,h=e.disableTooltip,T=String(f),b=r(null),x=r(null),j=r(null),N=n(T),g=N[0],I=N[1];return i((function(){var e=function(){var e;if(b.current&&x.current){var t=b.current.clientWidth,r=x.current,n=r.scrollWidth,i=r.textContent;if(t===(null===(e=j.current)||void 0===e?void 0:e.clientWidth))return;I(m(null!=i?i:"",t,n))}},t=l((function(){requestAnimationFrame(e)}),200,{leading:!0}),r=new ResizeObserver(t),n=new MutationObserver(t);return b.current&&x.current&&(r.observe(b.current),r.observe(x.current),n.observe(x.current,{subtree:!0,characterData:!0})),function(){r.disconnect(),n.disconnect(),t.cancel()}}),[]),o(d,{title:T,disabled:h||g===T,children:s("div",{className:c(u.root,p),ref:b,"data-testid":v,children:[o("div",{className:u.inner,ref:j,"data-testid":a.TruncatedTextTestId,children:g}),o("div",{className:u.hiddenElement,ref:x,"data-testid":a.FullTextTestId,children:T})]})})},v=function(r){return t(f,e({},r,{key:r.children}))};export{v as TextMiddleTruncated};
+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 l,jsxs as o,Fragment as c}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(null),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,l=null!=i?i:"";if(t&&n&&l.length)if(q){var o=n/l.length,c=Math.max(1,Math.floor(t/o));if(l.length<=c*g)return k(null),void w(l);for(var s=g-1,a=s-1,d=c*(s-1)+(c-2),u=c,m=l.slice(0,d),v=l.slice(l.length-u),h=[],p=0;p<s;p+=1){var T=p*c,b=p===a,x=b?c-2:c,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(null),w(f(l,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]),l(d,{title:j,disabled:b||!(null!==O||W!==j),children:o("div",{className:s(m.root,T,(t={},t[m.multiLine]=q,t)),ref:M,"data-testid":p,children:[l("div",{className:m.inner,ref:I,"data-testid":u.TruncatedTextTestId,children:O?l(c,{children:O.map((function(e,t){return l("div",{className:m.line,children:e},t)}))}):W}),l("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};
 //# sourceMappingURL=TextMiddleTruncated.js.map

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js

@@ -1,2 +1,2 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var d={root:"TextMiddleTruncated_root__sMHwy",inner:"TextMiddleTruncated_inner__sWwZy",hiddenElement:"TextMiddleTruncated_hiddenElement__JW0Og"};e(".TextMiddleTruncated_root__sMHwy{overflow:hidden;white-space:nowrap}.TextMiddleTruncated_inner__sWwZy{display:inline-block;vertical-align:top}.TextMiddleTruncated_hiddenElement__JW0Og{height:0;overflow:hidden;pointer-events:none;position:absolute;visibility:hidden;width:0}");export{d as default};
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={root:"TextMiddleTruncated_root__sMHwy",multiLine:"TextMiddleTruncated_multiLine__ECbYi",inner:"TextMiddleTruncated_inner__sWwZy",line:"TextMiddleTruncated_line__OF0LA",hiddenElement:"TextMiddleTruncated_hiddenElement__JW0Og"};e(".TextMiddleTruncated_root__sMHwy{overflow:hidden;white-space:nowrap}.TextMiddleTruncated_root__sMHwy.TextMiddleTruncated_multiLine__ECbYi{white-space:normal}.TextMiddleTruncated_inner__sWwZy{display:inline-block;vertical-align:top}.TextMiddleTruncated_multiLine__ECbYi .TextMiddleTruncated_inner__sWwZy{display:block}.TextMiddleTruncated_line__OF0LA{overflow:hidden;text-overflow:clip;white-space:nowrap}.TextMiddleTruncated_hiddenElement__JW0Og{left:-9999px;pointer-events:none;position:absolute;top:-9999px;visibility:hidden;white-space:nowrap}");export{t as default};
 //# sourceMappingURL=TextMiddleTruncated.scss.js.map

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.stories.d.ts

@@ -6,4 +6,5 @@ declare const meta: Meta<Props>;
 export default meta;
 export declare const Default: (props: Props) => JSX.Element;
 export declare const DynamicTooltips: () => JSX.Element;
+export declare const MaxLinesMode: () => JSX.Element;
 //# sourceMappingURL=TextMiddleTruncated.stories.d.ts.map

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextMiddleTruncated.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextMiddleTruncated/TextMiddleTruncated.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAExD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AA2BF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,gBAMnC,CAAC;AAEF,eAAO,MAAM,eAAe,mBAoB3B,CAAC"}
+{"version":3,"file":"TextMiddleTruncated.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextMiddleTruncated/TextMiddleTruncated.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAExD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AA6BF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,gBAMnC,CAAC;AAEF,eAAO,MAAM,eAAe,mBAmB3B,CAAC;AAWF,eAAO,MAAM,YAAY,mBA+CxB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "3.43.0-3",
+  "version": "3.43.0-4",
   "license": "SEE LICENSE IN LICENSE",
   "description": "Shared components/utils for Corva ui projects",
   "keywords": [