@patternfly/react-core 5.4.0-prerelease.8 → 5.4.0-prerelease.9

package/dist/js/components/Truncate/Truncate.js

@@ -6,6 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const truncate_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Truncate/truncate"));
 const react_styles_1 = require("@patternfly/react-styles");
 const Tooltip_1 = require("../Tooltip");
+const resizeObserver_1 = require("../../helpers/resizeObserver");
 var TruncatePosition;
 (function (TruncatePosition) {
     TruncatePosition["start"] = "start";
@@ -20,18 +21,59 @@ const minWidthCharacters = 12;
 const sliceContent = (str, slice) => [str.slice(0, str.length - slice), str.slice(-slice)];
 const Truncate = (_a) => {
     var { className, position = 'end', tooltipPosition = 'top', trailingNumChars = 7, content } = _a, props = tslib_1.__rest(_a, ["className", "position", "tooltipPosition", "trailingNumChars", "content"]);
-    return (React.createElement(Tooltip_1.Tooltip, { position: tooltipPosition, content: content },
-        React.createElement("span", Object.assign({ className: (0, react_styles_1.css)(truncate_1.default.truncate, className) }, props),
-            (position === TruncatePosition.end || position === TruncatePosition.start) && (React.createElement("span", { className: truncateStyles[position] },
-                content,
-                position === TruncatePosition.start && React.createElement(React.Fragment, null, "\u200E"))),
-            position === TruncatePosition.middle &&
-                content.slice(0, content.length - trailingNumChars).length > minWidthCharacters && (React.createElement(React.Fragment, null,
-                React.createElement("span", { className: truncate_1.default.truncateStart }, sliceContent(content, trailingNumChars)[0]),
-                React.createElement("span", { className: truncate_1.default.truncateEnd }, sliceContent(content, trailingNumChars)[1]))),
-            position === TruncatePosition.middle &&
-                content.slice(0, content.length - trailingNumChars).length <= minWidthCharacters &&
-                content)));
+    const [isTruncated, setIsTruncated] = React.useState(true);
+    const [parentElement, setParentElement] = React.useState(null);
+    const [textElement, setTextElement] = React.useState(null);
+    const textRef = React.useRef(null);
+    const subParentRef = React.useRef(null);
+    const observer = React.useRef(null);
+    const getActualWidth = (element) => {
+        const computedStyle = getComputedStyle(element);
+        return (parseFloat(computedStyle.width) -
+            parseFloat(computedStyle.paddingLeft) -
+            parseFloat(computedStyle.paddingRight) -
+            parseFloat(computedStyle.borderRight) -
+            parseFloat(computedStyle.borderLeft));
+    };
+    const calculateTotalTextWidth = (element, trailingNumChars, content) => {
+        const firstTextWidth = element.scrollWidth;
+        const firstTextLength = content.length;
+        return (firstTextWidth / firstTextLength) * trailingNumChars + firstTextWidth;
+    };
+    React.useEffect(() => {
+        if (textRef && textRef.current && !textElement) {
+            setTextElement(textRef.current);
+        }
+        if (subParentRef && subParentRef.current.parentElement.parentElement && !parentElement) {
+            setParentElement(subParentRef.current.parentElement.parentElement);
+        }
+    }, [textRef, subParentRef]);
+    React.useEffect(() => {
+        if (textElement && parentElement && !observer.current) {
+            const totalTextWidth = calculateTotalTextWidth(textElement, trailingNumChars, content);
+            const textWidth = position === 'middle' ? totalTextWidth : textElement.scrollWidth;
+            const handleResize = () => {
+                const parentWidth = getActualWidth(parentElement);
+                setIsTruncated(textWidth >= parentWidth);
+            };
+            const observer = (0, resizeObserver_1.getResizeObserver)(parentElement, handleResize);
+            return () => {
+                observer();
+            };
+        }
+    }, [textElement, parentElement]);
+    const truncateBody = (React.createElement("span", Object.assign({ ref: subParentRef, className: (0, react_styles_1.css)(truncate_1.default.truncate, className) }, props),
+        (position === TruncatePosition.end || position === TruncatePosition.start) && (React.createElement("span", { ref: textRef, className: truncateStyles[position] },
+            content,
+            position === TruncatePosition.start && React.createElement(React.Fragment, null, "\u200E"))),
+        position === TruncatePosition.middle &&
+            content.slice(0, content.length - trailingNumChars).length > minWidthCharacters && (React.createElement(React.Fragment, null,
+            React.createElement("span", { ref: textRef, className: truncate_1.default.truncateStart }, sliceContent(content, trailingNumChars)[0]),
+            React.createElement("span", { className: truncate_1.default.truncateEnd }, sliceContent(content, trailingNumChars)[1]))),
+        position === TruncatePosition.middle &&
+            content.slice(0, content.length - trailingNumChars).length <= minWidthCharacters &&
+            content));
+    return isTruncated ? (React.createElement(Tooltip_1.Tooltip, { hidden: !isTruncated, position: tooltipPosition, content: content }, truncateBody)) : (truncateBody);
 };
 exports.Truncate = Truncate;
 exports.Truncate.displayName = 'Truncate';

package/dist/js/components/Truncate/Truncate.js.map

@@ -1 +1 @@
-{"version":3,"file":"Truncate.js","sourceRoot":"","sources":["../../../../src/components/Truncate/Truncate.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,iHAA+E;AAC/E,2DAA+C;AAC/C,wCAAsD;AAEtD,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,+BAAW,CAAA;IACX,qCAAiB,CAAA;AACnB,CAAC,EAJW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAI3B;AAED,MAAM,cAAc,GAAG;IACrB,KAAK,EAAE,kBAAM,CAAC,WAAW;IACzB,GAAG,EAAE,kBAAM,CAAC,aAAa;CAC1B,CAAC;AAEF,MAAM,kBAAkB,GAAW,EAAE,CAAC;AA6BtC,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AAEpG,MAAM,QAAQ,GAA2C,CAAC,EAOjD,EAAE,EAAE;QAP6C,EAC/D,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,KAAK,EACvB,gBAAgB,GAAG,CAAC,EACpB,OAAO,OAEO,EADX,KAAK,sBANuD,2EAOhE,CADS;IACW,OAAA,CACnB,oBAAC,iBAAO,IAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO;QAClD,4CAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,kBAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,IAAM,KAAK;YACxD,CAAC,QAAQ,KAAK,gBAAgB,CAAC,GAAG,IAAI,QAAQ,KAAK,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAC7E,8BAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAAC;gBACtC,OAAO;gBACP,QAAQ,KAAK,gBAAgB,CAAC,KAAK,IAAI,oBAAC,KAAK,CAAC,QAAQ,iBAAuB,CACzE,CACR;YACA,QAAQ,KAAK,gBAAgB,CAAC,MAAM;gBACnC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,gBAAgB,CAAC,CAAC,MAAM,GAAG,kBAAkB,IAAI,CACjF,oBAAC,KAAK,CAAC,QAAQ;gBACb,8BAAM,SAAS,EAAE,kBAAM,CAAC,aAAa,IAAG,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAQ;gBAC1F,8BAAM,SAAS,EAAE,kBAAM,CAAC,WAAW,IAAG,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAQ,CACzE,CAClB;YACF,QAAQ,KAAK,gBAAgB,CAAC,MAAM;gBACnC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,gBAAgB,CAAC,CAAC,MAAM,IAAI,kBAAkB;gBAChF,OAAO,CACJ,CACC,CACX,CAAA;CAAA,CAAC;AA5BW,QAAA,QAAQ,YA4BnB;AACF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
+{"version":3,"file":"Truncate.js","sourceRoot":"","sources":["../../../../src/components/Truncate/Truncate.tsx"],"names":[],"mappings":"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"}