Merge pull request #1922 from fhlavac/replace-tooltip

Author: fhlavac

package-lock.json

@@ -1,2 +1,3 @@
+export * from '@patternfly/react-component-groups/dist/dynamic/Ansible';
 export { default } from './Ansible';
 export { default as Ansible } from './Ansible';

packages/components/src/Ansible/index.ts

@@ -1,3 +1,4 @@
+export * from '@patternfly/react-component-groups/dist/dynamic/Battery';
 export { default } from './Battery';
 export { default as Battery } from './Battery';
 export { default as CriticalBattery } from './CriticalBattery';

packages/components/src/Battery/index.ts

@@ -1,2 +1,3 @@
+export * from '@patternfly/react-component-groups/dist/dynamic/ErrorBoundary';
 export { default } from './ErrorBoundary';
 export { default as ErrorBoundary } from './ErrorBoundary';

packages/components/src/ErrorBoundary/index.ts

@@ -1,3 +1,4 @@
+export * from '@patternfly/react-component-groups/dist/dynamic/ErrorState';
 export { default } from './ErrorState';
 export { default as ErrorState } from './ErrorState';
 export { default as DefaultErrorMessage } from './DefaultErrorMessage';

packages/components/src/ErrorState/index.ts

@@ -1,29 +1,10 @@
-import { Tooltip, TooltipPosition, TooltipProps } from '@patternfly/react-core';
 import React from 'react';
+import LongTextTooltipPF, { LongTextTooltipProps } from '@patternfly/react-component-groups/dist/dynamic/LongTextTooltip';
 
-export interface LongTextTooltipProps extends Omit<TooltipProps, 'content'> {
-  content?: string;
-  maxLength?: number;
-  tooltipPosition?: TooltipPosition;
-  tooltipMaxWidth?: string;
-}
-
-const LongTextTooltip: React.FC<LongTextTooltipProps> = ({
-  content = '',
-  maxLength = Infinity,
-  tooltipMaxWidth = '50vw',
-  tooltipPosition = TooltipPosition.top,
-  ...rest
-}) => {
-  const truncate = (str: string, max: number) => (str.length > max ? str.substr(0, max - 1) + '…' : str);
-
-  return content.length > maxLength ? (
-    <Tooltip maxWidth={tooltipMaxWidth} position={tooltipPosition} content={<div>{content}</div>} {...rest}>
-      <div>{truncate(content, maxLength)}</div>
-    </Tooltip>
-  ) : (
-    <span>{content}</span>
-  );
-};
+/**
+ * @deprecated Do not use deprecated LongTextTooltip import, the component has been moved to @patternfly/react-component-groups
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const LongTextTooltip: React.FunctionComponent<LongTextTooltipProps> = (props) => <LongTextTooltipPF {...props} />;
 
 export default LongTextTooltip;

packages/components/src/LongTextTooltip/LongTextTooltip.test.js

@@ -1,3 +1,3 @@
+export * from '@patternfly/react-component-groups/dist/dynamic/LongTextTooltip';
 export { default } from './LongTextTooltip';
 export { default as LongTextTooltip } from './LongTextTooltip';
-export * from './LongTextTooltip';

packages/components/src/LongTextTooltip/LongTextTooltip.tsx

@@ -1,2 +1,3 @@
+export * from '@patternfly/react-component-groups/dist/dynamic/NotAuthorized';
 export { default } from './NotAuthorized';
 export { default as NotAuthorized } from './NotAuthorized';