chore(lib): remove customPropTypes.as

.github/CONTRIBUTING.md

@@ -486,7 +486,7 @@ A docblock should appear above each prop in `propTypes` to describe them:
 ```js
 Label.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** A label can reduce its complexity. */
   basic: PropTypes.bool,

src/addons/Responsive/Responsive.js

@@ -2,13 +2,7 @@ import _ from 'lodash'
 import PropTypes from 'prop-types'
 import React, { Component } from 'react'
 
-import {
-  customPropTypes,
-  eventStack,
-  getElementType,
-  getUnhandledProps,
-  isBrowser,
-} from '../../lib'
+import { eventStack, getElementType, getUnhandledProps, isBrowser } from '../../lib'
 import isVisible from './lib/isVisible'
 
 /**
@@ -17,7 +11,7 @@ import isVisible from './lib/isVisible'
 export default class Responsive extends Component {
   static propTypes = {
     /** An element type to render as (string or function). */
-    as: customPropTypes.as,
+    as: PropTypes.elementType,
 
     /** Primary content. */
     children: PropTypes.node,

src/addons/TextArea/TextArea.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import React, { Component, createRef } from 'react'
 
 import Ref from '../Ref'
-import { customPropTypes, getElementType, getUnhandledProps } from '../../lib'
+import { getElementType, getUnhandledProps } from '../../lib'
 
 /**
  * A TextArea can be used to allow for extended user input.
@@ -12,7 +12,7 @@ import { customPropTypes, getElementType, getUnhandledProps } from '../../lib'
 class TextArea extends Component {
   static propTypes = {
     /** An element type to render as (string or function). */
-    as: customPropTypes.as,
+    as: PropTypes.elementType,
 
     /**
      * Called on change.

src/behaviors/Visibility/Visibility.js

@@ -5,7 +5,6 @@ import React, { Component, createRef } from 'react'
 import Ref from '../../addons/Ref'
 import {
   eventStack,
-  customPropTypes,
   getElementType,
   getUnhandledProps,
   normalizeOffset,
@@ -18,7 +17,7 @@ import {
 export default class Visibility extends Component {
   static propTypes = {
     /** An element type to render as (string or function). */
-    as: customPropTypes.as,
+    as: PropTypes.elementType,
 
     /** Primary content. */
     children: PropTypes.node,

src/collections/Breadcrumb/Breadcrumb.js

@@ -48,7 +48,7 @@ function Breadcrumb(props) {
 
 Breadcrumb.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** Primary content. */
   children: PropTypes.node,

src/collections/Breadcrumb/BreadcrumbDivider.js

@@ -46,7 +46,7 @@ function BreadcrumbDivider(props) {
 
 BreadcrumbDivider.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** Primary content. */
   children: PropTypes.node,

src/collections/Breadcrumb/BreadcrumbSection.js

@@ -18,7 +18,7 @@ import {
 export default class BreadcrumbSection extends Component {
   static propTypes = {
     /** An element type to render as (string or function). */
-    as: customPropTypes.as,
+    as: PropTypes.elementType,
 
     /** Style as the currently active section. */
     active: PropTypes.bool,

src/collections/Form/Form.js

@@ -3,14 +3,7 @@ import _ from 'lodash'
 import PropTypes from 'prop-types'
 import React, { Component } from 'react'
 
-import {
-  customPropTypes,
-  getElementType,
-  getUnhandledProps,
-  SUI,
-  useKeyOnly,
-  useWidthProp,
-} from '../../lib'
+import { getElementType, getUnhandledProps, SUI, useKeyOnly, useWidthProp } from '../../lib'
 import FormButton from './FormButton'
 import FormCheckbox from './FormCheckbox'
 import FormDropdown from './FormDropdown'
@@ -35,7 +28,7 @@ import FormTextArea from './FormTextArea'
 class Form extends Component {
   static propTypes = {
     /** An element type to render as (string or function). */
-    as: customPropTypes.as,
+    as: PropTypes.elementType,
 
     /** The HTML form action */
     action: PropTypes.string,

src/collections/Form/FormButton.js

@@ -1,6 +1,7 @@
+import PropTypes from 'prop-types'
 import React from 'react'
 
-import { customPropTypes, getElementType, getUnhandledProps } from '../../lib'
+import { getElementType, getUnhandledProps } from '../../lib'
 import Button from '../../elements/Button'
 import FormField from './FormField'
 
@@ -19,7 +20,7 @@ function FormButton(props) {
 
 FormButton.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** A FormField control prop. */
   control: FormField.propTypes.control,

src/collections/Form/FormCheckbox.js

@@ -1,6 +1,7 @@
+import PropTypes from 'prop-types'
 import React from 'react'
 
-import { customPropTypes, getElementType, getUnhandledProps } from '../../lib'
+import { getElementType, getUnhandledProps } from '../../lib'
 import Checkbox from '../../modules/Checkbox'
 import FormField from './FormField'
 
@@ -19,7 +20,7 @@ function FormCheckbox(props) {
 
 FormCheckbox.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** A FormField control prop. */
   control: FormField.propTypes.control,

src/collections/Form/FormDropdown.js

@@ -1,6 +1,7 @@
+import PropTypes from 'prop-types'
 import React from 'react'
 
-import { customPropTypes, getElementType, getUnhandledProps } from '../../lib'
+import { getElementType, getUnhandledProps } from '../../lib'
 import Dropdown from '../../modules/Dropdown'
 import FormField from './FormField'
 
@@ -19,7 +20,7 @@ function FormDropdown(props) {
 
 FormDropdown.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** A FormField control prop. */
   control: FormField.propTypes.control,

src/collections/Form/FormField.js

@@ -134,7 +134,7 @@ function FormField(props) {
 
 FormField.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** Primary content. */
   children: PropTypes.node,

src/collections/Form/FormGroup.js

@@ -38,7 +38,7 @@ function FormGroup(props) {
 
 FormGroup.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** Primary content. */
   children: PropTypes.node,

src/collections/Form/FormInput.js

@@ -1,6 +1,7 @@
+import PropTypes from 'prop-types'
 import React from 'react'
 
-import { customPropTypes, getElementType, getUnhandledProps } from '../../lib'
+import { getElementType, getUnhandledProps } from '../../lib'
 import Input from '../../elements/Input'
 import FormField from './FormField'
 
@@ -19,7 +20,7 @@ function FormInput(props) {
 
 FormInput.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** A FormField control prop. */
   control: FormField.propTypes.control,

src/collections/Form/FormRadio.js

@@ -1,6 +1,7 @@
+import PropTypes from 'prop-types'
 import React from 'react'
 
-import { customPropTypes, getElementType, getUnhandledProps } from '../../lib'
+import { getElementType, getUnhandledProps } from '../../lib'
 import Radio from '../../addons/Radio'
 import FormField from './FormField'
 
@@ -19,7 +20,7 @@ function FormRadio(props) {
 
 FormRadio.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** A FormField control prop. */
   control: FormField.propTypes.control,

src/collections/Form/FormSelect.js

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types'
 import React from 'react'
 
-import { customPropTypes, getElementType, getUnhandledProps } from '../../lib'
+import { getElementType, getUnhandledProps } from '../../lib'
 import Select from '../../addons/Select'
 import Dropdown from '../../modules/Dropdown'
 import FormField from './FormField'
@@ -21,7 +21,7 @@ function FormSelect(props) {
 
 FormSelect.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** A FormField control prop. */
   control: FormField.propTypes.control,

src/collections/Form/FormTextArea.js

@@ -1,6 +1,7 @@
+import PropTypes from 'prop-types'
 import React from 'react'
 
-import { customPropTypes, getElementType, getUnhandledProps } from '../../lib'
+import { getElementType, getUnhandledProps } from '../../lib'
 import TextArea from '../../addons/TextArea'
 import FormField from './FormField'
 
@@ -19,7 +20,7 @@ function FormTextArea(props) {
 
 FormTextArea.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** A FormField control prop. */
   control: FormField.propTypes.control,

src/collections/Grid/Grid.js

@@ -74,7 +74,7 @@ Grid.Row = GridRow
 
 Grid.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** A grid can have rows divided into cells. */
   celled: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['internally'])]),

src/collections/Grid/GridColumn.js

@@ -65,7 +65,7 @@ function GridColumn(props) {
 
 GridColumn.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** Primary content. */
   children: PropTypes.node,

src/collections/Grid/GridRow.js

@@ -57,7 +57,7 @@ function GridRow(props) {
 
 GridRow.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** A row can have its columns centered. */
   centered: PropTypes.bool,

src/collections/Menu/Menu.js

@@ -27,7 +27,7 @@ import MenuMenu from './MenuMenu'
 class Menu extends Component {
   static propTypes = {
     /** An element type to render as (string or function). */
-    as: customPropTypes.as,
+    as: PropTypes.elementType,
 
     /** Index of the currently active item. */
     activeIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),

src/collections/Menu/MenuHeader.js

@@ -22,7 +22,7 @@ function MenuHeader(props) {
 
 MenuHeader.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** Primary content. */
   children: PropTypes.node,

src/collections/Menu/MenuItem.js

@@ -21,7 +21,7 @@ import Icon from '../../elements/Icon'
 export default class MenuItem extends Component {
   static propTypes = {
     /** An element type to render as (string or function). */
-    as: customPropTypes.as,
+    as: PropTypes.elementType,
 
     /** A menu item can be active. */
     active: PropTypes.bool,

src/collections/Menu/MenuMenu.js

@@ -23,7 +23,7 @@ function MenuMenu(props) {
 
 MenuMenu.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** Primary content. */
   children: PropTypes.node,

src/collections/Message/Message.js

@@ -26,7 +26,7 @@ import MessageItem from './MessageItem'
 export default class Message extends Component {
   static propTypes = {
     /** An element type to render as (string or function). */
-    as: customPropTypes.as,
+    as: PropTypes.elementType,
 
     /** A message can be formatted to attach itself to other content. */
     attached: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['bottom', 'top'])]),

src/collections/Message/MessageContent.js

@@ -22,7 +22,7 @@ function MessageContent(props) {
 
 MessageContent.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** Primary content. */
   children: PropTypes.node,

src/collections/Message/MessageHeader.js

@@ -28,7 +28,7 @@ function MessageHeader(props) {
 
 MessageHeader.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** Primary content. */
   children: PropTypes.node,

src/collections/Message/MessageItem.js

@@ -28,7 +28,7 @@ function MessageItem(props) {
 
 MessageItem.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** Primary content. */
   children: PropTypes.node,

src/collections/Message/MessageList.js

@@ -30,7 +30,7 @@ function MessageList(props) {
 
 MessageList.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** Primary content. */
   children: PropTypes.node,

src/collections/Table/Table.js

@@ -121,7 +121,7 @@ Table.defaultProps = {
 
 Table.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** Attach table to other content */
   attached: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['top', 'bottom'])]),

src/collections/Table/TableBody.js

@@ -2,7 +2,7 @@ import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React from 'react'
 
-import { customPropTypes, getElementType, getUnhandledProps } from '../../lib'
+import { getElementType, getUnhandledProps } from '../../lib'
 
 function TableBody(props) {
   const { children, className } = props
@@ -23,7 +23,7 @@ TableBody.defaultProps = {
 
 TableBody.propTypes = {
   /** An element type to render as (string or function). */
-  as: customPropTypes.as,
+  as: PropTypes.elementType,
 
   /** Primary content. */
   children: PropTypes.node,