@coreui/react 4.5.2 → 4.7.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 creativeLabs Łukasz Holeczek
+Copyright (c) 2023 creativeLabs Łukasz Holeczek
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-react/archive/v4.5.2.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react/archive/v4.7.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-react.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/react`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react`
@@ -258,4 +258,4 @@ Thanks to all the backers and sponsors! Support this project by [becoming a back
 
 ## Copyright and license
 
-Copyright 2022 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-react/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).
+Copyright 2023 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-react/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).

package/dist/{esm/components/Types.d.ts → Types.d.ts}

@@ -1,12 +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;
-export declare const colorPropType: PropTypes.Requireable<string>;
 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 declare const placementPropType: PropTypes.Requireable<Placements>;
 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 declare const shapePropType: PropTypes.Requireable<string>;
 export type TextColors = Colors | 'white' | 'muted' | 'high-emphasis' | 'medium-emphasis' | 'disabled' | 'high-emphasis-inverse' | 'medium-emphasis-inverse' | 'disabled-inverse' | string;
-export declare const textColorsPropType: PropTypes.Requireable<string>;
 export type Triggers = 'hover' | 'focus' | 'click';
-export declare const triggerPropType: PropTypes.Requireable<Triggers>;

package/dist/components/alert/CAlert.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CAlertProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * A string of all className you want applied to the component.

package/dist/components/avatar/CAvatar.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors, Shapes, TextColors } from '../Types';
+import type { Colors, Shapes, TextColors } from '../../types';
 export interface CAvatarProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * A string of all className you want applied to the component.

package/dist/components/badge/CBadge.d.ts

@@ -1,5 +1,5 @@
 import React, { ElementType, HTMLAttributes } from 'react';
-import { Colors, Shapes, TextColors } from '../Types';
+import type { Colors, Shapes, TextColors } from '../../types';
 export interface CBadgeProps extends HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
     /**
      * A string of all className you want applied to the component.

package/dist/components/button/CButton.d.ts

@@ -1,6 +1,6 @@
 import React, { ElementType } from 'react';
-import { Colors, Shapes } from '../Types';
 import { CLinkProps } from '../link/CLink';
+import type { Colors, Shapes } from '../../types';
 export interface CButtonProps extends Omit<CLinkProps, 'size'> {
     /**
      * Toggle the active state for the component.

package/dist/components/callout/CCallout.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CCalloutProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * A string of all className you want applied to the base component.

package/dist/components/card/CCard.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CCardProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * A string of all className you want applied to the base component.

package/dist/components/conditional-portal/CConditionalPortal.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from 'react';
+export interface CConditionalPortalProps {
+    /**
+     * @ignore
+     */
+    children: ReactNode;
+    /**
+     * Render some children into a different part of the DOM
+     */
+    portal: boolean;
+}
+export declare const CConditionalPortal: FC<CConditionalPortalProps>;

package/dist/components/conditional-portal/index.d.ts

@@ -0,0 +1,2 @@
+import { CConditionalPortal } from './CConditionalPortal';
+export { CConditionalPortal };

package/dist/components/dropdown/CDropdown.d.ts

@@ -1,5 +1,5 @@
 import React, { ElementType, HTMLAttributes, RefObject } from 'react';
-import { Placements } from '../Types';
+import type { Placements } from '../../types';
 export type Directions = 'start' | 'end';
 export type Breakpoints = {
     xs: Directions;

package/dist/components/dropdown/CDropdownToggle.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { Triggers } from '../Types';
 import { CButtonProps } from '../button/CButton';
+import type { Triggers } from '../../types';
 export interface CDropdownToggleProps extends Omit<CButtonProps, 'type'> {
     /**
      * Enables pseudo element caret on toggler.

package/dist/components/form/CFormCheck.d.ts

@@ -1,6 +1,6 @@
 import React, { InputHTMLAttributes, ReactNode } from 'react';
-import { Colors, Shapes } from '../Types';
 import { CFormControlValidationProps } from './CFormControlValidation';
+import type { Colors, Shapes } from '../../types';
 export type ButtonObject = {
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
@@ -45,7 +45,7 @@ export interface CFormCheckProps extends CFormControlValidationProps, InputHTMLA
      */
     indeterminate?: boolean;
     /**
-     * Group checkboxes or radios on the same horizontal row by adding.
+     * Group checkboxes or radios on the same horizontal row.
      */
     inline?: boolean;
     /**
@@ -56,6 +56,12 @@ export interface CFormCheckProps extends CFormControlValidationProps, InputHTMLA
      * The element represents a caption for a component.
      */
     label?: string | ReactNode;
+    /**
+     * Put checkboxes or radios on the opposite side.
+     *
+     * @sinve 4.7.0
+     */
+    reverse?: boolean;
     /**
      * Specifies the type of component.
      */

package/dist/components/form/CFormSwitch.d.ts

@@ -16,6 +16,12 @@ export interface CFormSwitchProps extends Omit<InputHTMLAttributes<HTMLInputElem
      * The element represents a caption for a component.
      */
     label?: string | ReactNode;
+    /**
+     * Put switch on the opposite side.
+     *
+     * @sinve 4.7.0
+     */
+    reverse?: boolean;
     /**
      * Size the component large or extra large. Works only with `switch`.
      */

package/dist/components/index.d.ts

@@ -11,6 +11,7 @@ export * from './card';
 export * from './carousel';
 export * from './close-button';
 export * from './collapse';
+export * from './conditional-portal';
 export * from './dropdown';
 export * from './footer';
 export * from './form';

package/dist/components/list-group/CListGroupItem.d.ts

@@ -1,5 +1,5 @@
 import React, { ElementType, AnchorHTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CListGroupItemProps extends AnchorHTMLAttributes<HTMLLIElement | HTMLAnchorElement | HTMLButtonElement> {
     /**
      * Toggle the active state for the component.

package/dist/components/navbar/CNavbar.d.ts

@@ -1,5 +1,5 @@
 import React, { ElementType, HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CNavbarProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * A string of all className you want applied to the component.

package/dist/components/offcanvas/COffcanvas.d.ts

@@ -3,7 +3,7 @@ export interface COffcanvasProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Apply a backdrop on body while offcanvas is open.
      */
-    backdrop?: boolean;
+    backdrop?: boolean | 'static';
     /**
      * A string of all className you want applied to the base component.
      */
@@ -28,6 +28,12 @@ export interface COffcanvasProps extends HTMLAttributes<HTMLDivElement> {
      * Generates modal using createPortal.
      */
     portal?: boolean;
+    /**
+     * Responsive offcanvas property hide content outside the viewport from a specified breakpoint and down.
+     *
+     * @since 4.6.0
+     */
+    responsive?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
     /**
      * Allow body scrolling while offcanvas is open
      */

package/dist/components/placeholder/CPlaceholder.d.ts

@@ -1,5 +1,5 @@
 import React, { ElementType, HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CPlaceholderProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * Set animation type to better convey the perception of something being actively loaded.

package/dist/components/popover/CPopover.d.ts

@@ -1,5 +1,5 @@
 import { FC, HTMLAttributes, ReactNode } from 'react';
-import { Triggers } from '../Types';
+import type { Triggers } from '../../types';
 export interface CPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * A string of all className you want applied to the component.

package/dist/components/progress/CProgressBar.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CProgressBarProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Use to animate the stripes right to left via CSS3 animations.

package/dist/components/spinner/CSpinner.d.ts

@@ -1,5 +1,5 @@
 import React, { ElementType, HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CSpinnerProps extends HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
     /**
      * A string of all className you want applied to the component.

package/dist/components/table/CTable.d.ts

@@ -1,10 +1,8 @@
 import React, { TableHTMLAttributes } from 'react';
-import { Colors } from '../Types';
 import { CTableHeadProps } from './CTableHead';
-import { CTableHeaderCellProps } from './CTableHeaderCell';
-import { CTableDataCellProps } from './CTableDataCell';
-import { CTableRowProps } from './CTableRow';
 import { CTableFootProps } from './CTableFoot';
+import type { Colors } from '../../types';
+import type { Column, FooterItem, Item } from './types';
 export interface CTableProps extends Omit<TableHTMLAttributes<HTMLTableElement>, 'align'> {
     /**
      * Set the vertical aligment.
@@ -115,18 +113,4 @@ export interface CTableProps extends Omit<TableHTMLAttributes<HTMLTableElement>,
      */
     tableHeadProps?: CTableHeadProps;
 }
-export interface Column {
-    label?: string;
-    key: string;
-    _style?: any;
-    _props?: CTableHeaderCellProps;
-}
-export interface Item {
-    [key: string]: number | string | any;
-    _props?: CTableRowProps;
-}
-export interface FooterItem {
-    label?: string;
-    _props?: CTableDataCellProps;
-}
 export declare const CTable: React.ForwardRefExoticComponent<CTableProps & React.RefAttributes<HTMLTableElement>>;

package/dist/components/table/CTableBody.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CTableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {
     /**
      * A string of all className you want applied to the component.

package/dist/components/table/CTableDataCell.d.ts

@@ -1,5 +1,5 @@
 import React, { TdHTMLAttributes, ThHTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CTableDataCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'>, Omit<ThHTMLAttributes<HTMLTableCellElement>, 'align'> {
     /**
      * Highlight a table row or cell.

package/dist/components/table/CTableFoot.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CTableFootProps extends HTMLAttributes<HTMLTableSectionElement> {
     /**
      * A string of all className you want applied to the component.

package/dist/components/table/CTableHead.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CTableHeadProps extends HTMLAttributes<HTMLTableSectionElement> {
     /**
      * A string of all className you want applied to the component.

package/dist/components/table/CTableHeaderCell.d.ts

@@ -1,5 +1,5 @@
 import React, { ThHTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CTableHeaderCellProps extends ThHTMLAttributes<HTMLTableCellElement> {
     /**
      * A string of all className you want applied to the component.

package/dist/components/table/CTableResponsiveWrapper.d.ts

@@ -1,6 +1,5 @@
 import { FC, HTMLAttributes } from 'react';
 export interface CTableResponsiveWrapperProps extends HTMLAttributes<HTMLDivElement> {
-    children: any;
     /**
      * Make any table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to.
      */

package/dist/components/table/CTableRow.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CTableRowProps extends HTMLAttributes<HTMLTableRowElement> {
     /**
      * Highlight a table row or cell..

package/dist/components/table/types.d.ts

@@ -0,0 +1,17 @@
+import { CTableDataCellProps } from '../table/CTableDataCell';
+import { CTableHeaderCellProps } from '../table/CTableHeaderCell';
+import { CTableRowProps } from '../table/CTableRow';
+export type Column = {
+    label?: string;
+    key: string;
+    _style?: any;
+    _props?: CTableHeaderCellProps;
+};
+export type FooterItem = {
+    label?: string;
+    _props?: CTableDataCellProps;
+};
+export type Item = {
+    [key: string]: number | string | any;
+    _props?: CTableRowProps;
+};

package/dist/components/table/utils.d.ts

@@ -0,0 +1,5 @@
+import type { Column, Item } from './types';
+export declare const pretifyName: (name: string) => string;
+export declare const getColumnLabel: (column: Column | string) => string;
+export declare const getColumnNames: (columns: (string | Column)[] | undefined, items?: Item[]) => string[] | undefined;
+export declare const getColumnNamesFromItems: (items: Item[]) => string[];

package/dist/components/toast/CToast.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * Apply a CSS fade transition to the toast.

package/dist/components/toast/CToastClose.d.ts

@@ -1,6 +1,6 @@
 import React, { ElementType } from 'react';
+import { CButtonProps } from '../button/CButton';
 import { CCloseButtonProps } from '../close-button/CCloseButton';
-import type { CButtonProps } from '../button/CButton';
 type CombineButtonProps = CCloseButtonProps & CButtonProps;
 export interface CToastCloseProps extends CombineButtonProps {
     /**

package/dist/components/tooltip/CTooltip.d.ts

@@ -1,5 +1,5 @@
 import { FC, HTMLAttributes, ReactNode } from 'react';
-import { Triggers } from '../Types';
+import type { Triggers } from '../../types';
 export interface CTooltipProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * A string of all className you want applied to the component.

package/dist/components/widgets/CWidgetStatsA.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CWidgetStatsAProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * Action node for your component.

package/dist/components/widgets/CWidgetStatsB.d.ts

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-import { Colors } from '../Types';
 import { CProgressProps } from '../progress/CProgress';
+import type { Colors } from '../../types';
 export interface CWidgetStatsBProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * A string of all className you want applied to the base component.

package/dist/components/widgets/CWidgetStatsC.d.ts

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-import { Colors } from '../Types';
 import { CProgressProps } from '../progress/CProgress';
+import type { Colors } from '../../types';
 export interface CWidgetStatsCProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * A string of all className you want applied to the base component.

package/dist/components/widgets/CWidgetStatsD.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 type Value = {
     title?: string | ReactNode;
     value?: number | string | ReactNode;

package/dist/components/widgets/CWidgetStatsF.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CWidgetStatsFProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * A string of all className you want applied to the base component.