refacotor: template updates

package.json

@@ -26,9 +26,9 @@
     "@coreui/chartjs": "^2.0.0",
     "@coreui/coreui": "^3.2.0",
     "@coreui/icons": "^1.0.1",
-    "@coreui/icons-react": "^1.0.0-beta.1",
-    "@coreui/react": "^3.0.0-beta.6",
-    "@coreui/react-chartjs": "^1.0.0-alpha.1",
+    "@coreui/icons-react": "^1.0.0",
+    "@coreui/react": "^3.0.0",
+    "@coreui/react-chartjs": "^1.0.0",
     "@coreui/utils": "^1.3.1",
     "classnames": "^2.2.6",
     "core-js": "^3.6.5",

src/assets/icons/index.js

@@ -42,6 +42,8 @@ import {
   cilAlignRight,
   cilApplicationsSettings,
   cilArrowRight,
+  cilArrowTop,
+  cilAsterisk,
   cilBan,
   cilBasket,
   cilBell,
@@ -104,6 +106,7 @@ import {
   cilPrint,
   cilPuzzle,
   cilSave,
+  cilScrubber,
   cilSettings,
   cilShare,
   cilShareAll,
@@ -122,6 +125,7 @@ import {
   cilUserFemale,
   cilUserFollow,
   cilUserUnfollow,
+  cilX,
   cilXCircle,
   cilWarning
 } from '@coreui/icons'
@@ -136,6 +140,8 @@ export const icons = Object.assign({}, {
   cilAlignRight,
   cilApplicationsSettings,
   cilArrowRight,
+  cilArrowTop,
+  cilAsterisk,
   cilBan,
   cilBasket,
   cilBell,
@@ -163,12 +169,12 @@ export const icons = Object.assign({}, {
   cilEnvelopeLetter,
   cilEnvelopeOpen,
   cilEuro,
-  cilGraph,
   cilGlobeAlt,
   cilGrid,
   cilFile,
   cilFullscreen,
   cilFullscreenExit,
+  cilGraph,
   cilHome,
   cilInbox,
   cilIndentDecrease,
@@ -198,6 +204,7 @@ export const icons = Object.assign({}, {
   cilPrint,
   cilPuzzle,
   cilSave,
+  cilScrubber,
   cilSettings,
   cilShare,
   cilShareAll,
@@ -216,6 +223,7 @@ export const icons = Object.assign({}, {
   cilUserFemale,
   cilUserFollow,
   cilUserUnfollow,
+  cilX,
   cilXCircle,
   cilWarning
 }, {

src/containers/TheHeader.js

@@ -11,7 +11,7 @@ import {
   CBreadcrumbRouter,
   CLink
 } from '@coreui/react'
-import { CIcon } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 // routes config
 import routes from '../routes'

src/containers/TheHeaderDropdown.js

@@ -7,7 +7,7 @@ import {
   CDropdownToggle,
   CImg
 } from '@coreui/react'
-import { CIcon } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 const TheHeaderDropdown = () => {
   return (

src/containers/TheHeaderDropdownMssg.js

@@ -7,7 +7,7 @@ import {
   CDropdownToggle,
   CImg
 } from '@coreui/react'
-import { CIcon } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 const TheHeaderDropdownMssg = () => {
   const itemsCount = 4

src/containers/TheHeaderDropdownNotif.js

@@ -7,7 +7,7 @@ import {
   CDropdownToggle,
   CProgress
 } from '@coreui/react'
-import { CIcon } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 const TheHeaderDropdownNotif = () => {
   const itemsCount = 5
@@ -31,7 +31,7 @@ const TheHeaderDropdownNotif = () => {
         </CDropdownItem>
         <CDropdownItem><CIcon name="cil-user-follow" className="mr-2 text-success" /> New user registered</CDropdownItem>
         <CDropdownItem><CIcon name="cil-user-unfollow" className="mr-2 text-danger" /> User deleted</CDropdownItem>
-        <CDropdownItem><CIcon name="cil-chart" className="mr-2 text-info" /> Sales report is ready</CDropdownItem>
+        <CDropdownItem><CIcon name="cil-chart-pie" className="mr-2 text-info" /> Sales report is ready</CDropdownItem>
         <CDropdownItem><CIcon name="cil-basket" className="mr-2 text-primary" /> New client</CDropdownItem>
         <CDropdownItem><CIcon name="cil-speedometer" className="mr-2 text-warning" /> Server overloaded</CDropdownItem>
         <CDropdownItem

src/containers/TheHeaderDropdownTasks.js

@@ -7,7 +7,7 @@ import {
   CDropdownToggle,
   CProgress
 } from '@coreui/react'
-import { CIcon } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 const TheHeaderDropdownTasks = () => {
   const itemsCount = 5

src/containers/TheSidebar.js

@@ -12,7 +12,7 @@ import {
   CSidebarNavItem,
 } from '@coreui/react'
 
-import { CIcon } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 // sidebar nav config
 import navigation from './_nav'

src/views/base/cards/Cards.js

@@ -12,7 +12,7 @@ import {
   CSwitch,
   CLink
 } from  '@coreui/react'
-import { CIcon } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 const Cards = () => {
   const [collapsed, setCollapsed] = React.useState(true)

src/views/base/forms/BasicForms.js

@@ -30,7 +30,7 @@ import {
   CSelect,
   CRow
 } from '@coreui/react'
-import { CIcon } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 const BasicForms = () => {
   const [collapsed, setCollapsed] = React.useState(true)

src/views/base/list-groups/ListGroups.js

@@ -7,8 +7,6 @@ import {
   CCol,
   CListGroup,
   CListGroupItem,
-  CListGroupItemHeading,
-  CListGroupItemText,
   CRow,
   CTabContent,
   CTabPane
@@ -189,27 +187,27 @@ const ListGroups = () => {
 
               <CListGroup>
                 <CListGroupItem action active>
-                  <CListGroupItemHeading className="d-flex w-100 justify-content-between">
+                  <h5 className="d-flex w-100 justify-content-between">
                     List group item heading
                     <small>3 days ago</small>
-                  </CListGroupItemHeading>
-                  <CListGroupItemText className="mb-1">
+                  </h5>
+                  <div className="mb-1">
                     Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
                     <small>Donec id elit non mi porta.</small>
-                  </CListGroupItemText>
+                  </div>
                 </CListGroupItem>
                 <CListGroupItem action>
-                  <CListGroupItemHeading>List group item heading</CListGroupItemHeading>
-                  <CListGroupItemText>
+                  <h5>List group item heading</h5>
+                  <div>
                     Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
-                  </CListGroupItemText>
+                  </div>
                   <small>Small.</small>
                 </CListGroupItem>
                 <CListGroupItem action>
-                  <CListGroupItemHeading>List group item heading</CListGroupItemHeading>
-                  <CListGroupItemText>
+                  <h5>List group item heading</h5>
+                  <div>
                     Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
-                  </CListGroupItemText>
+                  </div>
                   <small>Small.</small>
                 </CListGroupItem>
               </CListGroup>

src/views/base/navbars/Navbars.js

@@ -19,7 +19,7 @@ import {
   CButton,
   CImg
 } from '@coreui/react'
-// import { CIcon } from '@coreui/icons-react'
+// import CIcon from '@coreui/icons-react'
 
 const CNavbars = () => {
   const [isOpen, setIsOpen] = useState(false)

src/views/base/tabs/Tabs.js

@@ -12,9 +12,7 @@ import {
   CTabs,
   CCardHeader
 } from '@coreui/react'
-import {
-  CIcon
-} from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 const Tabs = () => {
   const [active, setActive] = useState(1)

src/views/buttons/brand-buttons/BrandButtons.js

@@ -7,7 +7,7 @@ import {
   CCol,
   CRow
 } from '@coreui/react'
-import { CIcon } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 const BrandButtons = () => {
   return (

src/views/buttons/buttons/Buttons.js

@@ -7,7 +7,7 @@ import {
   CCol,
   CRow
 } from '@coreui/react'
-import { CIcon } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 const Buttons = () => {
   return (

src/views/charts/ChartBarSimple.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { getColor } from '@coreui/utils/src'
-import { CCharts } from '@coreui/react-chartjs'
+import { CChartBar } from '@coreui/react-chartjs'
 
 const ChartBarSimple = props => {
 
@@ -46,7 +46,7 @@ const ChartBarSimple = props => {
 
   // render
   return (
-    <CCharts
+    <CChartBar
       {...attributes}
       type="bar"
       datasets={defaultDatasets}

src/views/charts/ChartLineSimple.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { getColor, deepObjectsMerge } from '@coreui/utils/src'
-import { CCharts } from '@coreui/react-chartjs'
+import { CChartLine } from '@coreui/react-chartjs'
 
 const ChartLineSimple = props => {
 
@@ -121,7 +121,7 @@ const ChartLineSimple = props => {
   // render
 
   return (
-    <CCharts
+    <CChartLine
       {...attributes}
       type="line"
       datasets={computedDatasets}