Merge pull request #422 from mrholek/main

mrholek · web-flow · commit b14949c376c4 · 2025-01-02T01:06:28.000+01:00
docs: update `@coreui/react` library imports
diff --git a/packages/docs/content/components/close-button/index.mdx b/packages/docs/content/components/close-button/index.mdx
@@ -6,8 +6,6 @@ route: /components/close-button/
 other_frameworks: close-button
 ---
 
-import { CCloseButton } from '@coreui/react/src/index'
-
 ## Example
 
 Provide an option to dismiss or close a component with `<CCloseButton>`. Default styling is limited, but highly customizable. Modify the Sass variables to replace the default `background-image`.
diff --git a/packages/docs/content/components/footer.mdx b/packages/docs/content/components/footer.mdx
@@ -7,7 +7,7 @@ route: /components/footer
 other_frameworks: footer
 ---
 
-import { CFooter, CLink } from '@coreui/react/src/index'
+import { CFooter, CLink } from '@coreui/react'
 
 ## Example
 
diff --git a/packages/docs/content/components/header.mdx b/packages/docs/content/components/header.mdx
@@ -31,7 +31,7 @@ import {
   CHeaderNav,
   CHeaderText,
   CHeaderToggler,
-} from '@coreui/react/src/index'
+} from '@coreui/react'
 
 ## Supported content
 
diff --git a/packages/docs/content/components/icon.mdx b/packages/docs/content/components/icon.mdx
@@ -14,7 +14,7 @@ import {
   CNavLink,
   CRow,
   CTabContent,
-  CTabPane } from '@coreui/react/src/index'
+  CTabPane } from '@coreui/react'
 import {CIcon, CIconSvg} from '@coreui/icons-react/src/index'
 import { cilList, cilShieldAlt } from '@coreui/icons'
 import * as icon from '@coreui/icons';
diff --git a/packages/docs/content/components/sidebar/index.mdx b/packages/docs/content/components/sidebar/index.mdx
@@ -6,24 +6,6 @@ route: /components/sidebar/
 other_frameworks: sidebar
 ---
 
-import CIcon from '@coreui/icons-react'
-import { cilCloudDownload, cilLayers, cilPuzzle, cilSpeedometer } from '@coreui/icons'
-
-import {
-  CBadge,
-  CSidebar,
-  CSidebarBrand,
-  CSidebarFooter,
-  CSidebarHeader,
-  CSidebarNav,
-  CSidebarToggler,
-  CNavGroup,
-  CNavGroupItems,
-  CNavItem,
-  CNavLink,
-  CNavTitle,
-} from '@coreui/react/src/index'
-
 ## Supported content
 
 Sidebar come with built-in support for a handful of sub-components. Choose from the following as needed:
diff --git a/packages/docs/content/components/table/index.mdx b/packages/docs/content/components/table/index.mdx
@@ -16,7 +16,7 @@ import {
   CTableHead,
   CTableHeaderCell,
   CTableRow,
-} from '@coreui/react/src/index'
+} from '@coreui/react'
 
 ## How to use React Table Component
 
diff --git a/packages/docs/content/forms/checks-radios.mdx b/packages/docs/content/forms/checks-radios.mdx
@@ -14,7 +14,7 @@ import {
   CFormLabel,
   CFormSwitch,
   CFormText,
-} from '@coreui/react/src/index'
+} from '@coreui/react'
 
 ## Approach
 
diff --git a/packages/docs/content/forms/form-control.mdx b/packages/docs/content/forms/form-control.mdx
@@ -14,7 +14,7 @@ import {
   CFormTextarea,
   CCol,
   CRow
-} from '@coreui/react/src/index'
+} from '@coreui/react'
 
 ## Example
 
diff --git a/packages/docs/content/forms/overview.mdx b/packages/docs/content/forms/overview.mdx
@@ -16,7 +16,7 @@ import {
   CFormText,
   CCol,
   CRow,
-} from '@coreui/react/src/index'
+} from '@coreui/react'
 
 ## Overview
 
diff --git a/packages/docs/content/layout/columns.mdx b/packages/docs/content/layout/columns.mdx
@@ -6,7 +6,7 @@ menu: Layout
 route: '/layout/columns'
 ---
 
-import { CCol, CContainer, CRow } from '@coreui/react/src/index'
+import { CCol, CContainer, CRow } from '@coreui/react'
 
 ## How they work
 
diff --git a/packages/docs/content/layout/containers.mdx b/packages/docs/content/layout/containers.mdx
@@ -6,7 +6,7 @@ menu: Layout
 route: "/layout/containers"
 ---
 
-import { CCol, CContainer, CRow } from '@coreui/react/src/index'
+import { CCol, CContainer, CRow } from '@coreui/react'
 
 ## How they work
 
diff --git a/packages/docs/content/layout/grid.mdx b/packages/docs/content/layout/grid.mdx
@@ -6,7 +6,7 @@ menu: Layout
 route: "/layout/grid"
 ---
 
-import { CCol, CContainer, CRow } from '@coreui/react/src/index'
+import { CCol, CContainer, CRow } from '@coreui/react'
 
 ## Example
 
diff --git a/packages/docs/content/layout/gutters.mdx b/packages/docs/content/layout/gutters.mdx
@@ -6,7 +6,7 @@ menu: Layout
 route: "/layout/gutters"
 ---
 
-import { CCol, CContainer, CRow } from '@coreui/react/src/index'
+import { CCol, CContainer, CRow } from '@coreui/react'
 
 ## How they work
 
diff --git a/packages/docs/content/templates/admin-dashboard.mdx b/packages/docs/content/templates/admin-dashboard.mdx
@@ -15,7 +15,7 @@ import {
   CImage,
   CLink,
   CRow 
-} from '@coreui/react/src/index'
+} from '@coreui/react'
 
 ## React Admin & Dashboard Templates
 
diff --git a/packages/docs/gatsby-node.mjs b/packages/docs/gatsby-node.mjs
@@ -15,6 +15,7 @@ export const onCreateWebpackConfig = ({ actions }) => {
   setWebpackConfig({
     resolve: {
       alias: {
+        '@coreui/react': resolve(__dirname, '..', 'coreui-react/src/index.ts'),
         '@example': examplePaths, // Adds all paths to a single alias
       },
     },
diff --git a/packages/docs/src/components/ExampleSnippet.tsx b/packages/docs/src/components/ExampleSnippet.tsx
@@ -2,7 +2,7 @@ import React, { FC, lazy, Suspense, useEffect, useMemo, useState } from 'react'
 import { Highlight, Language } from 'prism-react-renderer'
 import CIcon from '@coreui/icons-react'
 import { cibCodesandbox, cilCheckAlt, cilCopy } from '@coreui/icons'
-import { CNav, CNavLink, CTooltip, useClipboard } from '@coreui/react/src/'
+import { CNav, CNavLink, CTooltip, useClipboard } from '@coreui/react'
 import { openStackBlitzProject } from '../utils/stackblitz'
 import { openCodeSandboxProject } from '../utils/codesandbox'
 
diff --git a/packages/docs/src/components/ExampleSnippetLazy.tsx b/packages/docs/src/components/ExampleSnippetLazy.tsx
@@ -5,7 +5,7 @@ import { cibCodesandbox, cilCheckAlt, cilCopy } from '@coreui/icons'
 import { CNav, CNavLink, CTooltip, useClipboard } from '@coreui/react'
 import { openStackBlitzProject } from '../utils/stackblitz'
 import { openCodeSandboxProject } from '../utils/codesandbox'
-import { isInViewport } from '@coreui/react/src/utils'
+import { isInViewport } from '@coreui/react'
 
 interface CodeSnippets {
   js?: string
diff --git a/packages/docs/src/components/Footer.tsx b/packages/docs/src/components/Footer.tsx
@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 
-import { CContainer, CFooter } from '@coreui/react/src/index'
+import { CContainer, CFooter } from '@coreui/react'
 
 // @ts-expect-error json file
 import pkg from './../../package.json'
diff --git a/packages/docs/src/components/Header.tsx b/packages/docs/src/components/Header.tsx
@@ -25,7 +25,7 @@ import {
   CHeaderToggler,
   CNavItem,
   useColorModes,
-} from '@coreui/react/src'
+} from '@coreui/react'
 import { AppContext } from './../AppContext'
 
 const Header = forwardRef<HTMLDivElement>(({}, ref) => {
diff --git a/packages/docs/src/components/Sidebar.tsx b/packages/docs/src/components/Sidebar.tsx
@@ -8,7 +8,7 @@ import {
   CDropdownItem,
   CSidebar,
   CSidebarBrand,
-} from '@coreui/react/src'
+} from '@coreui/react'
 import { SidebarNav } from '.'
 
 import { AppContext } from './../AppContext'
diff --git a/packages/docs/src/components/SidebarNav.tsx b/packages/docs/src/components/SidebarNav.tsx
@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react'
 import { Link } from 'gatsby'
 
-import { CBadge, CNavGroup, CNavItem, CNavLink, CSidebarNav } from '@coreui/react/src/index'
+import { CBadge, CNavGroup, CNavItem, CNavLink, CSidebarNav } from '@coreui/react'
 import CIcon from '@coreui/icons-react'
 
 export type Badge = {
diff --git a/packages/docs/src/components/Toc.tsx b/packages/docs/src/components/Toc.tsx
@@ -1,5 +1,5 @@
 import React, { CSSProperties, forwardRef, useState } from 'react'
-import { CCollapse, CNav } from '@coreui/react/src/index'
+import { CCollapse, CNav } from '@coreui/react'
 
 export type TocItem = {
   url: string
diff --git a/packages/docs/src/pages/404.tsx b/packages/docs/src/pages/404.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { graphql, useStaticQuery } from 'gatsby'
-import { CButton } from '@coreui/react/src/index'
+import { CButton } from '@coreui/react'
 
 import Seo from '../components/Seo'
 
