@coreui/react-pro 4.8.0 → 4.9.0-next.1

package/dist/props.d.ts

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+import type { Placements, Triggers } from './types';
+export declare const colorPropType: PropTypes.Requireable<string>;
+export declare const gradientsPropType: PropTypes.Requireable<string>;
+export declare const placementPropType: PropTypes.Requireable<Placements>;
+export declare const shapePropType: PropTypes.Requireable<string>;
+export declare const textColorsPropType: PropTypes.Requireable<string>;
+export declare const triggerPropType: PropTypes.Requireable<Triggers>;

package/dist/types.d.ts

@@ -0,0 +1,7 @@
+export type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export type Colors = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string;
+export type Gradients = 'primary-gradient' | 'secondary-gradient' | 'success-gradient' | 'danger-gradient' | 'warning-gradient' | 'info-gradient' | 'dark-gradient' | 'light-gradient';
+export type Placements = 'auto' | 'auto-start' | 'auto-end' | 'top-end' | 'top' | 'top-start' | 'bottom-end' | 'bottom' | 'bottom-start' | 'right-start' | 'right' | 'right-end' | 'left-start' | 'left' | 'left-end' | undefined;
+export type Shapes = 'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string;
+export type TextColors = Colors | 'white' | 'muted' | 'high-emphasis' | 'medium-emphasis' | 'disabled' | 'high-emphasis-inverse' | 'medium-emphasis-inverse' | 'disabled-inverse' | string;
+export type Triggers = 'hover' | 'focus' | 'click';

package/dist/utils/index.d.ts

@@ -1,4 +1,3 @@
-import getNextSibling from './getNextSibling';
-import getPreviousSibling from './getPreviousSibling';
 import isInViewport from './isInViewport';
-export { getNextSibling, getPreviousSibling, isInViewport };
+import isObjectInArray from './isObjectInArray';
+export { isInViewport, isObjectInArray };

package/dist/utils/isObjectInArray.d.ts

@@ -0,0 +1,2 @@
+declare const isObjectInArray: <T>(array: T[], item: T, ignore?: string[]) => boolean;
+export default isObjectInArray;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react-pro",
-  "version": "4.8.0",
+  "version": "4.9.0-next.1",
   "description": "UI Components Library for React.js",
   "keywords": [
     "react",
@@ -35,28 +35,28 @@
     "build": "rollup -c --bundleConfigAsCjs"
   },
   "devDependencies": {
-    "@coreui/icons-pro": "^3.0.0-0",
-    "@coreui/icons-react": "^2.0.0",
-    "@popperjs/core": "^2.11.5",
+    "@coreui/icons": "^3.0.0",
+    "@coreui/icons-react": "^2.1.0",
+    "@popperjs/core": "^2.11.6",
     "@rollup/plugin-commonjs": "^24.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^11.0.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@types/react": "18.0.27",
-    "@types/react-dom": "^18.0.6",
+    "@types/react-dom": "^18.0.10",
     "@types/react-transition-group": "^4.4.5",
     "classnames": "^2.3.2",
-    "date-fns": "^2.28.0",
+    "date-fns": "^2.29.3",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
-    "react-device-detect": "^2.1.2",
+    "react-device-detect": "^2.2.2",
     "react-dom": "^18.2.0",
-    "react-popper": "^2.2.5",
+    "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
-    "rollup": "^3.7.5",
-    "tslib": "^2.4.1",
-    "typescript": "^4.9.4"
+    "rollup": "^3.14.0",
+    "tslib": "^2.5.0",
+    "typescript": "^4.9.5"
   },
   "peerDependencies": {
     "@coreui/coreui-pro": ">=4.4.0",

package/src/components/accordion/CAccordionBody.tsx

@@ -5,6 +5,7 @@ import classNames from 'classnames'
 import { CAccordionItemContext } from './CAccordionItem'
 
 import { CCollapse } from './../collapse/CCollapse'
+
 export interface CAccordionBodyProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * A string of all className you want applied to the base component.

package/src/components/accordion/CAccordionCollapse.tsx

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react'
 import PropTypes from 'prop-types'
+
 import { CCollapse, CCollapseProps } from '../collapse/CCollapse'
 
 export const CAccordionCollapse = forwardRef<HTMLDivElement, Omit<CCollapseProps, 'horizontal'>>(

package/src/components/alert/CAlert.tsx

@@ -3,10 +3,11 @@ import PropTypes from 'prop-types'
 import classNames from 'classnames'
 import { Transition } from 'react-transition-group'
 
-import { Colors, colorPropType } from '../Types'
 import { CCloseButton } from '../close-button/CCloseButton'
 
-import { useForkedRef } from '../../utils/hooks'
+import { useForkedRef } from '../../hooks'
+import { colorPropType } from '../../props'
+import type { Colors } from '../../types'
 
 export interface CAlertProps extends HTMLAttributes<HTMLDivElement> {
   /**

package/src/components/avatar/CAvatar.tsx

@@ -2,14 +2,8 @@ import React, { forwardRef, HTMLAttributes } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-import {
-  Colors,
-  Shapes,
-  TextColors,
-  colorPropType,
-  shapePropType,
-  textColorsPropType,
-} from '../Types'
+import { colorPropType, shapePropType, textColorsPropType } from '../../props'
+import type { Colors, Shapes, TextColors } from '../../types'
 
 export interface CAvatarProps extends HTMLAttributes<HTMLDivElement> {
   /**

package/src/components/backdrop/CBackdrop.tsx

@@ -1,9 +1,9 @@
 import React, { forwardRef, HTMLAttributes, useRef } from 'react'
-import { Transition } from 'react-transition-group'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
+import { Transition } from 'react-transition-group'
 
-import { useForkedRef } from '../../utils/hooks'
+import { useForkedRef } from '../../hooks'
 
 export interface CBackdropProps extends HTMLAttributes<HTMLDivElement> {
   /**

package/src/components/badge/CBadge.tsx

@@ -2,16 +2,8 @@ import React, { ElementType, forwardRef, HTMLAttributes } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-import {
-  Colors,
-  Gradients,
-  Shapes,
-  TextColors,
-  colorPropType,
-  gradientsPropType,
-  shapePropType,
-  textColorsPropType,
-} from '../Types'
+import { colorPropType, gradientsPropType, shapePropType, textColorsPropType } from '../../props'
+import type { Colors, Gradients, Shapes, TextColors } from '../../types'
 
 export interface CBadgeProps extends HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
   /**

package/src/components/button/CButton.tsx

@@ -2,9 +2,11 @@ import React, { ElementType, forwardRef } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-import { Colors, Shapes, colorPropType } from '../Types'
 import { CLink, CLinkProps } from '../link/CLink'
 
+import { colorPropType } from '../../props'
+import type { Colors, Shapes } from '../../types'
+
 export interface CButtonProps extends Omit<CLinkProps, 'size'> {
   /**
    * Toggle the active state for the component.