@patternfly/react-core 6.2.0-prerelease.31 → 6.2.0-prerelease.32

package/dist/dynamic/helpers/KeyboardHandler/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-keyboardhandler.js-dynamic","main":"../../../js/helpers/KeyboardHandler.js","module":"../../../esm/helpers/KeyboardHandler.js","typings":"../../../esm/helpers/KeyboardHandler.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-keyboardhandler.js-dynamic","main":"../../../js/helpers/KeyboardHandler.js","module":"../../../esm/helpers/KeyboardHandler.js","typings":"../../../esm/helpers/KeyboardHandler.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/helpers/OUIA/ouia/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-ouia.js-dynamic","main":"../../../../js/helpers/OUIA/ouia.js","module":"../../../../esm/helpers/OUIA/ouia.js","typings":"../../../../esm/helpers/OUIA/ouia.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-ouia.js-dynamic","main":"../../../../js/helpers/OUIA/ouia.js","module":"../../../../esm/helpers/OUIA/ouia.js","typings":"../../../../esm/helpers/OUIA/ouia.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/helpers/Popper/Popper/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-popper.js-dynamic","main":"../../../../js/helpers/Popper/Popper.js","module":"../../../../esm/helpers/Popper/Popper.js","typings":"../../../../esm/helpers/Popper/Popper.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-popper.js-dynamic","main":"../../../../js/helpers/Popper/Popper.js","module":"../../../../esm/helpers/Popper/Popper.js","typings":"../../../../esm/helpers/Popper/Popper.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/helpers/constants/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-constants.js-dynamic","main":"../../../js/helpers/constants.js","module":"../../../esm/helpers/constants.js","typings":"../../../esm/helpers/constants.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-constants.js-dynamic","main":"../../../js/helpers/constants.js","module":"../../../esm/helpers/constants.js","typings":"../../../esm/helpers/constants.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/helpers/datetimeUtils/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-datetimeutils.js-dynamic","main":"../../../js/helpers/datetimeUtils.js","module":"../../../esm/helpers/datetimeUtils.js","typings":"../../../esm/helpers/datetimeUtils.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-datetimeutils.js-dynamic","main":"../../../js/helpers/datetimeUtils.js","module":"../../../esm/helpers/datetimeUtils.js","typings":"../../../esm/helpers/datetimeUtils.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/helpers/fileUtils/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-fileutils.js-dynamic","main":"../../../js/helpers/fileUtils.js","module":"../../../esm/helpers/fileUtils.js","typings":"../../../esm/helpers/fileUtils.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-fileutils.js-dynamic","main":"../../../js/helpers/fileUtils.js","module":"../../../esm/helpers/fileUtils.js","typings":"../../../esm/helpers/fileUtils.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/helpers/htmlConstants/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-htmlconstants.js-dynamic","main":"../../../js/helpers/htmlConstants.js","module":"../../../esm/helpers/htmlConstants.js","typings":"../../../esm/helpers/htmlConstants.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-htmlconstants.js-dynamic","main":"../../../js/helpers/htmlConstants.js","module":"../../../esm/helpers/htmlConstants.js","typings":"../../../esm/helpers/htmlConstants.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/helpers/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-helpers-dynamic","main":"../../js/helpers/index.js","module":"../../esm/helpers/index.js","typings":"../../esm/helpers/index.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-helpers-dynamic","main":"../../js/helpers/index.js","module":"../../esm/helpers/index.js","typings":"../../esm/helpers/index.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/helpers/resizeObserver/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-resizeobserver.js-dynamic","main":"../../../js/helpers/resizeObserver.js","module":"../../../esm/helpers/resizeObserver.js","typings":"../../../esm/helpers/resizeObserver.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-resizeobserver.js-dynamic","main":"../../../js/helpers/resizeObserver.js","module":"../../../esm/helpers/resizeObserver.js","typings":"../../../esm/helpers/resizeObserver.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/helpers/typeUtils/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-typeutils.js-dynamic","main":"../../../js/helpers/typeUtils.js","module":"../../../esm/helpers/typeUtils.js","typings":"../../../esm/helpers/typeUtils.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-typeutils.js-dynamic","main":"../../../js/helpers/typeUtils.js","module":"../../../esm/helpers/typeUtils.js","typings":"../../../esm/helpers/typeUtils.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/helpers/useInterval/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-useinterval.js-dynamic","main":"../../../js/helpers/useInterval.js","module":"../../../esm/helpers/useInterval.js","typings":"../../../esm/helpers/useInterval.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-useinterval.js-dynamic","main":"../../../js/helpers/useInterval.js","module":"../../../esm/helpers/useInterval.js","typings":"../../../esm/helpers/useInterval.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/helpers/useIsomorphicLayout/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-useisomorphiclayout.js-dynamic","main":"../../../js/helpers/useIsomorphicLayout.js","module":"../../../esm/helpers/useIsomorphicLayout.js","typings":"../../../esm/helpers/useIsomorphicLayout.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-useisomorphiclayout.js-dynamic","main":"../../../js/helpers/useIsomorphicLayout.js","module":"../../../esm/helpers/useIsomorphicLayout.js","typings":"../../../esm/helpers/useIsomorphicLayout.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/helpers/useUnmountEffect/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-useunmounteffect.js-dynamic","main":"../../../js/helpers/useUnmountEffect.js","module":"../../../esm/helpers/useUnmountEffect.js","typings":"../../../esm/helpers/useUnmountEffect.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-useunmounteffect.js-dynamic","main":"../../../js/helpers/useUnmountEffect.js","module":"../../../esm/helpers/useUnmountEffect.js","typings":"../../../esm/helpers/useUnmountEffect.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/helpers/util/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-util.js-dynamic","main":"../../../js/helpers/util.js","module":"../../../esm/helpers/util.js","typings":"../../../esm/helpers/util.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-util.js-dynamic","main":"../../../js/helpers/util.js","module":"../../../esm/helpers/util.js","typings":"../../../esm/helpers/util.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/layouts/Bullseye/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-bullseye-dynamic","main":"../../../js/layouts/Bullseye/index.js","module":"../../../esm/layouts/Bullseye/index.js","typings":"../../../esm/layouts/Bullseye/index.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-bullseye-dynamic","main":"../../../js/layouts/Bullseye/index.js","module":"../../../esm/layouts/Bullseye/index.js","typings":"../../../esm/layouts/Bullseye/index.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/layouts/Flex/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-flex-dynamic","main":"../../../js/layouts/Flex/index.js","module":"../../../esm/layouts/Flex/index.js","typings":"../../../esm/layouts/Flex/index.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-flex-dynamic","main":"../../../js/layouts/Flex/index.js","module":"../../../esm/layouts/Flex/index.js","typings":"../../../esm/layouts/Flex/index.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/layouts/Gallery/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-gallery-dynamic","main":"../../../js/layouts/Gallery/index.js","module":"../../../esm/layouts/Gallery/index.js","typings":"../../../esm/layouts/Gallery/index.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-gallery-dynamic","main":"../../../js/layouts/Gallery/index.js","module":"../../../esm/layouts/Gallery/index.js","typings":"../../../esm/layouts/Gallery/index.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/layouts/Grid/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-grid-dynamic","main":"../../../js/layouts/Grid/index.js","module":"../../../esm/layouts/Grid/index.js","typings":"../../../esm/layouts/Grid/index.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-grid-dynamic","main":"../../../js/layouts/Grid/index.js","module":"../../../esm/layouts/Grid/index.js","typings":"../../../esm/layouts/Grid/index.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/layouts/Level/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-level-dynamic","main":"../../../js/layouts/Level/index.js","module":"../../../esm/layouts/Level/index.js","typings":"../../../esm/layouts/Level/index.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-level-dynamic","main":"../../../js/layouts/Level/index.js","module":"../../../esm/layouts/Level/index.js","typings":"../../../esm/layouts/Level/index.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/layouts/Split/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-split-dynamic","main":"../../../js/layouts/Split/index.js","module":"../../../esm/layouts/Split/index.js","typings":"../../../esm/layouts/Split/index.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-split-dynamic","main":"../../../js/layouts/Split/index.js","module":"../../../esm/layouts/Split/index.js","typings":"../../../esm/layouts/Split/index.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/layouts/Stack/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-stack-dynamic","main":"../../../js/layouts/Stack/index.js","module":"../../../esm/layouts/Stack/index.js","typings":"../../../esm/layouts/Stack/index.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-stack-dynamic","main":"../../../js/layouts/Stack/index.js","module":"../../../esm/layouts/Stack/index.js","typings":"../../../esm/layouts/Stack/index.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/dynamic/styles/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-styles-dynamic","main":"../../js/styles/index.js","module":"../../esm/styles/index.js","typings":"../../esm/styles/index.d.ts","version":"6.2.0-prerelease.30","private":true}
+{"name":"@patternfly/react-core-styles-dynamic","main":"../../js/styles/index.js","module":"../../esm/styles/index.js","typings":"../../esm/styles/index.d.ts","version":"6.2.0-prerelease.31","private":true}

package/dist/esm/components/DataList/DataListCell.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { FunctionComponent } from 'react';
 import { DataListWrapModifier } from './DataList';
 export interface DataListCellProps extends Omit<React.HTMLProps<HTMLDivElement>, 'width'> {
     /** Content rendered inside the DataList cell */
@@ -16,5 +16,5 @@ export interface DataListCellProps extends Omit<React.HTMLProps<HTMLDivElement>,
     /** Determines which wrapping modifier to apply to the DataListCell */
     wrapModifier?: DataListWrapModifier | 'nowrap' | 'truncate' | 'breakWord';
 }
-export declare const DataListCell: React.FunctionComponent<DataListCellProps>;
+export declare const DataListCell: FunctionComponent<DataListCellProps>;
 //# sourceMappingURL=DataListCell.d.ts.map

package/dist/esm/components/DataList/DataListCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataListCell.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sEAAsE;IACtE,YAAY,CAAC,EAAE,oBAAoB,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;CAC3E;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAwBnE,CAAC"}
+{"version":3,"file":"DataListCell.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAGlD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sEAAsE;IACtE,YAAY,CAAC,EAAE,oBAAoB,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;CAC3E;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CA0C7D,CAAC"}

package/dist/esm/components/DataList/DataListCell.js

@@ -1,10 +1,23 @@
 import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/DataList/data-list.mjs';
+import { Tooltip } from '../Tooltip';
 export const DataListCell = (_a) => {
     var { children = null, className = '', width = 1, isFilled = true, alignRight = false, isIcon = false, wrapModifier = null } = _a, props = __rest(_a, ["children", "className", "width", "isFilled", "alignRight", "isIcon", "wrapModifier"]);
-    return (_jsx("div", Object.assign({ className: css(styles.dataListCell, width > 1 && styles.modifiers[`flex_${width}`], !isFilled && styles.modifiers.noFill, alignRight && styles.modifiers.alignRight, isIcon && styles.modifiers.icon, className, wrapModifier && styles.modifiers[wrapModifier]) }, props, { children: children })));
+    const cellRef = useRef(null);
+    const [isTooltipVisible, setIsTooltipVisible] = useState(false);
+    useEffect(() => {
+        if (!cellRef.current || wrapModifier !== 'truncate') {
+            return;
+        }
+        const showTooltip = cellRef.current && cellRef.current.offsetWidth < cellRef.current.scrollWidth;
+        if (isTooltipVisible !== showTooltip) {
+            setIsTooltipVisible(showTooltip);
+        }
+    }, [cellRef, wrapModifier, isTooltipVisible]);
+    return (_jsxs("div", Object.assign({ className: css(styles.dataListCell, width > 1 && styles.modifiers[`flex_${width}`], !isFilled && styles.modifiers.noFill, alignRight && styles.modifiers.alignRight, isIcon && styles.modifiers.icon, className, wrapModifier && styles.modifiers[wrapModifier]) }, (isTooltipVisible && { tabIndex: 0 }), { ref: cellRef }, props, { children: [children, isTooltipVisible && _jsx(Tooltip, { content: children, triggerRef: cellRef })] })));
 };
 DataListCell.displayName = 'DataListCell';
 //# sourceMappingURL=DataListCell.js.map

package/dist/esm/components/DataList/DataListCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataListCell.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,uEAAmE;AAoBhF,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,EASrD,EAAE,EAAE;QATiD,EACvE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,EACd,YAAY,GAAG,IAAI,OAED,EADf,KAAK,cAR+D,sFASxE,CADS;IACe,OAAA,CACvB,4BACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,YAAY,EACnB,KAAK,GAAG,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,KAAK,EAA+C,CAAC,EAC3F,CAAC,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,EACpC,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EACzC,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,EAC/B,SAAS,EACT,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAC/C,IACG,KAAK,cAER,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
+{"version":3,"file":"DataListCell.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAqB,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,uEAAmE;AAEhF,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAmBrC,MAAM,CAAC,MAAM,YAAY,GAAyC,CAAC,EAS/C,EAAE,EAAE;QAT2C,EACjE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,EACd,YAAY,GAAG,IAAI,OAED,EADf,KAAK,cARyD,sFASlE,CADS;IAER,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,YAAY,KAAK,UAAU,EAAE,CAAC;YACpD,OAAO;QACT,CAAC;QACD,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC;QACjG,IAAI,gBAAgB,KAAK,WAAW,EAAE,CAAC;YACrC,mBAAmB,CAAC,WAAW,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE9C,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,YAAY,EACnB,KAAK,GAAG,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,KAAK,EAA+C,CAAC,EAC3F,CAAC,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,EACpC,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EACzC,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,EAC/B,SAAS,EACT,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAC/C,IACG,CAAC,gBAAgB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,IACzC,GAAG,EAAE,OAAO,IACR,KAAK,eAER,QAAQ,EACR,gBAAgB,IAAI,KAAC,OAAO,IAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,GAAI,KACpE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/js/components/DataList/DataListCell.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { FunctionComponent } from 'react';
 import { DataListWrapModifier } from './DataList';
 export interface DataListCellProps extends Omit<React.HTMLProps<HTMLDivElement>, 'width'> {
     /** Content rendered inside the DataList cell */
@@ -16,5 +16,5 @@ export interface DataListCellProps extends Omit<React.HTMLProps<HTMLDivElement>,
     /** Determines which wrapping modifier to apply to the DataListCell */
     wrapModifier?: DataListWrapModifier | 'nowrap' | 'truncate' | 'breakWord';
 }
-export declare const DataListCell: React.FunctionComponent<DataListCellProps>;
+export declare const DataListCell: FunctionComponent<DataListCellProps>;
 //# sourceMappingURL=DataListCell.d.ts.map

package/dist/js/components/DataList/DataListCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataListCell.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sEAAsE;IACtE,YAAY,CAAC,EAAE,oBAAoB,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;CAC3E;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAwBnE,CAAC"}
+{"version":3,"file":"DataListCell.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAGlD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sEAAsE;IACtE,YAAY,CAAC,EAAE,oBAAoB,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;CAC3E;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CA0C7D,CAAC"}

package/dist/js/components/DataList/DataListCell.js

@@ -3,11 +3,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataListCell = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const react_styles_1 = require("@patternfly/react-styles");
 const data_list_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/DataList/data-list"));
+const Tooltip_1 = require("../Tooltip");
 const DataListCell = (_a) => {
     var { children = null, className = '', width = 1, isFilled = true, alignRight = false, isIcon = false, wrapModifier = null } = _a, props = tslib_1.__rest(_a, ["children", "className", "width", "isFilled", "alignRight", "isIcon", "wrapModifier"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(data_list_1.default.dataListCell, width > 1 && data_list_1.default.modifiers[`flex_${width}`], !isFilled && data_list_1.default.modifiers.noFill, alignRight && data_list_1.default.modifiers.alignRight, isIcon && data_list_1.default.modifiers.icon, className, wrapModifier && data_list_1.default.modifiers[wrapModifier]) }, props, { children: children })));
+    const cellRef = (0, react_1.useRef)(null);
+    const [isTooltipVisible, setIsTooltipVisible] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (!cellRef.current || wrapModifier !== 'truncate') {
+            return;
+        }
+        const showTooltip = cellRef.current && cellRef.current.offsetWidth < cellRef.current.scrollWidth;
+        if (isTooltipVisible !== showTooltip) {
+            setIsTooltipVisible(showTooltip);
+        }
+    }, [cellRef, wrapModifier, isTooltipVisible]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, react_styles_1.css)(data_list_1.default.dataListCell, width > 1 && data_list_1.default.modifiers[`flex_${width}`], !isFilled && data_list_1.default.modifiers.noFill, alignRight && data_list_1.default.modifiers.alignRight, isIcon && data_list_1.default.modifiers.icon, className, wrapModifier && data_list_1.default.modifiers[wrapModifier]) }, (isTooltipVisible && { tabIndex: 0 }), { ref: cellRef }, props, { children: [children, isTooltipVisible && (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { content: children, triggerRef: cellRef })] })));
 };
 exports.DataListCell = DataListCell;
 exports.DataListCell.displayName = 'DataListCell';

package/dist/js/components/DataList/DataListCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataListCell.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";;;;;AAAA,2DAA+C;AAC/C,mHAAgF;AAoBzE,MAAM,YAAY,GAA+C,CAAC,EASrD,EAAE,EAAE;QATiD,EACvE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,EACd,YAAY,GAAG,IAAI,OAED,EADf,KAAK,sBAR+D,sFASxE,CADS;IACe,OAAA,CACvB,8CACE,SAAS,EAAE,IAAA,kBAAG,EACZ,mBAAM,CAAC,YAAY,EACnB,KAAK,GAAG,CAAC,IAAI,mBAAM,CAAC,SAAS,CAAC,QAAQ,KAAK,EAA+C,CAAC,EAC3F,CAAC,QAAQ,IAAI,mBAAM,CAAC,SAAS,CAAC,MAAM,EACpC,UAAU,IAAI,mBAAM,CAAC,SAAS,CAAC,UAAU,EACzC,MAAM,IAAI,mBAAM,CAAC,SAAS,CAAC,IAAI,EAC/B,SAAS,EACT,YAAY,IAAI,mBAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAC/C,IACG,KAAK,cAER,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AAxBW,QAAA,YAAY,gBAwBvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
+{"version":3,"file":"DataListCell.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAuE;AACvE,2DAA+C;AAC/C,mHAAgF;AAEhF,wCAAqC;AAmB9B,MAAM,YAAY,GAAyC,CAAC,EAS/C,EAAE,EAAE;QAT2C,EACjE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,EACd,YAAY,GAAG,IAAI,OAED,EADf,KAAK,sBARyD,sFASlE,CADS;IAER,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,YAAY,KAAK,UAAU,EAAE,CAAC;YACpD,OAAO;QACT,CAAC;QACD,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC;QACjG,IAAI,gBAAgB,KAAK,WAAW,EAAE,CAAC;YACrC,mBAAmB,CAAC,WAAW,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE9C,OAAO,CACL,+CACE,SAAS,EAAE,IAAA,kBAAG,EACZ,mBAAM,CAAC,YAAY,EACnB,KAAK,GAAG,CAAC,IAAI,mBAAM,CAAC,SAAS,CAAC,QAAQ,KAAK,EAA+C,CAAC,EAC3F,CAAC,QAAQ,IAAI,mBAAM,CAAC,SAAS,CAAC,MAAM,EACpC,UAAU,IAAI,mBAAM,CAAC,SAAS,CAAC,UAAU,EACzC,MAAM,IAAI,mBAAM,CAAC,SAAS,CAAC,IAAI,EAC/B,SAAS,EACT,YAAY,IAAI,mBAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAC/C,IACG,CAAC,gBAAgB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,IACzC,GAAG,EAAE,OAAO,IACR,KAAK,eAER,QAAQ,EACR,gBAAgB,IAAI,uBAAC,iBAAO,IAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,GAAI,KACpE,CACP,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,YAAY,gBA0CvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}