chore(lib): remove customPropTypes.as (#3751)

Author: layershifter

.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,