fix: CEmbed refactor:

- rename CEmbedObject to CEmbedItem
- delete 'custom' functionality
- correct propTypes

Author: woothu

src/CEmbed.js

@@ -1,73 +1,46 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import {mapToCssModules, tagPropType} from './Shared/helper.js';
-import CEmbedObject from './CEmbedObject';
+import React from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+import { mapToCssModules, tagPropType } from './Shared/helper.js'
 
 //component - CoreUI / CEmbed
 
-const CEmbed = props=>{
+const CEmbed = props => {
 
   const {
     tag: Tag,
     className,
     cssModule,
-    custom,
     innerRef,
     //
     ratio,
-    type,
-    src,
-    objectClassName,
-    objectProps,
     ...attributes
-  } = props;
+  } = props
 
   //render
 
   const classes = mapToCssModules(classNames(
-    className,
-    ratio ? `embed-responsive-${ratio}` : null,
-    'embed-responsive'
-  ), cssModule);
-
-  const objectClasses = mapToCssModules(classNames(
-    objectClassName
-  ), cssModule);
-
-  if (!custom){
-    return (
-      <Tag className={classes} {...attributes} ref={innerRef}>
-        <CEmbedObject {...objectProps} className={objectClasses} type={type} src={src} />
-      </Tag>
-    );
-  }
+    className, 'embed-responsive', `embed-responsive-${ratio}`
+  ), cssModule)
 
   return (
-    <Tag className={classes} {...attributes} ref={innerRef} />
-  );
+    <Tag className={classes} {...attributes} ref={innerRef}/>
+  )
 
 }
 
 CEmbed.propTypes = {
   tag: tagPropType,
   className: PropTypes.string,
   cssModule: PropTypes.object,
-  custom: PropTypes.bool,
   //
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
-  ratio: PropTypes.string,
-  objectClassName: PropTypes.string,
-  objectProps: PropTypes.object,
-  ///
-  type: PropTypes.string,
-  src: PropTypes.string,
+  ratio: PropTypes.oneOf(['21by9', '16by9', '4by3', '1by1']),
 };
 
 CEmbed.defaultProps = {
-  tag: 'span',
-  ratio: '16by9',
-  type: 'iframe',
-};
+  tag: 'div',
+  ratio: '16by9'
+}
 
-export default CEmbed;
+export default CEmbed

src/CEmbedItem.js

@@ -0,0 +1,45 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+import { mapToCssModules, tagPropType } from './Shared/helper.js'
+
+//component - CoreUI / CEmbedItem
+
+const CEmbedItem = props => {
+
+  const {
+    tag: Tag,
+    className,
+    cssModule,
+    //
+    innerRef,
+    ...attributes
+  } = props
+
+  //render
+
+  const classes = mapToCssModules(classNames(
+    className,
+    'embed-responsive-item'
+  ), cssModule)
+
+  return (
+    <Tag className={classes} {...attributes} ref={innerRef}/>
+  )
+
+}
+
+CEmbedItem.propTypes = {
+  tag: tagPropType,
+  className: PropTypes.string,
+  cssModule: PropTypes.object,
+  //
+  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
+  type: PropTypes.oneOf(['iframe', 'embed', 'video', 'object', 'img'])
+};
+
+CEmbedItem.defaultProps = {
+  tag: 'iframe'
+}
+
+export default CEmbedItem

src/CEmbedObject.js

@@ -109,7 +109,7 @@ export {default as CToastBody} from './CToastBody';
 export {default as CToaster} from './CToaster';
 export {default as CCallout} from './CCallout';
 export {default as CEmbed} from './CEmbed';
-export {default as CEmbedObject} from './CEmbedObject';
+export {default as CEmbedItem} from './CEmbedItem';
 export {default as CLink} from './CLink';
 export {default as CToggler} from './CToggler';
 export {default as CImg} from './CImg';