refactor: remove cssModules functionality

Author: woothu

src/CAlert.js

@@ -1,7 +1,6 @@
 import React, { useState, useEffect, useRef } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
-import { mapToCssModules } from './Shared/helper.js'
 import CFade from './CFade'
 import CButtonClose from './CButtonClose'
 
@@ -10,7 +9,6 @@ const CAlert = props => {
   let {
     children,
     className,
-    cssModule,
     //
     onShowChange,
     closeButton,
@@ -22,14 +20,14 @@ const CAlert = props => {
   } = props
 
   //render
-  const classes = mapToCssModules(classNames(
+  const classes = classNames(
     className,
     'alert',
     {
       [`alert-${color}`]: color,
       'alert-dismissible': closeButton
     }
-  ), cssModule)
+  )
 
   const alertTransition = {
     ...CFade.defaultProps,
@@ -76,7 +74,6 @@ const CAlert = props => {
 CAlert.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
-  cssModule: PropTypes.object,
   //
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
   onShowChange: PropTypes.func,

src/CBadge.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
-import { tagPropType, mapToCssModules } from './Shared/helper.js'
+import { tagPropType } from './Shared/helper.js'
 import CLink from './CLink'
 
 //component - CoreUI / CBadge
@@ -11,7 +11,6 @@ const CBadge = props => {
   let {
     tag,
     className,
-    cssModule,
     //
     innerRef,
     color,
@@ -21,14 +20,14 @@ const CBadge = props => {
 
   // render
 
-  const classes = mapToCssModules(classNames(
+  const classes = classNames(
     className,
     'badge',
     {
       [`badge-${color}`]: color,
       [`badge-${shape}`]: shape
     }
-  ), cssModule)
+  )
 
   const Tag = attributes.to || attributes.href ? CLink : tag
   const ref = { [`${typeof Tag === 'string' ? 'ref': 'innerRef'}`]: innerRef }
@@ -42,7 +41,6 @@ const CBadge = props => {
 CBadge.propTypes = {
   tag: tagPropType,
   className: PropTypes.string,
-  cssModule: PropTypes.object,
   //
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
   color: PropTypes.string,

src/CBrand.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
-import { tagPropType, mapToCssModules } from './Shared/helper.js'
+import { tagPropType } from './Shared/helper.js'
 import CLink from './CLink'
 
 //component - CoreUI / CBrand
@@ -10,15 +10,14 @@ const CBrand = props => {
   const {
     tag,
     className,
-    cssModule,
     //
     innerRef,
     ...attributes
   } = props
 
   //render
 
-  const classes = mapToCssModules(classNames(className), cssModule)
+  const classes = classNames(className)
 
   const Tag = attributes.to || attributes.href ? CLink : tag
   const ref = { [`${typeof Tag === 'string' ? 'ref': 'innerRef'}`]: innerRef}
@@ -30,7 +29,6 @@ const CBrand = props => {
 CBrand.propTypes = {
   tag: tagPropType,
   children: PropTypes.node,
-  cssModule: PropTypes.object,
   className: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
   //
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string])

src/CBreadcrumb.js

@@ -1,7 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
-import { mapToCssModules } from './Shared/helper.js'
 
 //component - CoreUI / CBreadcrumb
 
@@ -10,12 +9,11 @@ const CBreadcrumb = props => {
   const {
     className,
     innerRef,
-    cssModule,
     //
     ...attributes
   } = props
 
-  const classes = mapToCssModules(classNames(className, 'breadcrumb'), cssModule)
+  const classes = classNames(className, 'breadcrumb')
 
   //render
   return (
@@ -26,7 +24,6 @@ const CBreadcrumb = props => {
 CBreadcrumb.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
-  cssModule: PropTypes.object,
   //
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
 }

src/CBreadcrumbItem.js

@@ -1,15 +1,13 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
-import { mapToCssModules } from './Shared/helper.js'
 
 //component - CoreUI / CBreadcrumbItem
 
 const CBreadcrumbItem = props => {
 
   const {
     className,
-    cssModule,
     //
     innerRef,
     active,
@@ -18,11 +16,11 @@ const CBreadcrumbItem = props => {
 
   //render
 
-  const classes = mapToCssModules(classNames(
+  const classes = classNames(
     className,
     active ? 'active' : false,
     'breadcrumb-item'
-  ), cssModule)
+  )
 
   return (
     <li 
@@ -38,7 +36,6 @@ const CBreadcrumbItem = props => {
 
 CBreadcrumbItem.propTypes = {
   className: PropTypes.string,
-  cssModule: PropTypes.object,
   //
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
   active: PropTypes.bool

src/CBreadcrumbRouter.js

@@ -1,7 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
-import { mapToCssModules } from './Shared/helper.js'
 import { CBreadcrumb, CBreadcrumbItem } from './index'
 import { Link, useLocation } from 'react-router-dom';
 
@@ -34,7 +33,6 @@ const CBreadcrumbRouter = props => {
 
   const {
     className,
-    cssModule,
     //
     innerRef,
     routes,
@@ -47,7 +45,7 @@ const CBreadcrumbRouter = props => {
 
   //render
 
-  const classes = mapToCssModules(classNames(className), cssModule)
+  const classes = classNames(className)
 
   return (
     <CBreadcrumb 
@@ -66,7 +64,6 @@ const CBreadcrumbRouter = props => {
 
 CBreadcrumbRouter.propTypes = {
   className: PropTypes.string,
-  cssModule: PropTypes.object,
   //
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
   routes: PropTypes.array

src/CButton.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
-import { tagPropType, mapToCssModules } from './Shared/helper.js'
+import { tagPropType } from './Shared/helper.js'
 import CLink from './CLink'
 //component - CoreUI / CButton
 
@@ -10,7 +10,6 @@ const CButton = props => {
   let {
     tag: Tag,
     className,
-    cssModule,
     //
     innerRef,
     onClick,
@@ -30,7 +29,7 @@ const CButton = props => {
   const isLink = attributes.to || attributes.href
 
   //render
-  const classes = mapToCssModules(classNames(
+  const classes = classNames(
     className,
     'btn',
     variant || color ? `btn${variant ? '-' + variant : ''}-${color}` : false,
@@ -40,7 +39,7 @@ const CButton = props => {
     pressed ? 'btn-pressed' : false,
     { 'active': active && !isLink,
     'disabled': disabled && !isLink }
-  ), cssModule)
+  )
 
 
   if (isLink) {
@@ -66,7 +65,6 @@ const CButton = props => {
 
 CButton.propTypes = {
   tag: tagPropType,
-  cssModule: PropTypes.object,
   className: PropTypes.string,
   //
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),

src/CButtonClose.js

@@ -1,7 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
-import { mapToCssModules } from './Shared/helper.js'
 
 //component - CoreUI / CButtonClose
 
@@ -10,7 +9,6 @@ const CButtonClose = props => {
   const {
     children,
     className,
-    cssModule,
     //
     buttonClass,
     innerRef,
@@ -19,10 +17,10 @@ const CButtonClose = props => {
 
   //render
 
-  const classes = mapToCssModules(classNames(
+  const classes = classNames(
     buttonClass,
     className
-  ), cssModule)
+  )
 
   return (
     <button
@@ -40,7 +38,6 @@ const CButtonClose = props => {
 CButtonClose.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
-  cssModule: PropTypes.object,
   //
   buttonClass: PropTypes.string,
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),

src/CButtonGroup.js

@@ -1,15 +1,13 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
-import { mapToCssModules } from './Shared/helper.js'
 
 //component - CoreUI / CButtonGroup
 
 const CButtonGroup = props => {
 
   const {
     className,
-    cssModule,
     //
     innerRef,
     size,
@@ -19,11 +17,11 @@ const CButtonGroup = props => {
 
   //render
 
-  const classes = mapToCssModules(classNames(
+  const classes = classNames(
     className,
     size ? 'btn-group-' + size : false,
     vertical ? 'btn-group-vertical' : 'btn-group'
-  ), cssModule)
+  )
 
   return (
     <div 
@@ -37,7 +35,6 @@ const CButtonGroup = props => {
 
 CButtonGroup.propTypes = {
   className: PropTypes.string,
-  cssModule: PropTypes.object,
   //
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
   size: PropTypes.oneOf(['', 'sm', 'lg']),

src/CButtonToolbar.js

@@ -1,15 +1,13 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
-import { mapToCssModules } from './Shared/helper.js'
 
 //component - CoreUI / CButtonToolbar
 
 const CButtonToolbar = props=>{
 
   const {
     className,
-    cssModule,
     //
     innerRef,
     justify,
@@ -18,11 +16,11 @@ const CButtonToolbar = props=>{
 
   //render
 
-  const classes = mapToCssModules(classNames(
+  const classes = classNames(
     className,
     'btn-toolbar',
     { [`justify-content-${justify}`]: justify }
-  ), cssModule)
+  )
 
   return (
     <div 
@@ -38,7 +36,6 @@ const CButtonToolbar = props=>{
 
 CButtonToolbar.propTypes = {
   className: PropTypes.string,
-  cssModule: PropTypes.object,
   //
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
   role: PropTypes.string,