@coreui/react 4.0.0-rc.1

package/src/index.ts

@@ -0,0 +1,251 @@
+import { CAccordion } from './components/accordion/CAccordion'
+import { CAccordionBody } from './components/accordion/CAccordionBody'
+import { CAccordionButton } from './components/accordion/CAccordionButton'
+import { CAccordionCollapse } from './components/accordion/CAccordionCollapse'
+import { CAccordionHeader } from './components/accordion/CAccordionHeader'
+import { CAccordionItem } from './components/accordion/CAccordionItem'
+import { CAlert } from './components/alert/CAlert'
+import { CAlertHeading } from './components/alert/CAlertHeading'
+import { CAlertLink } from './components/alert/CAlertLink'
+import { CAvatar } from './components/avatar/CAvatar'
+import { CBadge } from './components/badge/CBadge'
+import { CBackdrop } from './components/backdrop/CBackdrop'
+import { CBreadcrumb } from './components/breadcrumb/CBreadcrumb'
+import { CBreadcrumbItem } from './components/breadcrumb/CBreadcrumbItem'
+import { CButton } from './components/button/CButton'
+import { CButtonGroup } from './components/button-group/CButtonGroup'
+import { CButtonToolbar } from './components/button-group/CButtonToolbar'
+import { CCallout } from './components/callout/CCallout'
+import { CCard } from './components/card/CCard'
+import { CCardBody } from './components/card/CCardBody'
+import { CCardFooter } from './components/card/CCardFooter'
+import { CCardGroup } from './components/card/CCardGroup'
+import { CCardHeader } from './components/card/CCardHeader'
+import { CCardImage } from './components/card/CCardImage'
+import { CCardImageOverlay } from './components/card/CCardImageOverlay'
+import { CCardLink } from './components/card/CCardLink'
+import { CCardSubtitle } from './components/card/CCardSubtitle'
+import { CCardText } from './components/card/CCardText'
+import { CCardTitle } from './components/card/CCardTitle'
+import { CCarousel } from './components/carousel/CCarousel'
+import { CCarouselCaption } from './components/carousel/CCarouselCaption'
+import { CCarouselControl } from './components/carousel/CCarouselControl'
+import { CCarouselIndicators } from './components/carousel/CCarouselIndicators'
+import { CCarouselInner } from './components/carousel/CCarouselInner'
+import { CCarouselItem } from './components/carousel/CCarouselItem'
+import { CCollapse } from './components/collapse/CCollapse'
+import { CCloseButton } from './components/close-button/CCloseButton'
+import { CDropdown } from './components/dropdown/CDropdown'
+import { CDropdownDivider } from './components/dropdown/CDropdownDivider'
+import { CDropdownHeader } from './components/dropdown/CDropdownHeader'
+import { CDropdownItem } from './components/dropdown/CDropdownItem'
+import { CDropdownItemPlain } from './components/dropdown/CDropdownItemPlain'
+import { CDropdownMenu } from './components/dropdown/CDropdownMenu'
+import { CDropdownToggle } from './components/dropdown/CDropdownToggle'
+import { CCol } from './components/grid/CCol'
+import { CContainer } from './components/grid/CContainer'
+import { CRow } from './components/grid/CRow'
+import { CFooter } from './components/footer/CFooter'
+import { CForm } from './components/form/CForm'
+import { CFormCheck } from './components/form/CFormCheck'
+import { CFormFeedback } from './components/form/CFormFeedback'
+import { CFormFloating } from './components/form/CFormFloating'
+import { CFormInput } from './components/form/CFormInput'
+import { CFormLabel } from './components/form/CFormLabel'
+import { CFormRange } from './components/form/CFormRange'
+import { CFormSelect } from './components/form/CFormSelect'
+import { CFormSwitch } from './components/form/CFormSwitch'
+import { CFormText } from './components/form/CFormText'
+import { CFormTextarea } from './components/form/CFormTextarea'
+import { CInputGroup } from './components/form/CInputGroup'
+import { CInputGroupText } from './components/form/CInputGroupText'
+import { CHeader } from './components/header/CHeader'
+import { CHeaderBrand } from './components/header/CHeaderBrand'
+import { CHeaderDivider } from './components/header/CHeaderDivider'
+import { CHeaderNav } from './components/header/CHeaderNav'
+import { CHeaderText } from './components/header/CHeaderText'
+import { CHeaderToggler } from './components/header/CHeaderToggler'
+import { CImage } from './components/image/CImage'
+import { CLink } from './components/link/CLink'
+import { CListGroup } from './components/list-group/CListGroup'
+import { CListGroupItem } from './components/list-group/CListGroupItem'
+import { CModal } from './components/modal/CModal'
+import { CModalBody } from './components/modal/CModalBody'
+import { CModalContent } from './components/modal/CModalContent'
+import { CModalDialog } from './components/modal/CModalDialog'
+import { CModalFooter } from './components/modal/CModalFooter'
+import { CModalHeader } from './components/modal/CModalHeader'
+import { CModalTitle } from './components/modal/CModalTitle'
+import { CNav } from './components/nav/CNav'
+import { CNavGroupItems } from './components/nav/CNavGroupItems'
+import { CNavGroup } from './components/nav/CNavGroup'
+import { CNavItem } from './components/nav/CNavItem'
+import { CNavLink } from './components/nav/CNavLink'
+import { CNavTitle } from './components/nav/CNavTitle'
+import { CNavbar } from './components/navbar/CNavbar'
+import { CNavbarBrand } from './components/navbar/CNavbarBrand'
+import { CNavbarNav } from './components/navbar/CNavbarNav'
+import { CNavbarText } from './components/navbar/CNavbarText'
+import { CNavbarToggler } from './components/navbar/CNavbarToggler'
+import { CPagination } from './components/pagination/CPagination'
+import { CPaginationItem } from './components/pagination/CPaginationItem'
+import { CPopover } from './components/popover/CPopover'
+import { CPopoverContent } from './components/popover/CPopoverContent'
+import { CProgress } from './components/progress/CProgress'
+import { CProgressBar } from './components/progress/CProgressBar'
+import { CSidebar } from './components/sidebar/CSidebar'
+import { COffcanvas } from './components/offcanvas/COffcanvas'
+import { COffcanvasBody } from './components/offcanvas/COffcanvasBody'
+import { COffcanvasHeader } from './components/offcanvas/COffcanvasHeader'
+import { COffcanvasTitle } from './components/offcanvas/COffcanvasTitle'
+import { CSidebarBrand } from './components/sidebar/CSidebarBrand'
+import { CSidebarFooter } from './components/sidebar/CSidebarFooter'
+import { CSidebarToggler } from './components/sidebar/CSidebarToggler'
+import { CSidebarHeader } from './components/sidebar/CSidebarHeader'
+import { CSidebarNav } from './components/sidebar/CSidebarNav'
+import { CSpinner } from './components/spinner/CSpinner'
+import { CTable } from './components/table/CTable'
+import { CTableBody } from './components/table/CTableBody'
+import { CTableCaption } from './components/table/CTableCaption'
+import { CTableDataCell } from './components/table/CTableDataCell'
+import { CTableFoot } from './components/table/CTableFoot'
+import { CTableHead } from './components/table/CTableHead'
+import { CTableHeaderCell } from './components/table/CTableHeaderCell'
+import { CTableRow } from './components/table/CTableRow'
+import { CTabContent } from './components/tabs/CTabContent'
+import { CTabPane } from './components/tabs/CTabPane'
+import { CToast } from './components/toast/CToast'
+import { CToastBody } from './components/toast/CToastBody'
+import { CToastClose } from './components/toast/CToastClose'
+import { CToastHeader } from './components/toast/CToastHeader'
+import { CToaster } from './components/toast/CToaster'
+import { CTooltip } from './components/tooltip/CTooltip'
+import { CTooltipContent } from './components/tooltip/CTooltipContent'
+
+export {
+  CAccordion,
+  CAccordionBody,
+  CAccordionButton,
+  CAccordionCollapse,
+  CAccordionHeader,
+  CAccordionItem,
+  CAlert,
+  CAlertHeading,
+  CAlertLink,
+  CAvatar,
+  CBadge,
+  CBackdrop,
+  CBreadcrumb,
+  CBreadcrumbItem,
+  CButton,
+  CButtonGroup,
+  CButtonToolbar,
+  CCallout,
+  CCard,
+  CCardBody,
+  CCardFooter,
+  CCardHeader,
+  CCardImage,
+  CCardImageOverlay,
+  CCardLink,
+  CCardSubtitle,
+  CCardText,
+  CCardTitle,
+  CCarousel,
+  CCarouselCaption,
+  CCarouselControl,
+  CCarouselIndicators,
+  CCarouselInner,
+  CCarouselItem,
+  CCloseButton,
+  CCollapse,
+  CDropdown,
+  CDropdownDivider,
+  CDropdownHeader,
+  CDropdownItem,
+  CDropdownItemPlain,
+  CDropdownMenu,
+  CDropdownToggle,
+  CCol,
+  CContainer,
+  CRow,
+  CFooter,
+  CCardGroup,
+  CForm,
+  CFormCheck,
+  CFormFeedback,
+  CFormFloating,
+  CFormInput,
+  CFormLabel,
+  CFormRange,
+  CFormSelect,
+  CFormSwitch,
+  CFormText,
+  CFormTextarea,
+  CImage,
+  CInputGroup,
+  CInputGroupText,
+  CHeader,
+  CHeaderBrand,
+  CHeaderDivider,
+  CHeaderNav,
+  CHeaderText,
+  CHeaderToggler,
+  CLink,
+  CListGroup,
+  CListGroupItem,
+  CModal,
+  CModalBody,
+  CModalContent,
+  CModalDialog,
+  CModalFooter,
+  CModalHeader,
+  CModalTitle,
+  CNav,
+  CNavGroup,
+  CNavGroupItems,
+  CNavItem,
+  CNavLink,
+  CNavTitle,
+  CNavbar,
+  CNavbarBrand,
+  CNavbarNav,
+  CNavbarText,
+  CNavbarToggler,
+  CPagination,
+  CPaginationItem,
+  CPopover,
+  CPopoverContent,
+  CProgress,
+  CProgressBar,
+  COffcanvas,
+  COffcanvasBody,
+  COffcanvasHeader,
+  COffcanvasTitle,
+  CSidebar,
+  CSidebarBrand,
+  CSidebarFooter,
+  CSidebarToggler,
+  CSidebarHeader,
+  CSidebarNav,
+  CSpinner,
+  CTable,
+  CTableBody,
+  CTableCaption,
+  CTableDataCell,
+  CTableFoot,
+  CTableHead,
+  CTableHeaderCell,
+  CTableRow,
+  CTabContent,
+  CTabPane,
+  CToast,
+  CToastBody,
+  CToastClose,
+  CToastHeader,
+  CToaster,
+  CTooltip,
+  CTooltipContent,
+}
+
+export * from './components/'

package/src/utils/hooks/index.ts

@@ -0,0 +1,3 @@
+import { useForkedRef } from './useForkedRef'
+
+export { useForkedRef }

package/src/utils/hooks/useForkedRef.ts

@@ -0,0 +1,45 @@
+// code borrowed from https://github.com/reach/reach-ui
+// problem described https://github.com/facebook/react/issues/13029
+
+import { useMemo } from 'react'
+
+export type AssignableRef<ValueType> =
+  | {
+      bivarianceHack(instance: ValueType | null): void
+    }['bivarianceHack']
+  | React.MutableRefObject<ValueType | null>
+
+export function useForkedRef<RefValueType = any>(
+  ...refs: (AssignableRef<RefValueType> | null | undefined)[]
+) {
+  return useMemo(() => {
+    if (refs.every((ref) => ref == null)) {
+      return null
+    }
+    return (node: any) => {
+      refs.forEach((ref) => {
+        assignRef(ref, node)
+      })
+    }
+  }, refs)
+}
+
+export function assignRef<RefValueType = any>(
+  ref: AssignableRef<RefValueType> | null | undefined,
+  value: any,
+) {
+  if (ref == null) return
+  if (isFunction(ref)) {
+    ref(value)
+  } else {
+    try {
+      ref.current = value
+    } catch (error) {
+      throw new Error(`Cannot assign value "${value}" to ref "${ref}"`)
+    }
+  }
+}
+
+export function isFunction(value: any): value is Function {
+  return !!(value && {}.toString.call(value) == '[object Function]')
+}

package/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "jsx": "react",
+    "outDir": "dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": ["es6", "dom", "es2016", "es2017"],
+    "sourceMap": true,
+    "allowJs": false,
+    "declaration": true,
+    "declarationDir": ".",
+    "moduleResolution": "node",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "esModuleInterop": true
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist", "src/docs", "src/pages"]
+}