npm - @coreui/react - Versions diffs - 5.7.0 → 5.8.0 - Mend

@coreui/react 5.7.0 → 5.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (848) hide show

package/src/components/spinner/CSpinner.tsx CHANGED Viewed

@@ -49,7 +49,7 @@ export const CSpinner: PolymorphicRefForwardingComponent<'div', CSpinnerProps> =
       visuallyHiddenLabel = 'Loading...',
       ...rest
     },
-    ref,
+    ref
   ) => {
     return (
       <Component
@@ -59,7 +59,7 @@ export const CSpinner: PolymorphicRefForwardingComponent<'div', CSpinnerProps> =
             [`spinner-${variant}-${size}`]: size,
             [`text-${color}`]: color,
           },
-          className,
+          className
         )}
         role="status"
         {...rest}
@@ -68,7 +68,7 @@ export const CSpinner: PolymorphicRefForwardingComponent<'div', CSpinnerProps> =
         <span className="visually-hidden">{visuallyHiddenLabel}</span>
       </Component>
     )
-  },
+  }
 )
 CSpinner.propTypes = {

package/src/components/spinner/__tests__/CSpinner.spec.tsx CHANGED Viewed

@@ -12,7 +12,7 @@ test('CSpinner customize', async () => {
   const { container } = render(
     <CSpinner className="bazinga" color="warning" as="h3" size="sm" variant="grow">
       Test
-    </CSpinner>,
+    </CSpinner>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')

package/src/components/table/CTable.tsx CHANGED Viewed

@@ -151,7 +151,7 @@ export const CTable = forwardRef<HTMLTableElement, CTableProps>(
       tableHeadProps,
       ...rest
     },
-    ref,
+    ref
   ) => {
     const columnNames = useMemo(() => getColumnNames(columns, items), [columns, items])
@@ -172,7 +172,7 @@ export const CTable = forwardRef<HTMLTableElement, CTableProps>(
               'table-striped': striped,
               'table-striped-columns': stripedColumns,
             },
-            className,
+            className
           )}
           {...rest}
           ref={ref}
@@ -236,7 +236,7 @@ export const CTable = forwardRef<HTMLTableElement, CTableProps>(
         </table>
       </CTableResponsiveWrapper>
     )
-  },
+  }
 )
 CTable.propTypes = {

package/src/components/table/CTableBody.tsx CHANGED Viewed

@@ -27,7 +27,7 @@ export const CTableBody = forwardRef<HTMLTableSectionElement, CTableBodyProps>(
             {
               [`table-${color}`]: color,
             },
-            className,
+            className
           ) || undefined
         }
         {...rest}
@@ -36,7 +36,7 @@ export const CTableBody = forwardRef<HTMLTableSectionElement, CTableBodyProps>(
         {children}
       </tbody>
     )
-  },
+  }
 )
 CTableBody.propTypes = {

package/src/components/table/CTableDataCell.tsx CHANGED Viewed

@@ -45,7 +45,7 @@ export const CTableDataCell = forwardRef<HTMLTableCellElement, CTableDataCellPro
               'table-active': active,
               [`table-${color}`]: color,
             },
-            className,
+            className
           ) || undefined
         }
         {...rest}
@@ -54,7 +54,7 @@ export const CTableDataCell = forwardRef<HTMLTableCellElement, CTableDataCellPro
         {children}
       </Component>
     )
-  },
+  }
 )
 CTableDataCell.propTypes = {

package/src/components/table/CTableFoot.tsx CHANGED Viewed

@@ -27,7 +27,7 @@ export const CTableFoot = forwardRef<HTMLTableSectionElement, CTableFootProps>(
             {
               [`table-${color}`]: color,
             },
-            className,
+            className
           ) || undefined
         }
         {...rest}
@@ -36,7 +36,7 @@ export const CTableFoot = forwardRef<HTMLTableSectionElement, CTableFootProps>(
         {children}
       </tfoot>
     )
-  },
+  }
 )
 CTableFoot.propTypes = {

package/src/components/table/CTableHead.tsx CHANGED Viewed

@@ -27,7 +27,7 @@ export const CTableHead = forwardRef<HTMLTableSectionElement, CTableHeadProps>(
             {
               [`table-${color}`]: color,
             },
-            className,
+            className
           ) || undefined
         }
         {...rest}
@@ -36,7 +36,7 @@ export const CTableHead = forwardRef<HTMLTableSectionElement, CTableHeadProps>(
         {children}
       </thead>
     )
-  },
+  }
 )
 CTableHead.propTypes = {

package/src/components/table/CTableHeaderCell.tsx CHANGED Viewed

@@ -27,7 +27,7 @@ export const CTableHeaderCell = forwardRef<HTMLTableCellElement, CTableHeaderCel
             {
               [`table-${color}`]: color,
             },
-            className,
+            className
           ) || undefined
         }
         {...rest}
@@ -36,7 +36,7 @@ export const CTableHeaderCell = forwardRef<HTMLTableCellElement, CTableHeaderCel
         {children}
       </th>
     )
-  },
+  }
 )
 CTableHeaderCell.propTypes = {

package/src/components/table/CTableRow.tsx CHANGED Viewed

@@ -37,7 +37,7 @@ export const CTableRow = forwardRef<HTMLTableRowElement, CTableRowProps>(
               'table-active': active,
               [`table-${color}`]: color,
             },
-            className,
+            className
           ) || undefined
         }
         {...rest}
@@ -46,7 +46,7 @@ export const CTableRow = forwardRef<HTMLTableRowElement, CTableRowProps>(
         {children}
       </tr>
     )
-  },
+  }
 )
 CTableRow.propTypes = {

package/src/components/table/__tests__/CTable.spec.tsx CHANGED Viewed

@@ -82,7 +82,7 @@ test('CTable customize', async () => {
           <CTableDataCell>Test</CTableDataCell>
         </CTableRow>
       </CTableBody>
-    </CTable>,
+    </CTable>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('table-responsive-xl')
@@ -144,7 +144,7 @@ test('CTable full example test', async () => {
           <CTableHeaderCell>Heading</CTableHeaderCell>
         </CTableRow>
       </CTableFoot>
-    </CTable>,
+    </CTable>
   )
   expect(container).toMatchSnapshot()
 })

package/src/components/table/__tests__/CTableBody.spec.tsx CHANGED Viewed

@@ -21,7 +21,7 @@ test('CTableBody customize', async () => {
     </CTableBody>,
     {
       container: document.body.appendChild(table),
-    },
+    }
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('table-info')

package/src/components/table/__tests__/CTableDataCell.spec.tsx CHANGED Viewed

@@ -15,7 +15,7 @@ test('loads and displays CTableDataCell component', async () => {
     </CTableBody>,
     {
       container: document.body.appendChild(table),
-    },
+    }
   )
   expect(container).toMatchSnapshot()
 })
@@ -32,7 +32,7 @@ test('CTableDataCell customize', async () => {
     </CTableBody>,
     {
       container: document.body.appendChild(table),
-    },
+    }
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild?.firstChild?.firstChild).toHaveClass('align-middle')

package/src/components/table/__tests__/CTableFoot.spec.tsx CHANGED Viewed

@@ -21,7 +21,7 @@ test('CTableFoot customize', async () => {
     </CTableFoot>,
     {
       container: document.body.appendChild(table),
-    },
+    }
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('table-info')

package/src/components/table/__tests__/CTableHead.spec.tsx CHANGED Viewed

@@ -21,7 +21,7 @@ test('CTableHead customize', async () => {
     </CTableHead>,
     {
       container: document.body.appendChild(table),
-    },
+    }
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('table-info')

package/src/components/table/__tests__/CTableHeaderCell.spec.tsx CHANGED Viewed

@@ -13,7 +13,7 @@ test('loads and displays CTableHeaderCell component', async () => {
     </CTableHead>,
     {
       container: document.body.appendChild(table),
-    },
+    }
   )
   expect(container).toMatchSnapshot()
 })
@@ -30,7 +30,7 @@ test('CTableHeaderCell customize', async () => {
     </CTableHead>,
     {
       container: document.body.appendChild(table),
-    },
+    }
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild?.firstChild?.firstChild).toHaveClass('table-info')

package/src/components/table/__tests__/CTableRow.spec.tsx CHANGED Viewed

@@ -11,7 +11,7 @@ test('loads and displays CTableRow component', async () => {
     </CTableBody>,
     {
       container: document.body.appendChild(table),
-    },
+    }
   )
   expect(container).toMatchSnapshot()
 })
@@ -26,7 +26,7 @@ test('CTableRow customize', async () => {
     </CTableBody>,
     {
       container: document.body.appendChild(table),
-    },
+    }
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild?.firstChild).toHaveClass('align-middle')

package/src/components/tabs/CTab.tsx CHANGED Viewed

@@ -32,7 +32,7 @@ export const CTab = forwardRef<HTMLButtonElement, CTabProps>(
           {
             active: isActive(),
           },
-          className,
+          className
         )}
         id={`${id}${itemKey}-tab`}
         onClick={() => setActiveItemKey(itemKey)}
@@ -48,7 +48,7 @@ export const CTab = forwardRef<HTMLButtonElement, CTabProps>(
         {children}
       </button>
     )
-  },
+  }
 )
 CTab.propTypes = {

package/src/components/tabs/CTabContent.tsx CHANGED Viewed

@@ -16,7 +16,7 @@ export const CTabContent = forwardRef<HTMLDivElement, CTabContentProps>(
         {children}
       </div>
     )
-  },
+  }
 )
 CTabContent.propTypes = {

package/src/components/tabs/CTabPane.tsx CHANGED Viewed

@@ -46,7 +46,7 @@ export const CTabPane = forwardRef<HTMLDivElement, CTabPaneProps>(
                 fade: transition,
                 show: state === 'entered',
               },
-              className,
+              className
             )}
             {...rest}
             ref={forkedRef}
@@ -56,7 +56,7 @@ export const CTabPane = forwardRef<HTMLDivElement, CTabPaneProps>(
         )}
       </Transition>
     )
-  },
+  }
 )
 CTabPane.propTypes = {

package/src/components/tabs/CTabPanel.tsx CHANGED Viewed

@@ -68,7 +68,7 @@ export const CTabPanel = forwardRef<HTMLDivElement, CTabPanelProps>(
                 fade: transition,
                 show: state === 'entered',
               },
-              className,
+              className
             )}
             id={`${id}${itemKey}-tab-pane`}
             role="tabpanel"
@@ -82,7 +82,7 @@ export const CTabPanel = forwardRef<HTMLDivElement, CTabPanelProps>(
         )}
       </Transition>
     )
-  },
+  }
 )
 CTabPanel.propTypes = {

package/src/components/toast/CToastBody.tsx CHANGED Viewed

@@ -16,7 +16,7 @@ export const CToastBody = forwardRef<HTMLDivElement, CToastBodyProps>(
         {children}
       </div>
     )
-  },
+  }
 )
 CToastBody.propTypes = {

package/src/components/toast/CToastHeader.tsx CHANGED Viewed

@@ -23,7 +23,7 @@ export const CToastHeader = forwardRef<HTMLDivElement, CToastHeaderProps>(
         {closeButton && <CToastClose />}
       </div>
     )
-  },
+  }
 )
 CToastHeader.propTypes = {

package/src/components/toast/__tests__/CToaster.spec.tsx CHANGED Viewed

@@ -27,13 +27,13 @@ test('CToaster customize', async () => {
                 <CToastHeader closeButton>Lorem ipsum</CToastHeader>
                 <CToastBody>Hello, world! This is a toast message.</CToastBody>
               </CToast>
-            </>,
+            </>
           )
         }
       >
         Send a toast
       </CButton>
-    </>,
+    </>
   )
   expect(container).toMatchSnapshot()
   const btn = document.querySelector('.btn')

package/src/components/widgets/CWidgetStatsA.tsx CHANGED Viewed

@@ -54,7 +54,7 @@ export const CWidgetStatsA = forwardRef<HTMLDivElement, CWidgetStatsAProps>(
         {chart}
       </CCard>
     )
-  },
+  }
 )
 CWidgetStatsA.propTypes = {

package/src/components/widgets/CWidgetStatsB.tsx CHANGED Viewed

@@ -64,7 +64,7 @@ export const CWidgetStatsB = forwardRef<HTMLDivElement, CWidgetStatsBProps>(
         </CCardBody>
       </CCard>
     )
-  },
+  }
 )
 CWidgetStatsB.propTypes = {

package/src/components/widgets/CWidgetStatsC.tsx CHANGED Viewed

@@ -58,7 +58,7 @@ export const CWidgetStatsC = forwardRef<HTMLDivElement, CWidgetStatsCProps>(
             <div
               className={classNames(
                 'text-end mb-4',
-                inverse ? 'text-white text-opacity-75' : 'text-body-secondary',
+                inverse ? 'text-white text-opacity-75' : 'text-body-secondary'
               )}
             >
               {icon}
@@ -79,7 +79,7 @@ export const CWidgetStatsC = forwardRef<HTMLDivElement, CWidgetStatsCProps>(
         </CCardBody>
       </CCard>
     )
-  },
+  }
 )
 CWidgetStatsC.propTypes = {

package/src/components/widgets/CWidgetStatsD.tsx CHANGED Viewed

@@ -47,7 +47,7 @@ export const CWidgetStatsD = forwardRef<HTMLDivElement, CWidgetStatsDProps>(
             'position-relative d-flex justify-content-center align-items-center',
             {
               [`bg-${color}`]: color,
-            },
+            }
           )}
         >
           {icon}
@@ -69,7 +69,7 @@ export const CWidgetStatsD = forwardRef<HTMLDivElement, CWidgetStatsDProps>(
         </CCardBody>
       </CCard>
     )
-  },
+  }
 )
 CWidgetStatsD.propTypes = {

package/src/components/widgets/CWidgetStatsE.tsx CHANGED Viewed

@@ -36,7 +36,7 @@ export const CWidgetStatsE = forwardRef<HTMLDivElement, CWidgetStatsEProps>(
         </CCardBody>
       </CCard>
     )
-  },
+  }
 )
 CWidgetStatsE.propTypes = {

package/src/components/widgets/CWidgetStatsF.tsx CHANGED Viewed

@@ -53,7 +53,7 @@ export const CWidgetStatsF = forwardRef<HTMLDivElement, CWidgetStatsFProps>(
         {footer && <CCardFooter>{footer}</CCardFooter>}
       </CCard>
     )
-  },
+  }
 )
 CWidgetStatsF.propTypes = {

package/src/components/widgets/__tests__/CWidgetStatsA.spec.tsx CHANGED Viewed

@@ -19,7 +19,7 @@ test('CWidgetStatsA customize', async () => {
       value="value"
     >
       Test
-    </CWidgetStatsA>,
+    </CWidgetStatsA>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bg-info')

package/src/components/widgets/__tests__/CWidgetStatsB.spec.tsx CHANGED Viewed

@@ -20,7 +20,7 @@ test('CWidgetStatsB customize', async () => {
       value="value"
     >
       Test
-    </CWidgetStatsB>,
+    </CWidgetStatsB>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')

package/src/components/widgets/__tests__/CWidgetStatsC.spec.tsx CHANGED Viewed

@@ -20,7 +20,7 @@ test('CWidgetStatsC customize', async () => {
       value="value"
     >
       Test
-    </CWidgetStatsC>,
+    </CWidgetStatsC>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')

package/src/components/widgets/__tests__/CWidgetStatsD.spec.tsx CHANGED Viewed

@@ -17,7 +17,7 @@ test('CWidgetStatsD customize', async () => {
         { title: 'friends', value: '89K' },
         { title: 'feeds', value: '459' },
       ]}
-    />,
+    />
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')

package/src/components/widgets/__tests__/CWidgetStatsE.spec.tsx CHANGED Viewed

@@ -12,7 +12,7 @@ test('CWidgetStatsE customize', async () => {
   const { container } = render(
     <CWidgetStatsE className="bazinga" title="title" value="value">
       Test
-    </CWidgetStatsE>,
+    </CWidgetStatsE>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')

package/src/components/widgets/__tests__/CWidgetStatsF.spec.tsx CHANGED Viewed

@@ -20,7 +20,7 @@ test('CWidgetStatsF customize', async () => {
       value="value"
     >
       Test
-    </CWidgetStatsF>,
+    </CWidgetStatsF>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')
@@ -47,7 +47,7 @@ test('CWidgetStatsF customize', async () => {
         expect(container.firstChild.firstChild.lastChild.firstChild).toHaveClass('text-info')
         expect(container.firstChild.firstChild.lastChild.firstChild).toHaveTextContent('value')
         expect(container.firstChild.firstChild.lastChild.lastChild).toHaveClass(
-          'text-body-secondary',
+          'text-body-secondary'
         )
         expect(container.firstChild.firstChild.lastChild.lastChild).toHaveClass('text-uppercase')
         expect(container.firstChild.firstChild.lastChild.lastChild).toHaveClass('fw-semibold ')

package/src/helpers/polymorphicComponent.ts CHANGED Viewed

@@ -13,7 +13,7 @@ export interface Props<As extends ElementType = ElementType> extends AsProp<As>
 export interface PolymorphicRefForwardingComponent<TInitial extends ElementType, P = unknown> {
   <As extends ElementType = TInitial>(
     props: PropsWithChildren<ReplaceProps<As, Props<As> & P>>,
-    context?: any, // eslint-disable-line @typescript-eslint/no-explicit-any
+    context?: any // eslint-disable-line @typescript-eslint/no-explicit-any
   ): ReactNode | null
   propTypes?: any // eslint-disable-line @typescript-eslint/no-explicit-any
   defaultProps?: Partial<P>

package/src/utils/executeAfterTransition.ts CHANGED Viewed

@@ -13,7 +13,7 @@ const triggerTransitionEnd = (element: HTMLElement) => {
 const executeAfterTransition = (
   callback: () => void,
   transitionElement: HTMLElement,
-  waitForTransition = true,
+  waitForTransition = true
 ) => {
   if (!waitForTransition) {
     execute(callback)

package/src/utils/getNextActiveElement.ts CHANGED Viewed

@@ -2,7 +2,7 @@ const getNextActiveElement = (
   list: HTMLElement[],
   activeElement: HTMLElement,
   shouldGetNext: boolean,
-  isCycleAllowed: boolean,
+  isCycleAllowed: boolean
 ) => {
   const listLength = list.length
   let index = list.indexOf(activeElement)

package/src/utils/mergeClassNames.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 const mergeClassNames = <T extends object>(
   defaultClassNames: T,
-  customClassNames?: Partial<T>,
+  customClassNames?: Partial<T>
 ): T => {
   if (customClassNames === undefined || typeof customClassNames !== 'object') {
     return defaultClassNames