@coreui/react-pro 4.1.0 → 4.1.4

package/src/components/smart-table/CSmartTableInterface.tsx

@@ -8,10 +8,10 @@ import { CTableRowProps } from '../table/CTableRow'
 import { CTableHeadProps } from '../table/CTableHead'
 
 export interface Column {
-  sorter?: boolean
-  key: string
-  label?: string
   filter?: boolean
+  label?: string
+  key: string
+  sorter?: boolean
   _style?: any
   _props?: CTableHeaderCellProps
 }
@@ -27,9 +27,12 @@ export interface ColumnFilterValue {
 
 export interface Item {
   [key: string]: number | string | any
+  _props?: CTableRowProps
+  _selected?: boolean
+}
+
+export interface ItemInternal extends Item {
   _id: number
-  _props: CTableRowProps
-  _selected: boolean
 }
 
 export interface ItemsPerPageSelect {
@@ -44,6 +47,7 @@ export interface Sorter {
 }
 
 export interface ScopedColumns {
+  [key: string]: any
   details?: (a: Item, b: number) => ReactNode
 }
 
@@ -55,8 +59,6 @@ export interface SorterValue {
 export interface TableFilter {
   lazy?: boolean
   external?: boolean
-  label?: string
-  placeholder?: string
 }
 
 export interface NoItemsView {
@@ -71,14 +73,9 @@ export interface CSmartTableProps extends HTMLAttributes<HTMLDivElement> {
    * @default 1
    */
   activePage?: number
-  /**
-   * A string of all className you want applied to the base component.
-   */
-  className?: string
   /**
    * When set, displays table cleaner above table, next to the table filter (or in place of table filter if `tableFilter` prop is not set)
    * Cleaner resets `tableFilterValue`, `columnFilterValue`, `sorterValue`. If clean is possible it is clickable (`tabIndex="0"` `role="button"`, `color="danger"`), otherwise it is not clickable and transparent. Cleaner can be customized through the `cleaner` slot.
-   *
    */
   cleaner?: boolean
   /**
@@ -115,7 +112,7 @@ export interface CSmartTableProps extends HTMLAttributes<HTMLDivElement> {
    * - sorter (Boolean) - disables sorting of the column when set to false
    * - filter (Boolean) - removes filter from column when set to false.
    */
-  columns?: Column[] | string[]
+  columns?: (string | Column)[]
   /**
    * Enables table sorting by column value. Sorting will be performed corectly only if values in column are of one type: string (case insensitive) or number.
    *
@@ -272,8 +269,6 @@ export interface CSmartTableProps extends HTMLAttributes<HTMLDivElement> {
    * When set, displays table filter above table, allowing filtering by specific column.
    *
    * Column filter can be customized, by passing prop as object with additional options as keys. Available options:
-   * - placeholder (String) - Sets custom table filter placeholder.
-   * - label (String) - Sets custom table filter label.
    * - external (Boolean) - Disables automatic filtering inside component.
    * - lazy (Boolean) - Set to true to trigger filter updates only on change event.
    */

package/src/components/tooltip/CTooltip.tsx

@@ -13,7 +13,7 @@ export interface CTooltipProps {
   /**
    * Content node for your component.
    */
-  content: ReactNode
+  content: ReactNode | string
   /**
    * Callback fired when the component requests to be hidden.
    */
@@ -126,7 +126,7 @@ export const CTooltip: FC<CTooltipProps> = ({
 
 CTooltip.propTypes = {
   children: PropTypes.any,
-  content: PropTypes.node,
+  content: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   placement: PropTypes.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
   onHide: PropTypes.func,
   onShow: PropTypes.func,

package/src/index.ts

@@ -39,6 +39,7 @@ 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 { CDropdownToggleCustom } from './components/dropdown/CDropdownToggleCustom'
 import { CCol } from './components/grid/CCol'
 import { CContainer } from './components/grid/CContainer'
 import { CRow } from './components/grid/CRow'
@@ -163,6 +164,7 @@ export {
   CDropdownItemPlain,
   CDropdownMenu,
   CDropdownToggle,
+  CDropdownToggleCustom,
   CCol,
   CContainer,
   CRow,

package/src/utils/hooks/useForkedRef.ts

@@ -9,6 +9,7 @@ export type AssignableRef<ValueType> =
     }['bivarianceHack']
   | React.MutableRefObject<ValueType | null>
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function useForkedRef<RefValueType = any>(
   ...refs: (AssignableRef<RefValueType> | null | undefined)[]
 ) {
@@ -16,6 +17,7 @@ export function useForkedRef<RefValueType = any>(
     if (refs.every((ref) => ref == null)) {
       return null
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return (node: any) => {
       refs.forEach((ref) => {
         assignRef(ref, node)
@@ -24,8 +26,10 @@ export function useForkedRef<RefValueType = any>(
   }, refs)
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function assignRef<RefValueType = any>(
   ref: AssignableRef<RefValueType> | null | undefined,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   value: any,
 ) {
   if (ref == null) return
@@ -40,6 +44,7 @@ export function assignRef<RefValueType = any>(
   }
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
 export function isFunction(value: any): value is Function {
   return !!(value && {}.toString.call(value) == '[object Function]')
 }