@coreui/react-pro 4.13.1 → 5.0.0-alpha.1

package/dist/components/picker/CPicker copy.d.ts

@@ -0,0 +1,82 @@
+import React, { ReactNode } from 'react';
+import { CDropdownProps } from '../dropdown/CDropdown';
+import { Colors } from '../../types';
+export interface CPickerProps extends Omit<CDropdownProps, 'variant'> {
+    /**
+     * Toggle visibility or set the content of cancel button.
+     *
+     * @default 'Cancel'
+     */
+    cancelButton?: boolean | ReactNode;
+    /**
+     * Sets the color context of the cancel button to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     * @default 'primary'
+     */
+    cancelButtonColor?: Colors;
+    /**
+     * Size the cancel button small or large.
+     *
+     * @default 'sm'
+     */
+    cancelButtonSize?: 'sm' | 'lg';
+    /**
+     * Set the cancel button variant to an outlined button or a ghost button.
+     *
+     * @default 'ghost'
+     */
+    cancelButtonVariant?: 'outline' | 'ghost';
+    /**
+     * Toggle visibility or set the content of confirm button.
+     *
+     * @default 'OK'
+     */
+    confirmButton?: boolean | ReactNode;
+    /**
+     * Sets the color context of the confirm button to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     * @default 'primary'
+     */
+    confirmButtonColor?: Colors;
+    /**
+     * Size the confirm button small or large.
+     *
+     * @default 'sm'
+     */
+    confirmButtonSize?: 'sm' | 'lg';
+    /**
+     * Set the confirm button variant to an outlined button or a ghost button.
+     */
+    confirmButtonVariant?: 'outline' | 'ghost';
+    /**
+     * Set container type for the component.
+     */
+    container?: 'dropdown' | 'inline';
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled?: boolean;
+    /**
+     * Toggle visibility of footer element or set the content of footer.
+     */
+    footer?: boolean | ReactNode;
+    /**
+     * Add custom elements to the footer.
+     */
+    footerContent?: ReactNode;
+    /**
+     * Callback fired when the cancel button has been clicked.
+     */
+    onCancel?: () => void;
+    /**
+     * Callback fired when the confirm button has been clicked.
+     */
+    onConfirm?: () => void;
+    /**
+     * The content of toggler.
+     */
+    toggler?: ReactNode;
+}
+export declare const CPicker: React.ForwardRefExoticComponent<CPickerProps & React.RefAttributes<HTMLDivElement | HTMLLIElement>>;

package/dist/components/picker copy/CPicker.d.ts

@@ -0,0 +1,82 @@
+import React, { ReactNode } from 'react';
+import { CDropdownProps } from '../dropdown/CDropdown';
+import { Colors } from '../../types';
+export interface CPickerProps extends Omit<CDropdownProps, 'variant'> {
+    /**
+     * Toggle visibility or set the content of cancel button.
+     *
+     * @default 'Cancel'
+     */
+    cancelButton?: boolean | ReactNode;
+    /**
+     * Sets the color context of the cancel button to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     * @default 'primary'
+     */
+    cancelButtonColor?: Colors;
+    /**
+     * Size the cancel button small or large.
+     *
+     * @default 'sm'
+     */
+    cancelButtonSize?: 'sm' | 'lg';
+    /**
+     * Set the cancel button variant to an outlined button or a ghost button.
+     *
+     * @default 'ghost'
+     */
+    cancelButtonVariant?: 'outline' | 'ghost';
+    /**
+     * Toggle visibility or set the content of confirm button.
+     *
+     * @default 'OK'
+     */
+    confirmButton?: boolean | ReactNode;
+    /**
+     * Sets the color context of the confirm button to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     * @default 'primary'
+     */
+    confirmButtonColor?: Colors;
+    /**
+     * Size the confirm button small or large.
+     *
+     * @default 'sm'
+     */
+    confirmButtonSize?: 'sm' | 'lg';
+    /**
+     * Set the confirm button variant to an outlined button or a ghost button.
+     */
+    confirmButtonVariant?: 'outline' | 'ghost';
+    /**
+     * Set container type for the component.
+     */
+    container?: 'dropdown' | 'inline';
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled?: boolean;
+    /**
+     * Toggle visibility of footer element or set the content of footer.
+     */
+    footer?: boolean | ReactNode;
+    /**
+     * Add custom elements to the footer.
+     */
+    footerContent?: ReactNode;
+    /**
+     * Callback fired when the cancel button has been clicked.
+     */
+    onCancel?: () => void;
+    /**
+     * Callback fired when the confirm button has been clicked.
+     */
+    onConfirm?: () => void;
+    /**
+     * The content of toggler.
+     */
+    toggler?: ReactNode;
+}
+export declare const CPicker: React.ForwardRefExoticComponent<CPickerProps & React.RefAttributes<HTMLDivElement | HTMLLIElement>>;

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

@@ -1,9 +1,10 @@
 import React, { MouseEvent, ReactNode } from 'react';
 import { CTableBodyProps } from '../table/CTableBody';
-import type { Item, ScopedColumns } from './types';
+import type { Column, Item, ScopedColumns } from './types';
 export interface CSmartTableBodyProps extends CTableBodyProps {
     clickableRows?: boolean;
     columnNames: string[];
+    columns: (Column | string)[];
     currentItems: Item[];
     firstItemOnActivePageIndex: number;
     noItemsLabel?: string | ReactNode;

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

@@ -0,0 +1,7 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+interface CSmartTableCleanerProps extends HTMLAttributes<HTMLButtonElement> {
+    content?: string | ReactNode;
+    isFiltered?: string;
+}
+export declare const CSmartTableCleaner: React.ForwardRefExoticComponent<CSmartTableCleanerProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -100,9 +100,7 @@ export interface CSmartTableProps extends HTMLAttributes<HTMLDivElement> {
     itemsPerPageOptions?: number[];
     /**
      * Adds select element over table, which is used for control items per page in pagination. If you want to customize this element, pass object with optional values:
-     * - label (String) - replaces default label text
-     * - values (Array) - custom array of pagination values
-     * - external (Boolean) - disables automatic 'itemsPerPage' change (use to change pages externaly by 'pagination-change' event).
+     * - external (Boolean) - disables automatic 'itemsPerPage' change.
      */
     itemsPerPageSelect?: boolean | ItemsPerPageSelect;
     /**

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

@@ -11,6 +11,8 @@ export type Column = {
     sorter?: boolean;
     _style?: any;
     _props?: CTableHeaderCellProps;
+    _colStyle?: any;
+    _colProps?: CTableDataCellProps;
 };
 export type ColumnFilter = {
     lazy?: boolean;
@@ -41,8 +43,6 @@ export type Item = {
 };
 export type ItemsPerPageSelect = {
     external?: boolean;
-    label?: string;
-    values?: Array<number>;
 };
 export type Pagination = {
     external?: boolean;

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

@@ -4,6 +4,7 @@ export declare const filterTable: (items: Item[], tableFilter: boolean | TableFi
 export declare const getClickedColumnName: (target: HTMLTextAreaElement, columnNames: string[]) => string;
 export declare const getColumnKey: (column: Column | string) => string;
 export declare const getColumnLabel: (column: Column | string) => string;
+export declare const getColumnName: (column: string | Column) => string;
 export declare const getColumnNames: (columns: (string | Column)[] | undefined, items: Item[]) => string[];
 export declare const getColumns: (_columns: (Column | Group | string)[]) => (Column | string)[];
 export declare const countColumns: (columns: Column[], counter?: number) => number;
@@ -19,7 +20,8 @@ export declare const getColumnGroups: (columns: (string | Column)[] | undefined)
 export declare const getColumnNamesFromItems: (items: Item[]) => string[];
 export declare const getColumnSorterState: (key: string, sorterState: SorterValue | undefined) => string | number;
 export declare const getColumnValues: (items: Item[], key: string) => any[];
-export declare const getTableDataCellProps: (item: Item, colName: string) => any;
+export declare const getTableDataCellProps: (column: Column | string, item: Item, colName: string) => {};
+export declare const getTableDataCellStyles: (column: Column | string, item: Item, colName: string) => {};
 export declare const getTableHeaderCellProps: (column: Column | string) => import("../table/CTableHeaderCell").CTableHeaderCellProps;
 export declare const getTableHeaderCellStyles: (column: Column | string, columnSorter: boolean | Sorter | undefined) => any;
 export declare const isSortable: (i: number, columns: (string | Column)[] | undefined, columnSorter: Sorter | boolean | undefined, itemsDataColumns: string[], columnNames: string[]) => boolean | undefined;

package/dist/hooks/index.d.ts

@@ -1,4 +1,5 @@
+import { useColorModes } from './useColorModes';
 import { useForkedRef } from './useForkedRef';
 import { usePopper } from './usePopper';
 import { useStateWithCallback } from './useStateWithCallback';
-export { useForkedRef, usePopper, useStateWithCallback };
+export { useColorModes, useForkedRef, usePopper, useStateWithCallback };