refactor: move props and types to src folder

mrholek · mrholek · commit 15e1c35a6699 · 2023-03-26T13:43:55.000+02:00
diff --git a/packages/coreui-vue/src/components/accordion/CAccordionBody.ts b/packages/coreui-vue/src/components/accordion/CAccordionBody.ts
@@ -1,5 +1,5 @@
 import { defineComponent, h, inject, Ref } from 'vue'
-import { CCollapse } from './../collapse/CCollapse'
+import { CCollapse } from '../collapse/CCollapse'
 
 const CAccordionBody = defineComponent({
   name: 'CAccordionBody',
diff --git a/packages/coreui-vue/src/components/alert/CAlert.ts b/packages/coreui-vue/src/components/alert/CAlert.ts
@@ -1,7 +1,8 @@
 import { defineComponent, h, ref, Transition, watch } from 'vue'
 
-import { Color } from '../props'
-import { CCloseButton } from '../close-button/CCloseButton'
+import { CCloseButton } from '../close-button'
+
+import { Color } from '../../props'
 
 export const CAlert = defineComponent({
   name: 'CAlert',
diff --git a/packages/coreui-vue/src/components/avatar/CAvatar.ts b/packages/coreui-vue/src/components/avatar/CAvatar.ts
@@ -1,5 +1,6 @@
 import { defineComponent, h } from 'vue'
-import { Color, Shape, TextColor } from '../props'
+
+import { Color, Shape, TextColor } from '../../props'
 
 const CAvatar = defineComponent({
   name: 'CAvatar',
diff --git a/packages/coreui-vue/src/components/badge/CBadge.ts b/packages/coreui-vue/src/components/badge/CBadge.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color, Shape, TextColor } from '../props'
+import { Color, Shape, TextColor } from '../../props'
 
 const CBadge = defineComponent({
   name: 'CBadge',
diff --git a/packages/coreui-vue/src/components/button/CButton.ts b/packages/coreui-vue/src/components/button/CButton.ts
@@ -1,5 +1,6 @@
 import { defineComponent, h } from 'vue'
-import { Color, Shape } from '../props'
+
+import { Color, Shape } from '../../props'
 
 export const CButton = defineComponent({
   name: 'CButton',
diff --git a/packages/coreui-vue/src/components/callout/CCallout.ts b/packages/coreui-vue/src/components/callout/CCallout.ts
@@ -1,5 +1,6 @@
 import { defineComponent, h } from 'vue'
-import { Color } from '../props'
+
+import { Color } from '../../props'
 
 const CCallout = defineComponent({
   name: 'CCallout',
diff --git a/packages/coreui-vue/src/components/card/CCard.ts b/packages/coreui-vue/src/components/card/CCard.ts
@@ -1,5 +1,6 @@
 import { defineComponent, h } from 'vue'
-import { Color, TextColor } from '../props'
+
+import { Color, TextColor } from '../../props'
 
 const CCard = defineComponent({
   name: 'CCard',
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -1,6 +1,8 @@
 import { defineComponent, h, ref, provide, watch, PropType } from 'vue'
 import { createPopper, Placement } from '@popperjs/core'
 
+import { Triggers } from '../../types'
+
 const CDropdown = defineComponent({
   name: 'CDropdown',
   props: {
@@ -91,7 +93,7 @@ const CDropdown = defineComponent({
      * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
      */
     trigger: {
-      type: [String, Array],
+      type: String as PropType<Triggers>,
       default: 'click',
     },
     /**
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
@@ -1,7 +1,9 @@
 import { cloneVNode, defineComponent, h, inject, onMounted, PropType, Ref, ref } from 'vue'
+
 import { CButton } from '../button'
-import { Color, Shape } from '../props'
-import { Triggers } from '../Types'
+
+import { Color, Shape } from '../../props'
+import { Triggers } from '../../types'
 
 const CDropdownToggle = defineComponent({
   name: 'CDropdownToggle',
diff --git a/packages/coreui-vue/src/components/list-group/CListGroupItem.ts b/packages/coreui-vue/src/components/list-group/CListGroupItem.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CListGroupItem = defineComponent({
   name: 'CListGroupItem',
diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts
@@ -10,7 +10,7 @@ import {
   withDirectives,
 } from 'vue'
 
-import { CBackdrop } from './../backdrop/CBackdrop'
+import { CBackdrop } from '../backdrop/CBackdrop'
 
 import { executeAfterTransition } from '../../utils/transition'
 
diff --git a/packages/coreui-vue/src/components/nav/CNavGroup.ts b/packages/coreui-vue/src/components/nav/CNavGroup.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h, onMounted, ref, RendererElement, Transition, watch } from 'vue'
 
-import { executeAfterTransition } from './../../utils/transition'
+import { executeAfterTransition } from '../../utils/transition'
 
 const CNavGroup = defineComponent({
   name: 'CNavGroup',
diff --git a/packages/coreui-vue/src/components/navbar/CNavbar.ts b/packages/coreui-vue/src/components/navbar/CNavbar.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CNavbar = defineComponent({
   name: 'CNavbar',
diff --git a/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts b/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const BREAKPOINTS = [
   'xxl' as const,
diff --git a/packages/coreui-vue/src/components/progress/CProgressBar.ts b/packages/coreui-vue/src/components/progress/CProgressBar.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CProgressBar = defineComponent({
   name: 'CProgressBar',
diff --git a/packages/coreui-vue/src/components/table/CTable.ts b/packages/coreui-vue/src/components/table/CTable.ts
@@ -8,7 +8,7 @@ import { CTableHead } from './CTableHead'
 import { CTableHeaderCell } from './CTableHeaderCell'
 import { CTableRow } from './CTableRow'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 import { getColumnLabel, getColumnNames } from './utils'
 import type { Column, FooterItem, Item } from './types'
 
diff --git a/packages/coreui-vue/src/components/table/CTableBody.ts b/packages/coreui-vue/src/components/table/CTableBody.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CTableBody = defineComponent({
   name: 'CTableBody',
diff --git a/packages/coreui-vue/src/components/table/CTableDataCell.ts b/packages/coreui-vue/src/components/table/CTableDataCell.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CTableDataCell = defineComponent({
   name: 'CTableDataCell',
diff --git a/packages/coreui-vue/src/components/table/CTableFoot.ts b/packages/coreui-vue/src/components/table/CTableFoot.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CTableFoot = defineComponent({
   name: 'CTableFoot',
diff --git a/packages/coreui-vue/src/components/table/CTableHead.ts b/packages/coreui-vue/src/components/table/CTableHead.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CTableHead = defineComponent({
   name: 'CTableHead',
diff --git a/packages/coreui-vue/src/components/table/CTableHeaderCell.ts b/packages/coreui-vue/src/components/table/CTableHeaderCell.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CTableHeaderCell = defineComponent({
   name: 'CTableHeaderCell',
diff --git a/packages/coreui-vue/src/components/table/CTableRow.ts b/packages/coreui-vue/src/components/table/CTableRow.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CTableRow = defineComponent({
   name: 'CTableRow',
diff --git a/packages/coreui-vue/src/components/toast/CToast.ts b/packages/coreui-vue/src/components/toast/CToast.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h, onMounted, provide, ref, Transition } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CToast = defineComponent({
   name: 'CToast',
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts
@@ -1,9 +1,10 @@
 import { defineComponent, h } from 'vue'
 import { shape } from 'vue-types'
 
-import { Color } from '../props'
-import { CCard, CCardBody } from './../card'
-import { CProgress } from '../progress/CProgress'
+import { CCard, CCardBody } from '../card'
+import { CProgress } from '../progress'
+
+import { Color } from '../../props'
 
 const CWidgetStatsB = defineComponent({
   name: 'CWidgetStatsB',
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts
@@ -1,8 +1,8 @@
 import { defineComponent, h } from 'vue'
 import { shape } from 'vue-types'
 
-import { Color } from '../props'
-import { CCard, CCardBody } from './../card'
+import { Color } from '../../props'
+import { CCard, CCardBody } from '../card'
 import { CProgress } from '../progress/CProgress'
 
 const CWidgetStatsC = defineComponent({
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts
@@ -1,8 +1,9 @@
 import { defineComponent, h, PropType } from 'vue'
 
-import { Color } from '../props'
-import { CCard, CCardBody, CCardHeader } from './../card/'
-import { CCol } from './../grid/'
+import { CCard, CCardBody, CCardHeader } from '../card/'
+import { CCol } from '../grid/'
+
+import { Color } from '../../props'
 
 type Value = {
   title?: string
@@ -23,7 +24,7 @@ const CWidgetStatsD = defineComponent({
      */
     values: {
       type: Array as PropType<Value[]>,
-      default: () => []
+      default: () => [],
     },
   },
   /**
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { CCard, CCardBody } from './../card/'
+import { CCard, CCardBody } from '../card/'
 
 const CWidgetStatsE = defineComponent({
   name: 'CWidgetStatsE',
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts
@@ -1,7 +1,8 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
-import { CCard, CCardBody, CCardFooter } from './../card/'
+import { CCard, CCardBody, CCardFooter } from '../card/'
+
+import { Color } from '../../props'
 
 const CWidgetStatsF = defineComponent({
   name: 'CWidgetStatsF',
diff --git a/packages/coreui-vue/src/props.ts b/packages/coreui-vue/src/props.ts
@@ -1,4 +1,4 @@
-const Shape = {
+export const Shape = {
   type: String,
   validator: (value: string): boolean => {
     // The value must match one of these strings
@@ -17,14 +17,16 @@ const Shape = {
     ].includes(value)
   },
 }
-const Align = {
+
+export const Align = {
   type: String,
   validator: (value: string): boolean => {
     // The value must match one of these strings
     return ['', 'left', 'center', 'right'].includes(value)
   },
 }
-const Color = {
+
+export const Color = {
   type: String,
   validator: (value: string): boolean => {
     // The value must match one of these strings
@@ -42,7 +44,8 @@ const Color = {
     ].includes(value)
   },
 }
-const TextColor = {
+
+export const TextColor = {
   type: String,
   validator: (value: string): boolean => {
     return [
@@ -65,14 +68,13 @@ const TextColor = {
     ].includes(value)
   },
 }
-const Breakpoint = {
+
+export const Breakpoint = {
   validator: (value: boolean | number): boolean => {
     if (typeof value == 'boolean' || typeof value == 'number') {
       return true
     } else {
       return false
     }
   },
-}
-
-export { Align, Breakpoint, Color, Shape, TextColor }
+}
diff --git a/packages/coreui-vue/src/types.ts b/packages/coreui-vue/src/types.ts
