diff --git a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModal.js b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModal.js
index 7f6dd631d32..5d96033afc7 100644
--- a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModal.js
+++ b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModal.js
@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom';
import PropTypes from 'prop-types';
import AboutModalContainer from './AboutModalContainer';
import { canUseDOM } from 'exenv';
-import { KEY_CODES } from '../../internal/constants';
+import { KEY_CODES } from '../../helpers/constants';
import { css } from '@patternfly/react-styles';
import styles from '@patternfly/patternfly/components/Backdrop/backdrop.css';
diff --git a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModal.test.js b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModal.test.js
index 3f86985640e..79de5acc5fb 100644
--- a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModal.test.js
+++ b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModal.test.js
@@ -2,7 +2,7 @@ import React from 'react';
import { shallow } from 'enzyme';
import AboutModal from './AboutModal';
import ReactDOM from 'react-dom';
-import { KEY_CODES } from '../../internal/constants';
+import { KEY_CODES } from '../../helpers/constants';
jest.spyOn(ReactDOM, 'createPortal');
jest.spyOn(document, 'createElement');
diff --git a/packages/patternfly-4/react-core/src/components/Alert/Alert.js b/packages/patternfly-4/react-core/src/components/Alert/Alert.js
index e9754640111..88d06ce0370 100644
--- a/packages/patternfly-4/react-core/src/components/Alert/Alert.js
+++ b/packages/patternfly-4/react-core/src/components/Alert/Alert.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
import styles from '@patternfly/patternfly/components/Alert/alert.css';
import accessibleStyles from '@patternfly/patternfly/utilities/Accessibility/accessibility.css';
import AlertIcon from './AlertIcon';
-import { capitalize } from '../../internal/util';
+import { capitalize } from '../../helpers/util';
import AlertActionCloseButton from './AlertActionCloseButton';
import AlertActionLink from './AlertActionLink';
diff --git a/packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbHeading.js b/packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbHeading.js
index 510864bce1d..a31d6ff29ff 100644
--- a/packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbHeading.js
+++ b/packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbHeading.js
@@ -2,7 +2,7 @@ import React from 'react';
import styles from '@patternfly/patternfly/components/Breadcrumb/breadcrumb.css';
import PropTypes from 'prop-types';
import { css } from '@patternfly/react-styles';
-import { componentShape } from '../../internal/componentShape';
+import { componentShape } from '../../helpers/componentShape';
const propTypes = {
/** Content rendered inside the breadcrumb title. */
diff --git a/packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbItem.js b/packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbItem.js
index 63a52078c40..0765562bbe3 100644
--- a/packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbItem.js
+++ b/packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbItem.js
@@ -3,7 +3,7 @@ import styles from '@patternfly/patternfly/components/Breadcrumb/breadcrumb.css'
import PropTypes from 'prop-types';
import { AngleRightIcon } from '@patternfly/react-icons';
import { css, getModifier } from '@patternfly/react-styles';
-import { componentShape } from '../../internal/componentShape';
+import { componentShape } from '../../helpers/componentShape';
const propTypes = {
/** Content rendered inside the breadcrumb item. */
diff --git a/packages/patternfly-4/react-core/src/components/Button/Button.js b/packages/patternfly-4/react-core/src/components/Button/Button.js
index 1d08b840568..6df0b450b65 100644
--- a/packages/patternfly-4/react-core/src/components/Button/Button.js
+++ b/packages/patternfly-4/react-core/src/components/Button/Button.js
@@ -1,7 +1,7 @@
import React from 'react';
import { css, getModifier } from '@patternfly/react-styles';
import PropTypes from 'prop-types';
-import { componentShape } from '../../internal/componentShape';
+import { componentShape } from '../../helpers/componentShape';
import styles from '@patternfly/patternfly/components/Button/button.css';
export const ButtonVariant = {
diff --git a/packages/patternfly-4/react-core/src/components/Card/Card.js b/packages/patternfly-4/react-core/src/components/Card/Card.js
index 3b22d535644..f53ef6c02f6 100644
--- a/packages/patternfly-4/react-core/src/components/Card/Card.js
+++ b/packages/patternfly-4/react-core/src/components/Card/Card.js
@@ -2,7 +2,7 @@ import React from 'react';
import PropTypes from 'prop-types';
import { css } from '@patternfly/react-styles';
import styles from '@patternfly/patternfly/components/Card/card.css';
-import { componentShape } from '../../internal/componentShape';
+import { componentShape } from '../../helpers/componentShape';
const propTypes = {
/** content rendered inside the Card */
diff --git a/packages/patternfly-4/react-core/src/components/Card/CardBody.js b/packages/patternfly-4/react-core/src/components/Card/CardBody.js
index 779b1edf183..2cd8ba68612 100644
--- a/packages/patternfly-4/react-core/src/components/Card/CardBody.js
+++ b/packages/patternfly-4/react-core/src/components/Card/CardBody.js
@@ -2,7 +2,7 @@ import React from 'react';
import PropTypes from 'prop-types';
import { css } from '@patternfly/react-styles';
import styles from '@patternfly/patternfly/components/Card/card.css';
-import { componentShape } from '../../internal/componentShape';
+import { componentShape } from '../../helpers/componentShape';
const propTypes = {
/** content rendered inside the Card Body */
diff --git a/packages/patternfly-4/react-core/src/components/Card/CardFooter.js b/packages/patternfly-4/react-core/src/components/Card/CardFooter.js
index 525c2f5c2f8..1c4c0e85474 100644
--- a/packages/patternfly-4/react-core/src/components/Card/CardFooter.js
+++ b/packages/patternfly-4/react-core/src/components/Card/CardFooter.js
@@ -2,7 +2,7 @@ import React from 'react';
import PropTypes from 'prop-types';
import { css } from '@patternfly/react-styles';
import styles from '@patternfly/patternfly/components/Card/card.css';
-import { componentShape } from '../../internal/componentShape';
+import { componentShape } from '../../helpers/componentShape';
const propTypes = {
/** content rendered inside the Card Footer */
diff --git a/packages/patternfly-4/react-core/src/components/Card/CardHeader.js b/packages/patternfly-4/react-core/src/components/Card/CardHeader.js
index 205da0006cf..ce5800d0a19 100644
--- a/packages/patternfly-4/react-core/src/components/Card/CardHeader.js
+++ b/packages/patternfly-4/react-core/src/components/Card/CardHeader.js
@@ -2,7 +2,7 @@ import React from 'react';
import PropTypes from 'prop-types';
import { css } from '@patternfly/react-styles';
import styles from '@patternfly/patternfly/components/Card/card.css';
-import { componentShape } from '../../internal/componentShape';
+import { componentShape } from '../../helpers/componentShape';
const propTypes = {
children: PropTypes.any,
diff --git a/packages/patternfly-4/react-core/src/components/Chip/Chip.js b/packages/patternfly-4/react-core/src/components/Chip/Chip.js
index 7f119f7bb36..195556f4ada 100644
--- a/packages/patternfly-4/react-core/src/components/Chip/Chip.js
+++ b/packages/patternfly-4/react-core/src/components/Chip/Chip.js
@@ -5,13 +5,16 @@ import ChipButton from './ChipButton';
import { Tooltip, TooltipPosition } from '../Tooltip';
import { TimesCircleIcon } from '@patternfly/react-icons';
import styles from '@patternfly/patternfly/components/Chip/chip.css';
-import GenerateId from '../../internal/GenerateId/GenerateId';
+import GenerateId from '../../helpers/GenerateId/GenerateId';
+
class Chip extends React.Component {
span = React.createRef();
state = { isTooltipVisible: false };
componentDidMount() {
- this.setState({ isTooltipVisible: this.span.current && this.span.current.offsetWidth < this.span.current.scrollWidth });
+ this.setState({
+ isTooltipVisible: this.span.current && this.span.current.offsetWidth < this.span.current.scrollWidth
+ });
}
renderOverflowChip = () => {
@@ -23,16 +26,10 @@ class Chip extends React.Component {
);
- }
+ };
- renderChip = (randomId) => {
- const {
- children,
- closeBtnAriaLabel,
- tooltipPosition,
- className,
- onClick,
- } = this.props;
+ renderChip = randomId => {
+ const { children, closeBtnAriaLabel, tooltipPosition, className, onClick } = this.props;
if (this.state.isTooltipVisible) {
return (
@@ -40,41 +37,44 @@ class Chip extends React.Component {
{children}
-
+
- )
- } else {
- return (
-
-
- {children}
-
-
-
-
-
- )
+ );
}
- }
+ return (
+
+
+ {children}
+
+
+
+
+
+ );
+ };
render() {
- const {
- isOverflowChip,
- } = this.props;
+ const { isOverflowChip } = this.props;
return (
- {(randomId) =>
- (
-
- {isOverflowChip ? this.renderOverflowChip() : this.renderChip(randomId)}
-
- )
- }
+ {randomId => (
+ {isOverflowChip ? this.renderOverflowChip() : this.renderChip(randomId)}
+ )}
- )
+ );
}
}
Chip.propTypes = {
@@ -86,12 +86,12 @@ Chip.propTypes = {
id: PropTypes.string,
/** Additional classes added to the chip item */
className: PropTypes.string,
- /** Flag indicating if the chip has overflow*/
+ /** Flag indicating if the chip has overflow */
isOverflowChip: PropTypes.bool,
/** Position of the tooltip which is displayed if text is longer */
tooltipPosition: PropTypes.oneOf(Object.values(TooltipPosition)),
/** Function that is called when clicking on the chip button */
- onClick: PropTypes.func,
+ onClick: PropTypes.func
};
Chip.defaultProps = {
@@ -99,7 +99,7 @@ Chip.defaultProps = {
closeBtnAriaLabel: 'close',
className: '',
tooltipPosition: 'top',
- isOverflowChip: false,
+ isOverflowChip: false
};
export default Chip;
diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownItem.js b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownItem.js
index 00f7cf33b39..0d00d60c4a8 100644
--- a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownItem.js
+++ b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownItem.js
@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom';
import styles from '@patternfly/patternfly/components/Dropdown/dropdown.css';
import { css } from '@patternfly/react-styles';
import PropTypes from 'prop-types';
-import { componentShape } from '../../internal/componentShape';
+import { componentShape } from '../../helpers/componentShape';
import { DropdownContext } from './dropdownConstants';
const propTypes = {
diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownMenu.js b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownMenu.js
index d7ad731edb0..41b80dc49a5 100644
--- a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownMenu.js
+++ b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownMenu.js
@@ -2,7 +2,7 @@ import React from 'react';
import styles from '@patternfly/patternfly/components/Dropdown/dropdown.css';
import { css } from '@patternfly/react-styles';
import PropTypes from 'prop-types';
-import { componentShape } from '../../internal/componentShape';
+import { componentShape } from '../../helpers/componentShape';
import { DropdownPosition, DropdownContext, DropdownArrowContext } from './dropdownConstants';
import ReactDOM from 'react-dom';
diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/Item.js b/packages/patternfly-4/react-core/src/components/Dropdown/Item.js
index c46d7122238..bdb306ff270 100644
--- a/packages/patternfly-4/react-core/src/components/Dropdown/Item.js
+++ b/packages/patternfly-4/react-core/src/components/Dropdown/Item.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import DropdownItem from './DropdownItem';
import styles from '@patternfly/patternfly/components/Dropdown/dropdown.css';
import { css } from '@patternfly/react-styles';
-import { componentShape } from '../../internal/componentShape';
+import { componentShape } from '../../helpers/componentShape';
import { DropdownArrowContext } from './dropdownConstants';
const Item = ({ className, ...props }) => (
diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/Separator.js b/packages/patternfly-4/react-core/src/components/Dropdown/Separator.js
index f372361f65a..106a7d3ba31 100644
--- a/packages/patternfly-4/react-core/src/components/Dropdown/Separator.js
+++ b/packages/patternfly-4/react-core/src/components/Dropdown/Separator.js
@@ -3,7 +3,7 @@ import DropdownItem from './DropdownItem';
import PropTypes from 'prop-types';
import styles from '@patternfly/patternfly/components/Dropdown/dropdown.css';
import { css } from '@patternfly/react-styles';
-import { componentShape } from '../../internal/componentShape';
+import { componentShape } from '../../helpers/componentShape';
import { DropdownArrowContext } from './dropdownConstants';
const Separator = ({ className, ...props }) => (
diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/Toggle.js b/packages/patternfly-4/react-core/src/components/Dropdown/Toggle.js
index 0874c925310..20ae3840b7a 100644
--- a/packages/patternfly-4/react-core/src/components/Dropdown/Toggle.js
+++ b/packages/patternfly-4/react-core/src/components/Dropdown/Toggle.js
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
import styles from '@patternfly/patternfly/components/Dropdown/dropdown.css';
import { css } from '@patternfly/react-styles';
import PropTypes from 'prop-types';
-import { KEY_CODES } from '../../internal/constants';
+import { KEY_CODES } from '../../helpers/constants';
const propTypes = {
/** HTML ID of dropdown toggle */
@@ -64,7 +64,12 @@ class DropdownToggle extends Component {
onEscPress = event => {
const { parentRef } = this.props;
const keyCode = event.keyCode || event.which;
- if (this.props.isOpen && (keyCode === KEY_CODES.ESCAPE_KEY || event.key === 'Tab') && parentRef && parentRef.contains(event.target)) {
+ if (
+ this.props.isOpen &&
+ (keyCode === KEY_CODES.ESCAPE_KEY || event.key === 'Tab') &&
+ parentRef &&
+ parentRef.contains(event.target)
+ ) {
this.props.onToggle && this.props.onToggle(false);
this.toggle.focus();
}
diff --git a/packages/patternfly-4/react-core/src/components/Form/FormGroup.js b/packages/patternfly-4/react-core/src/components/Form/FormGroup.js
index 8f2728bfa32..fcdb7dd61dd 100644
--- a/packages/patternfly-4/react-core/src/components/Form/FormGroup.js
+++ b/packages/patternfly-4/react-core/src/components/Form/FormGroup.js
@@ -1,7 +1,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import styles from '@patternfly/patternfly/components/Form/form.css';
-import { ASTERISK } from '../../internal/htmlConstants';
+import { ASTERISK } from '../../helpers/htmlConstants';
import { FormContext } from '../Form/FormContext';
import { css, getModifier } from '@patternfly/react-styles';
diff --git a/packages/patternfly-4/react-core/src/components/Modal/Modal.js b/packages/patternfly-4/react-core/src/components/Modal/Modal.js
index f45e3440233..b01d9af1105 100644
--- a/packages/patternfly-4/react-core/src/components/Modal/Modal.js
+++ b/packages/patternfly-4/react-core/src/components/Modal/Modal.js
@@ -2,9 +2,9 @@ import React from 'react';
import ReactDOM from 'react-dom';
import PropTypes from 'prop-types';
import ModalContent from './ModalContent';
-import safeHTMLElement from '../../internal/safeHTMLElement';
+import safeHTMLElement from '../../helpers/safeHTMLElement';
import { canUseDOM } from 'exenv';
-import { KEY_CODES } from '../../internal/constants';
+import { KEY_CODES } from '../../helpers/constants';
import { css } from '@patternfly/react-styles';
import styles from '@patternfly/patternfly/components/Backdrop/backdrop.css';
diff --git a/packages/patternfly-4/react-core/src/components/Modal/Modal.test.js b/packages/patternfly-4/react-core/src/components/Modal/Modal.test.js
index 398b851c7ac..0f853ef09b6 100644
--- a/packages/patternfly-4/react-core/src/components/Modal/Modal.test.js
+++ b/packages/patternfly-4/react-core/src/components/Modal/Modal.test.js
@@ -2,7 +2,7 @@ import Modal from './Modal';
import React from 'react';
import ReactDOM from 'react-dom';
import { shallow } from 'enzyme';
-import { KEY_CODES } from '../../internal/constants';
+import { KEY_CODES } from '../../helpers/constants';
jest.spyOn(ReactDOM, 'createPortal');
jest.spyOn(document, 'createElement');
diff --git a/packages/patternfly-4/react-core/src/components/Nav/NavExpandable.js b/packages/patternfly-4/react-core/src/components/Nav/NavExpandable.js
index e5f92b36967..7c0aa872132 100644
--- a/packages/patternfly-4/react-core/src/components/Nav/NavExpandable.js
+++ b/packages/patternfly-4/react-core/src/components/Nav/NavExpandable.js
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
import NavToggle from './NavToggle';
import { AngleRightIcon } from '@patternfly/react-icons';
import { NavContext } from './Nav';
-import { getUniqueId } from '../../internal/util';
+import { getUniqueId } from '../../helpers/util';
const propTypes = {
/** Title shown for the expandable list */
diff --git a/packages/patternfly-4/react-core/src/components/Nav/NavGroup.js b/packages/patternfly-4/react-core/src/components/Nav/NavGroup.js
index 4f3db0427a9..1f389739858 100644
--- a/packages/patternfly-4/react-core/src/components/Nav/NavGroup.js
+++ b/packages/patternfly-4/react-core/src/components/Nav/NavGroup.js
@@ -2,7 +2,7 @@ import React from 'react';
import styles from '@patternfly/patternfly/components/Nav/nav.css';
import { css } from '@patternfly/react-styles';
import PropTypes from 'prop-types';
-import { getUniqueId } from '../../internal/util';
+import { getUniqueId } from '../../helpers/util';
const propTypes = {
/** Title shown for the group */
diff --git a/packages/patternfly-4/react-core/src/components/Page/Page.js b/packages/patternfly-4/react-core/src/components/Page/Page.js
index 008e9c8fb28..3197e2a15ae 100644
--- a/packages/patternfly-4/react-core/src/components/Page/Page.js
+++ b/packages/patternfly-4/react-core/src/components/Page/Page.js
@@ -3,7 +3,7 @@ import styles from '@patternfly/patternfly/components/Page/page.css';
import { css } from '@patternfly/react-styles';
import PropTypes from 'prop-types';
import { global_breakpoint_md as globalBreakpointMd } from '@patternfly/react-tokens';
-import { debounce } from '../../internal/util';
+import { debounce } from '../../helpers/util';
export const PageLayouts = {
vertical: 'vertical',
diff --git a/packages/patternfly-4/react-core/src/components/Popover/Popover.js b/packages/patternfly-4/react-core/src/components/Popover/Popover.js
index 4bb1e8e5611..7beeb5fd323 100644
--- a/packages/patternfly-4/react-core/src/components/Popover/Popover.js
+++ b/packages/patternfly-4/react-core/src/components/Popover/Popover.js
@@ -2,7 +2,7 @@ import React from 'react';
import PropTypes from 'prop-types';
import Tippy from '@tippy.js/react';
import FocusTrap from 'focus-trap-react';
-import { KEY_CODES } from '../../internal/constants';
+import { KEY_CODES } from '../../helpers/constants';
import styles from '@patternfly/patternfly/components/Popover/popover.css';
import { css, getModifier } from '@patternfly/react-styles';
import PopoverArrow from './PopoverArrow';
@@ -11,7 +11,7 @@ import PopoverBody from './PopoverBody';
import PopoverHeader from './PopoverHeader';
import PopoverFooter from './PopoverFooter';
import PopoverCloseButton from './PopoverCloseButton';
-import GenerateId from '../../internal/GenerateId/GenerateId';
+import GenerateId from '../../helpers/GenerateId/GenerateId';
import { c_popover_MaxWidth as popoverMaxWidth } from '@patternfly/react-tokens';
import { tippyStyles } from '../Tooltip/styles';
diff --git a/packages/patternfly-4/react-core/src/components/Popover/Popover.tsx.txt b/packages/patternfly-4/react-core/src/components/Popover/Popover.tsx.txt
index 30ae7e4fbea..9072b64f865 100644
--- a/packages/patternfly-4/react-core/src/components/Popover/Popover.tsx.txt
+++ b/packages/patternfly-4/react-core/src/components/Popover/Popover.tsx.txt
@@ -9,7 +9,7 @@ import PopoverContent from './PopoverContent';
import PopoverBody from './PopoverBody';
import PopoverHeader from './PopoverHeader';
import PopoverCloseButton from './PopoverCloseButton';
-import GenerateId from '../../internal/GenerateId/GenerateId';
+import GenerateId from '../../helpers/GenerateId/GenerateId';
import { Instance, BasicPlacement } from 'tippy.js';
// Need to unset tippy default styles
diff --git a/packages/patternfly-4/react-core/src/components/Progress/Progress.js b/packages/patternfly-4/react-core/src/components/Progress/Progress.js
index 1ada6f28361..3b2183b86f6 100644
--- a/packages/patternfly-4/react-core/src/components/Progress/Progress.js
+++ b/packages/patternfly-4/react-core/src/components/Progress/Progress.js
@@ -3,7 +3,7 @@ import styles from '@patternfly/patternfly/components/Progress/progress.css';
import { css, getModifier } from '@patternfly/react-styles';
import PropTypes from 'prop-types';
import ProgressContainer, { ProgressMeasureLocation, ProgressVariant } from './ProgressContainer';
-import { getUniqueId } from '../../internal/util';
+import { getUniqueId } from '../../helpers/util';
export const ProgressSize = {
sm: 'sm',
diff --git a/packages/patternfly-4/react-core/src/components/Switch/Switch.js b/packages/patternfly-4/react-core/src/components/Switch/Switch.js
index 86d223ec491..e60d1a8d351 100644
--- a/packages/patternfly-4/react-core/src/components/Switch/Switch.js
+++ b/packages/patternfly-4/react-core/src/components/Switch/Switch.js
@@ -2,7 +2,7 @@ import React from 'react';
import styles from '@patternfly/patternfly/components/Switch/switch.css';
import { css } from '@patternfly/react-styles';
import PropTypes from 'prop-types';
-import { getUniqueId } from '../../internal/util';
+import { getUniqueId } from '../../helpers/util';
const propTypes = {
/** id for the label. */
diff --git a/packages/patternfly-4/react-core/src/components/Tabs/Tabs.js b/packages/patternfly-4/react-core/src/components/Tabs/Tabs.js
index 99760d604b3..8c0a0ba3182 100644
--- a/packages/patternfly-4/react-core/src/components/Tabs/Tabs.js
+++ b/packages/patternfly-4/react-core/src/components/Tabs/Tabs.js
@@ -3,8 +3,8 @@ import styles from '@patternfly/patternfly/components/Tabs/tabs.css';
import { css } from '@patternfly/react-styles';
import PropTypes from 'prop-types';
import { AngleLeftIcon, AngleRightIcon } from '@patternfly/react-icons';
-import { getUniqueId, isElementInView, sideElementIsOutOfView } from '../../internal/util';
-import { SIDE } from '../../internal/constants';
+import { getUniqueId, isElementInView, sideElementIsOutOfView } from '../../helpers/util';
+import { SIDE } from '../../helpers/constants';
const propTypes = {
/** content rendered inside the Tabs Component. */
diff --git a/packages/patternfly-4/react-core/src/components/Tooltip/Tooltip.js b/packages/patternfly-4/react-core/src/components/Tooltip/Tooltip.js
index 68e4a226008..e044aeaa565 100644
--- a/packages/patternfly-4/react-core/src/components/Tooltip/Tooltip.js
+++ b/packages/patternfly-4/react-core/src/components/Tooltip/Tooltip.js
@@ -5,7 +5,7 @@ import styles from '@patternfly/patternfly/components/Tooltip/tooltip.css';
import { css, getModifier } from '@patternfly/react-styles';
import TooltipArrow from './TooltipArrow';
import TooltipContent from './TooltipContent';
-import { KEY_CODES } from '../../internal/constants';
+import { KEY_CODES } from '../../helpers/constants';
import { c_tooltip_MaxWidth as tooltipMaxWidth } from '@patternfly/react-tokens';
import { tippyStyles } from './styles';
diff --git a/packages/patternfly-4/react-core/src/helpers/GenerateId/GenerateId.d.ts b/packages/patternfly-4/react-core/src/helpers/GenerateId/GenerateId.d.ts
new file mode 100644
index 00000000000..68c4189c91b
--- /dev/null
+++ b/packages/patternfly-4/react-core/src/helpers/GenerateId/GenerateId.d.ts
@@ -0,0 +1,10 @@
+import { ComponentClass, ReactNode } from 'react';
+
+export interface GenerateIdProps {
+ prefix?: string;
+ children(id: string): ReactNode;
+}
+
+declare const GenerateId: ComponentClass;
+
+export default GenerateId;
diff --git a/packages/patternfly-4/react-core/src/internal/GenerateId/GenerateId.js b/packages/patternfly-4/react-core/src/helpers/GenerateId/GenerateId.js
similarity index 100%
rename from packages/patternfly-4/react-core/src/internal/GenerateId/GenerateId.js
rename to packages/patternfly-4/react-core/src/helpers/GenerateId/GenerateId.js
diff --git a/packages/patternfly-4/react-core/src/internal/GenerateId/GenerateId.test.js b/packages/patternfly-4/react-core/src/helpers/GenerateId/GenerateId.test.js
similarity index 100%
rename from packages/patternfly-4/react-core/src/internal/GenerateId/GenerateId.test.js
rename to packages/patternfly-4/react-core/src/helpers/GenerateId/GenerateId.test.js
diff --git a/packages/patternfly-4/react-core/src/internal/GenerateId/__snapshots__/GenerateId.test.js.snap b/packages/patternfly-4/react-core/src/helpers/GenerateId/__snapshots__/GenerateId.test.js.snap
similarity index 100%
rename from packages/patternfly-4/react-core/src/internal/GenerateId/__snapshots__/GenerateId.test.js.snap
rename to packages/patternfly-4/react-core/src/helpers/GenerateId/__snapshots__/GenerateId.test.js.snap
diff --git a/packages/patternfly-4/react-core/src/internal/componentShape.js b/packages/patternfly-4/react-core/src/helpers/componentShape.js
similarity index 100%
rename from packages/patternfly-4/react-core/src/internal/componentShape.js
rename to packages/patternfly-4/react-core/src/helpers/componentShape.js
diff --git a/packages/patternfly-4/react-core/src/internal/constants.js b/packages/patternfly-4/react-core/src/helpers/constants.ts
similarity index 100%
rename from packages/patternfly-4/react-core/src/internal/constants.js
rename to packages/patternfly-4/react-core/src/helpers/constants.ts
diff --git a/packages/patternfly-4/react-core/src/internal/htmlConstants.js b/packages/patternfly-4/react-core/src/helpers/htmlConstants.ts
similarity index 100%
rename from packages/patternfly-4/react-core/src/internal/htmlConstants.js
rename to packages/patternfly-4/react-core/src/helpers/htmlConstants.ts
diff --git a/packages/patternfly-4/react-core/src/helpers/index.ts b/packages/patternfly-4/react-core/src/helpers/index.ts
new file mode 100644
index 00000000000..b4fadcda68d
--- /dev/null
+++ b/packages/patternfly-4/react-core/src/helpers/index.ts
@@ -0,0 +1,4 @@
+export { default as GenerateId } from './GenerateId/GenerateId';
+export * from './util';
+export * from './constants';
+export * from './htmlConstants';
diff --git a/packages/patternfly-4/react-core/src/internal/safeHTMLElement.js b/packages/patternfly-4/react-core/src/helpers/safeHTMLElement.js
similarity index 100%
rename from packages/patternfly-4/react-core/src/internal/safeHTMLElement.js
rename to packages/patternfly-4/react-core/src/helpers/safeHTMLElement.js
diff --git a/packages/patternfly-4/react-core/src/internal/util.test.js b/packages/patternfly-4/react-core/src/helpers/util.test.js
similarity index 100%
rename from packages/patternfly-4/react-core/src/internal/util.test.js
rename to packages/patternfly-4/react-core/src/helpers/util.test.js
diff --git a/packages/patternfly-4/react-core/src/internal/util.js b/packages/patternfly-4/react-core/src/helpers/util.ts
similarity index 89%
rename from packages/patternfly-4/react-core/src/internal/util.js
rename to packages/patternfly-4/react-core/src/helpers/util.ts
index ee535b319b0..0377bd68686 100644
--- a/packages/patternfly-4/react-core/src/internal/util.js
+++ b/packages/patternfly-4/react-core/src/helpers/util.ts
@@ -1,6 +1,6 @@
import { SIDE } from './constants';
-export function capitalize(input) {
+export function capitalize(input: string) {
return input[0].toUpperCase() + input.substring(1);
}
@@ -13,11 +13,11 @@ export function getUniqueId(prefix = 'pf') {
return `${prefix}-${uid}`;
}
-export function debounce(func, wait) {
- let timeout;
- return (...args) => {
+export function debounce(func: (...args: any[]) => any, wait: number) {
+ let timeout: number;
+ return (...args: any[]) => {
clearTimeout(timeout);
- timeout = setTimeout(() => func.apply(this, args), wait);
+ timeout = setTimeout(() => func.apply(this, args), wait) as any;
};
}
diff --git a/packages/patternfly-4/react-core/src/index.ts b/packages/patternfly-4/react-core/src/index.ts
index aa8ef40c2e7..2a0d4ff1507 100644
--- a/packages/patternfly-4/react-core/src/index.ts
+++ b/packages/patternfly-4/react-core/src/index.ts
@@ -1,4 +1,5 @@
export * from './components';
export * from './layouts';
+export * from './helpers';
export { GutterSize } from './styles/gutters';
export { BaseSizes, DeviceSizes } from './styles/sizes';
diff --git a/packages/patternfly-4/react-core/src/layouts/Bullseye/Bullseye.js b/packages/patternfly-4/react-core/src/layouts/Bullseye/Bullseye.js
index 18a397fb2a6..7df2e0a31fd 100644
--- a/packages/patternfly-4/react-core/src/layouts/Bullseye/Bullseye.js
+++ b/packages/patternfly-4/react-core/src/layouts/Bullseye/Bullseye.js
@@ -2,7 +2,7 @@ import React from 'react';
import { css } from '@patternfly/react-styles';
import styles from '@patternfly/patternfly/layouts/Bullseye/bullseye.css';
import PropTypes from 'prop-types';
-import { componentShape } from '../../internal/componentShape';
+import { componentShape } from '../../helpers/componentShape';
const propTypes = {
/** content rendered inside the Bullseye layout */
diff --git a/packages/patternfly-4/react-core/src/layouts/Split/Split.js b/packages/patternfly-4/react-core/src/layouts/Split/Split.js
index 906181a7f5b..111e8626f5a 100644
--- a/packages/patternfly-4/react-core/src/layouts/Split/Split.js
+++ b/packages/patternfly-4/react-core/src/layouts/Split/Split.js
@@ -1,7 +1,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import styles from '@patternfly/patternfly/layouts/Split/split.css';
-import { componentShape } from '../../internal/componentShape';
+import { componentShape } from '../../helpers/componentShape';
import { GutterSize, getGutterModifier } from '../../styles/gutters';
import { css } from '@patternfly/react-styles';
diff --git a/packages/patternfly-4/react-core/src/layouts/Stack/Stack.js b/packages/patternfly-4/react-core/src/layouts/Stack/Stack.js
index ab97bee6714..b6f433d753a 100644
--- a/packages/patternfly-4/react-core/src/layouts/Stack/Stack.js
+++ b/packages/patternfly-4/react-core/src/layouts/Stack/Stack.js
@@ -1,7 +1,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import styles from '@patternfly/patternfly/layouts/Stack/stack.css';
-import { componentShape } from '../../internal/componentShape';
+import { componentShape } from '../../helpers/componentShape';
import { GutterSize, getGutterModifier } from '../../styles/gutters';
import { css } from '@patternfly/react-styles';