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

package/src/{components/Types.tsx → props.ts}

@@ -1,17 +1,6 @@
 import PropTypes from 'prop-types'
 
-export type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
-
-export type Colors =
-  | 'primary'
-  | 'secondary'
-  | 'success'
-  | 'danger'
-  | 'warning'
-  | 'info'
-  | 'dark'
-  | 'light'
-  | string
+import type { Placements, Triggers } from './types'
 
 export const colorPropType = PropTypes.oneOfType([
   PropTypes.oneOf([
@@ -27,16 +16,6 @@ export const colorPropType = PropTypes.oneOfType([
   PropTypes.string,
 ])
 
-export type Gradients =
-  | 'primary-gradient'
-  | 'secondary-gradient'
-  | 'success-gradient'
-  | 'danger-gradient'
-  | 'warning-gradient'
-  | 'info-gradient'
-  | 'dark-gradient'
-  | 'light-gradient'
-
 export const gradientsPropType = PropTypes.oneOf([
   'primary-gradient',
   'secondary-gradient',
@@ -48,24 +27,6 @@ export const gradientsPropType = PropTypes.oneOf([
   '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 const placementPropType = PropTypes.oneOf<Placements>([
   'auto',
   'auto-start',
@@ -84,20 +45,6 @@ export const placementPropType = PropTypes.oneOf<Placements>([
   'left-end',
 ])
 
-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 const shapePropType = PropTypes.oneOfType([
   PropTypes.oneOf([
     'rounded',
@@ -115,24 +62,10 @@ export const shapePropType = PropTypes.oneOfType([
   PropTypes.string,
 ])
 
-export type TextColors =
-  | Colors
-  | 'white'
-  | 'muted'
-  | 'high-emphasis'
-  | 'medium-emphasis'
-  | 'disabled'
-  | 'high-emphasis-inverse'
-  | 'medium-emphasis-inverse'
-  | 'disabled-inverse'
-  | string
-
 export const textColorsPropType = PropTypes.oneOfType([
   colorPropType,
   PropTypes.oneOf(['white', 'muted']),
   PropTypes.string,
 ])
 
-export type Triggers = 'hover' | 'focus' | 'click'
-
 export const triggerPropType = PropTypes.oneOf<Triggers>(['hover', 'focus', 'click'])

package/src/types.ts

@@ -0,0 +1,68 @@
+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/src/utils/index.ts

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

package/src/utils/isObjectInArray.ts

@@ -0,0 +1,14 @@
+const isObjectInArray = <T>(array: T[], item: T, ignore: string[] = []) =>
+  array.some((_item: T) => {
+    let result = true
+    for (const key in item) {
+      if (!ignore.includes(key) && item[key] !== _item[key]) {
+        result = false
+        break
+      }
+    }
+
+    return result
+  })
+
+export default isObjectInArray

package/src/components/multi-select/CMultiSelectCleaner.tsx

@@ -1,18 +0,0 @@
-// TODO: check if component property is necessary.
-
-import React, { forwardRef, HTMLAttributes } from 'react'
-
-export const CMultiSelectCleaner = forwardRef<HTMLButtonElement, HTMLAttributes<HTMLButtonElement>>(
-  (props, ref) => {
-    return (
-      <button
-        type="button"
-        className="form-multi-select-selection-cleaner"
-        {...props}
-        ref={ref}
-      ></button>
-    )
-  },
-)
-
-CMultiSelectCleaner.displayName = 'CMultiSelectCleaner'

package/src/utils/getNextSibling.ts

@@ -1,18 +0,0 @@
-const getNextSibling = (elem: HTMLElement, selector?: string) => {
-  // Get the next sibling element
-  let sibling = elem.nextElementSibling
-
-  // If there's no selector, return the first sibling
-  if (!selector) return sibling
-
-  // If the sibling matches our selector, use it
-  // If not, jump to the next sibling and continue the loop
-  while (sibling) {
-    if (sibling.matches(selector)) return sibling
-    sibling = sibling.nextElementSibling
-  }
-
-  return
-}
-
-export default getNextSibling

package/src/utils/getPreviousSibling.ts

@@ -1,18 +0,0 @@
-const getPreviousSibling = (elem: HTMLElement, selector?: string) => {
-  // Get the next sibling element
-  let sibling = elem.previousElementSibling
-
-  // If there's no selector, return the first sibling
-  if (!selector) return sibling
-
-  // If the sibling matches our selector, use it
-  // If not, jump to the next sibling and continue the loop
-  while (sibling) {
-    if (sibling.matches(selector)) return sibling
-    sibling = sibling.previousElementSibling
-  }
-
-  return
-}
-
-export default getPreviousSibling