@coreui/react-pro 4.1.0 → 4.1.4

package/README.md

@@ -43,7 +43,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-react/archive/v4.1.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react/archive/v4.1.4.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`

package/dist/components/Types.d.ts

@@ -10,5 +10,5 @@ export declare type Shapes = 'rounded' | 'rounded-top' | 'rounded-end' | 'rounde
 export declare const shapePropType: PropTypes.Requireable<string>;
 export declare 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 declare type Triggers = 'hover' | 'focus' | 'click';
+export declare type Triggers = 'hover' | 'focus' | 'click' | 'click-init';
 export declare const triggerPropType: PropTypes.Requireable<Triggers>;

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

@@ -0,0 +1,15 @@
+import { FC, HTMLAttributes } from 'react';
+import { Triggers } from '../Types';
+export interface CDropdownToggleCustomProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled?: boolean;
+    /**
+     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+     *
+     * @type 'hover' | 'focus' | 'click'
+     */
+    trigger?: Triggers | Triggers[];
+}
+export declare const CDropdownToggleCustom: FC<CDropdownToggleCustomProps>;

package/dist/components/modal/CModal.d.ts

@@ -52,6 +52,7 @@ export interface CModalProps extends HTMLAttributes<HTMLDivElement> {
      * Remove animation to create modal that simply appear rather than fade in to view.
      */
     transition?: boolean;
+    unmountOnClose?: boolean;
     /**
      * Toggle the visibility of modal component.
      */

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

@@ -5,7 +5,7 @@ export interface CPopoverProps {
     /**
      * Content node for your component.
      */
-    content: ReactNode;
+    content: ReactNode | string;
     /**
      * Offset of the popover relative to its target.
      */
@@ -21,7 +21,7 @@ export interface CPopoverProps {
     /**
      * Title node for your component.
      */
-    title?: ReactNode;
+    title?: ReactNode | string;
     /**
      * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
      *

package/dist/components/smart-table/CSmartTableBody.d.ts

@@ -1,13 +1,13 @@
 import React, { MouseEvent, ReactNode } from 'react';
 import { CTableBodyProps } from '../table/CTableBody';
-import { Item, ScopedColumns } from './CSmartTableInterface';
+import { ItemInternal, ScopedColumns } from './CSmartTableInterface';
 export interface CSmartTableBodyProps extends CTableBodyProps {
     clickableRows?: boolean;
-    currentItems: Item[];
+    currentItems: ItemInternal[];
     firstItemOnActivePageIndex: number;
     noItemsLabel?: string | ReactNode;
     onRowChecked?: (id: number, value: boolean) => void;
-    onRowClick?: (item: Item, index: number, columnName: string, event: MouseEvent | boolean) => void;
+    onRowClick?: (item: ItemInternal, index: number, columnName: string, event: MouseEvent | boolean) => void;
     rawColumnNames: string[];
     scopedColumns?: ScopedColumns;
     selectable?: boolean;

package/dist/components/smart-table/CSmartTableInterface.d.ts

@@ -7,10 +7,10 @@ import { CTableHeaderCellProps } from '../table/CTableHeaderCell';
 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;
 }
@@ -23,9 +23,11 @@ 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 {
     external?: boolean;
@@ -37,6 +39,7 @@ export interface Sorter {
     external?: boolean;
 }
 export interface ScopedColumns {
+    [key: string]: any;
     details?: (a: Item, b: number) => ReactNode;
 }
 export interface SorterValue {
@@ -46,8 +49,6 @@ export interface SorterValue {
 export interface TableFilter {
     lazy?: boolean;
     external?: boolean;
-    label?: string;
-    placeholder?: string;
 }
 export interface NoItemsView {
     noResults?: string;
@@ -60,14 +61,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;
     /**
@@ -104,7 +100,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.
      *
@@ -261,8 +257,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/dist/components/tooltip/CTooltip.d.ts

@@ -5,7 +5,7 @@ export interface CTooltipProps {
     /**
      * Content node for your component.
      */
-    content: ReactNode;
+    content: ReactNode | string;
     /**
      * Callback fired when the component requests to be hidden.
      */

package/dist/index.d.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';
@@ -121,5 +122,5 @@ import { CToastClose } from './components/toast/CToastClose';
 import { CToastHeader } from './components/toast/CToastHeader';
 import { CToaster } from './components/toast/CToaster';
 import { CTooltip } from './components/tooltip/CTooltip';
-export { CAccordion, CAccordionBody, CAccordionButton, CAccordionCollapse, CAccordionHeader, CAccordionItem, CAlert, CAlertHeading, CAlertLink, CAvatar, CBadge, CBackdrop, CBreadcrumb, CBreadcrumbItem, CButton, CButtonGroup, CButtonToolbar, CCallout, CCard, CCardBody, CCardFooter, CCardHeader, CCardImage, CCardImageOverlay, CCardLink, CCardSubtitle, CCardText, CCardTitle, CCarousel, CCarouselCaption, CCarouselItem, CCloseButton, CCollapse, CDropdown, CDropdownDivider, CDropdownHeader, CDropdownItem, CDropdownItemPlain, CDropdownMenu, CDropdownToggle, CCol, CContainer, CRow, CFooter, CCardGroup, CForm, CFormCheck, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CImage, CInputGroup, CInputGroupText, CHeader, CHeaderBrand, CHeaderDivider, CHeaderNav, CHeaderText, CHeaderToggler, CLink, CListGroup, CListGroupItem, CLoadingButton, CModal, CModalBody, CModalContent, CModalDialog, CModalFooter, CModalHeader, CModalTitle, CMultiSelect, CNav, CNavGroup, CNavGroupItems, CNavItem, CNavLink, CNavTitle, CNavbar, CNavbarBrand, CNavbarNav, CNavbarText, CNavbarToggler, CPagination, CPaginationItem, CPlaceholder, CPopover, CProgress, CProgressBar, COffcanvas, COffcanvasBody, COffcanvasHeader, COffcanvasTitle, CSmartPagination, CSidebar, CSidebarBrand, CSidebarFooter, CSidebarToggler, CSidebarHeader, CSidebarNav, CSmartTable, CSpinner, CTable, CTableBody, CTableCaption, CTableDataCell, CTableFoot, CTableHead, CTableHeaderCell, CTableRow, CTabContent, CTabPane, CToast, CToastBody, CToastClose, CToastHeader, CToaster, CTooltip, };
+export { CAccordion, CAccordionBody, CAccordionButton, CAccordionCollapse, CAccordionHeader, CAccordionItem, CAlert, CAlertHeading, CAlertLink, CAvatar, CBadge, CBackdrop, CBreadcrumb, CBreadcrumbItem, CButton, CButtonGroup, CButtonToolbar, CCallout, CCard, CCardBody, CCardFooter, CCardHeader, CCardImage, CCardImageOverlay, CCardLink, CCardSubtitle, CCardText, CCardTitle, CCarousel, CCarouselCaption, CCarouselItem, CCloseButton, CCollapse, CDropdown, CDropdownDivider, CDropdownHeader, CDropdownItem, CDropdownItemPlain, CDropdownMenu, CDropdownToggle, CDropdownToggleCustom, CCol, CContainer, CRow, CFooter, CCardGroup, CForm, CFormCheck, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CImage, CInputGroup, CInputGroupText, CHeader, CHeaderBrand, CHeaderDivider, CHeaderNav, CHeaderText, CHeaderToggler, CLink, CListGroup, CListGroupItem, CLoadingButton, CModal, CModalBody, CModalContent, CModalDialog, CModalFooter, CModalHeader, CModalTitle, CMultiSelect, CNav, CNavGroup, CNavGroupItems, CNavItem, CNavLink, CNavTitle, CNavbar, CNavbarBrand, CNavbarNav, CNavbarText, CNavbarToggler, CPagination, CPaginationItem, CPlaceholder, CPopover, CProgress, CProgressBar, COffcanvas, COffcanvasBody, COffcanvasHeader, COffcanvasTitle, CSmartPagination, CSidebar, CSidebarBrand, CSidebarFooter, CSidebarToggler, CSidebarHeader, CSidebarNav, CSmartTable, CSpinner, CTable, CTableBody, CTableCaption, CTableDataCell, CTableFoot, CTableHead, CTableHeaderCell, CTableRow, CTabContent, CTabPane, CToast, CToastBody, CToastClose, CToastHeader, CToaster, CTooltip, };
 export * from './components/';