@coreui/react-pro 5.0.0-alpha.3 → 5.0.0-beta.1

package/dist/components/multi-select-new/CMultiSelectNew.d.ts

@@ -1,121 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-import { CFormControlWrapperProps } from './../form/CFormControlWrapper';
-import type { Option } from './types';
-export interface CMultiSelectProps extends Omit<CFormControlWrapperProps, 'floatingClassName' | 'floatingLabel'>, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    /**
-     * Allow users to create options if they are not in the list of options.
-     *
-     * @since 4.11.0-next.0
-     */
-    allowCreateOptions?: boolean;
-    /**
-     * A string of all className you want applied to the base component.
-     */
-    className?: string;
-    /**
-     * Enables selection cleaner element.
-     */
-    cleaner?: boolean;
-    /**
-     * Clear current search on selecting an item.
-     *
-     * @since 4.11.0-next.0
-     */
-    clearSearchOnSelect?: boolean;
-    /**
-     * Toggle the disabled state for the component.
-     */
-    disabled?: boolean;
-    /**
-     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
-     *
-     * The name and id attributes for the native select element are generated based on the `id` property:
-     * - <select id="\{id\}-multi-select" name="\{id\}-multi-select" />
-     */
-    id?: string;
-    /**
-     * When set, the options list will have a loading style: loading spinner and reduced opacity.
-     *
-     * @since 4.11.0-next.0
-     */
-    loading?: boolean;
-    /**
-     * It specifies that multiple options can be selected at once.
-     */
-    multiple?: boolean;
-    /**
-     * Execute a function when a user changes the selected option.
-     */
-    onChange?: (selected: Option[]) => void;
-    /**
-     * Execute a function when the filter value changed.
-     *
-     * @since 4.8.0
-     */
-    onFilterChange?: (value: string) => void;
-    /**
-     * List of option elements.
-     */
-    options: Option[];
-    /**
-     * Sets maxHeight of options list.
-     */
-    optionsMaxHeight?: number | string;
-    /**
-     * Sets option style.
-     */
-    optionsStyle?: 'checkbox' | 'text';
-    /**
-     * Specifies a short hint that is visible in the search input.
-     */
-    placeholder?: string;
-    /**
-     * @since XXXX
-     */
-    required?: boolean;
-    /**
-     * Enables search input element.
-     */
-    search?: boolean | 'external';
-    /**
-     * Sets the label for no results when filtering.
-     */
-    searchNoResultsLabel?: string | ReactNode;
-    /**
-     * Enables select all button.
-     */
-    selectAll?: boolean;
-    /**
-     * Sets the select all button label.
-     */
-    selectAllLabel?: string | ReactNode;
-    /**
-     * Sets the selection style.
-     */
-    selectionType?: 'counter' | 'tags' | 'text';
-    /**
-     * Sets the counter selection label.
-     */
-    selectionTypeCounterText?: string;
-    /**
-     * Size the component small or large.
-     */
-    size?: 'sm' | 'lg';
-    /**
-     * Enable virtual scroller for the options list.
-     *
-     * @since 4.8.0
-     */
-    virtualScroller?: boolean;
-    /**
-     * Toggle the visibility of multi select dropdown.
-     */
-    visible?: boolean;
-    /**
-     * Amount of visible items when virtualScroller is set to `true`.
-     *
-     * @since 4.8.0
-     */
-    visibleItems?: number;
-}
-export declare const CMultiSelectNew: React.ForwardRefExoticComponent<CMultiSelectProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/multi-select-new/CMultiSelectOptions.d.ts

@@ -1,16 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-import type { Option } from './types';
-export interface CMultiSelectOptionsProps extends HTMLAttributes<HTMLDivElement> {
-    handleOptionOnClick?: (option: Option) => void;
-    loading?: boolean;
-    options: Option[];
-    optionsMaxHeight?: number | string;
-    optionsStyle?: 'checkbox' | 'text';
-    optionsTemplate?: (option: Option) => ReactNode;
-    optionsGroupsTemplate?: (option: Option) => ReactNode;
-    searchNoResultsLabel?: string | ReactNode;
-    selected: Option[];
-    virtualScroller?: boolean;
-    visibleItems?: number;
-}
-export declare const CMultiSelectOptions: React.ForwardRefExoticComponent<CMultiSelectOptionsProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/multi-select-new/CMultiSelectSelection.d.ts

@@ -1,11 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-import type { SelectedOption } from './types';
-export interface CMultiSelectSelectionProps extends HTMLAttributes<HTMLSpanElement> {
-    multiple?: boolean;
-    onRemove?: (option: SelectedOption) => void;
-    search?: boolean | 'external';
-    selected?: SelectedOption[];
-    selectionType?: 'counter' | 'tags' | 'text';
-    selectionTypeCounterText?: string;
-}
-export declare const CMultiSelectSelection: React.ForwardRefExoticComponent<CMultiSelectSelectionProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/multi-select-new/index.d.ts

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

package/dist/components/multi-select-new/types.d.ts

@@ -1,15 +0,0 @@
-export type Option = {
-    custom?: boolean;
-    disabled?: boolean;
-    label?: string;
-    options?: Option[];
-    selected?: boolean;
-    text: string;
-    value: number | string;
-    [key: string]: number | string | any;
-};
-export type SelectedOption = {
-    disabled?: boolean;
-    text: string;
-    value: number | string;
-};

package/dist/components/multi-select-new/utils.d.ts

@@ -1,11 +0,0 @@
-import type { Option, SelectedOption } from './types';
-export declare const createOption: (text: string, options: Option[]) => {
-    value: string;
-    text: string;
-    custom: boolean;
-}[];
-export declare const filterOptionsList: (search: string, _options: Option[]) => Option[];
-export declare const flattenArray: (options: Option[]) => Option[];
-export declare const getNextSibling: (elem: HTMLElement, selector?: string) => Element | null | undefined;
-export declare const getPreviousSibling: (elem: HTMLElement, selector?: string) => Element | null | undefined;
-export declare const selectOptions: (options: Option[], selected: SelectedOption[], deselected?: Option[]) => SelectedOption[];

package/dist/components/nav/CNav.d.ts

@@ -1,20 +0,0 @@
-import React, { ElementType, HTMLAttributes } from 'react';
-export interface CNavProps extends HTMLAttributes<HTMLDivElement | HTMLUListElement | HTMLOListElement> {
-    /**
-     * A string of all className you want applied to the base component.
-     */
-    className?: string;
-    /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component?: string | ElementType;
-    /**
-     * Specify a layout type for component.
-     */
-    layout?: 'fill' | 'justified';
-    /**
-     * Set the nav variant to tabs or pills.
-     */
-    variant?: 'pills' | 'tabs' | 'underline';
-}
-export declare const CNav: React.ForwardRefExoticComponent<CNavProps & React.RefAttributes<HTMLDivElement | HTMLOListElement | HTMLUListElement>>;

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

@@ -1,82 +0,0 @@
-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

@@ -1,82 +0,0 @@
-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/popover/CPopover.d.ts

@@ -1,64 +0,0 @@
-import { FC, HTMLAttributes, ReactNode } from 'react';
-import type { Placements, Triggers } from '../../types';
-export interface CPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'content'> {
-    /**
-     * Apply a CSS fade transition to the popover.
-     *
-     * @since 4.9.0
-     */
-    animation?: boolean;
-    /**
-     * A string of all className you want applied to the component.
-     */
-    className?: string;
-    /**
-     * Content node for your component.
-     */
-    content: ReactNode | string;
-    /**
-     * Offset of the popover relative to its target.
-     */
-    offset?: [number, number];
-    /**
-     * The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`.
-     *
-     * @since 4.9.0
-     */
-    delay?: number | {
-        show: number;
-        hide: number;
-    };
-    /**
-     * Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
-     *
-     * @since 4.9.0
-     */
-    fallbackPlacements?: Placements | Placements[];
-    /**
-     * Callback fired when the component requests to be hidden.
-     */
-    onHide?: () => void;
-    /**
-     * Callback fired when the component requests to be shown.
-     */
-    onShow?: () => void;
-    /**
-     * Title node for your component.
-     */
-    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.
-     *
-     * @type 'hover' | 'focus' | 'click'
-     */
-    trigger?: Triggers | Triggers[];
-    /**
-     * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
-     */
-    placement?: 'auto' | 'top' | 'right' | 'bottom' | 'left';
-    /**
-     * Toggle the visibility of popover component.
-     */
-    visible?: boolean;
-}
-export declare const CPopover: FC<CPopoverProps>;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { CSmartTableProps } from './CSmartTableInterface';
-export declare const CSmartTable: React.ForwardRefExoticComponent<CSmartTableProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +0,0 @@
-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/types.d.ts

@@ -1,65 +0,0 @@
-import { ReactNode } from 'react';
-import { CTableDataCellProps } from '../table/CTableDataCell';
-import { CTableHeaderCellProps } from '../table/CTableHeaderCell';
-import { CTableRowProps } from '../table/CTableRow';
-export type Column = {
-    children?: Column[];
-    filter?: boolean | ((values: any[], onChange: (value: any) => void) => ReactNode);
-    group?: string;
-    key: string;
-    label?: string;
-    sorter?: boolean;
-    _style?: any;
-    _props?: CTableHeaderCellProps;
-    _colStyle?: any;
-    _colProps?: CTableDataCellProps;
-};
-export type ColumnFilter = {
-    lazy?: boolean;
-    external?: boolean;
-};
-export type ColumnFilterValue = {
-    [key: string]: any;
-};
-export type FooterItem = {
-    label?: string;
-    _props?: CTableDataCellProps;
-};
-export type Group = {
-    children?: Group[] | Column[];
-    colspan?: number;
-    deep?: number;
-    group?: string;
-    key: string;
-    label?: string;
-    _style?: any;
-    _props?: CTableHeaderCellProps;
-};
-export type Item = {
-    [key: string]: number | string | any;
-    _cellProps?: any;
-    _props?: CTableRowProps;
-    _selected?: boolean;
-};
-export type ItemsPerPageSelect = {
-    external?: boolean;
-};
-export type Pagination = {
-    external?: boolean;
-};
-export type Sorter = {
-    resetable?: boolean;
-    external?: boolean;
-};
-export type ScopedColumns = {
-    [key: string]: any;
-    details?: (a: Item, b: number) => ReactNode;
-};
-export type SorterValue = {
-    column?: string;
-    state?: number | string;
-};
-export type TableFilter = {
-    lazy?: boolean;
-    external?: boolean;
-};

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

@@ -1,29 +0,0 @@
-import type { Column, ColumnFilter, ColumnFilterValue, Group, Item, Sorter, SorterValue, TableFilter } from './types';
-export declare const filterColumns: (items: Item[], columnFilter: boolean | ColumnFilter | undefined, columnFilterState: ColumnFilterValue, itemsDataColumns: string[]) => Item[];
-export declare const filterTable: (items: Item[], tableFilter: boolean | TableFilter | undefined, tableFilterState: string, itemsDataColumns: string[]) => Item[];
-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;
-export declare const getColumnGroups: (columns: (string | Column)[] | undefined) => {
-    children?: Column[] | Group[] | undefined;
-    colspan?: number | undefined;
-    group?: string | undefined;
-    key: string;
-    label?: string | undefined;
-    _style?: any;
-    _props?: import("../table/CTableHeaderCell").CTableHeaderCellProps | 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: (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;
-export declare const pretifyName: (name: string) => string;
-export declare const sortItems: (columnSorter: boolean | Sorter | undefined, items: Item[], itemsDataColumns: string[], sorterState: SorterValue) => Item[];

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

@@ -1,60 +0,0 @@
-import { FC, HTMLAttributes, ReactNode } from 'react';
-import type { Placements, Triggers } from '../../types';
-export interface CTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content'> {
-    /**
-     * Apply a CSS fade transition to the tooltip.
-     *
-     * @since 4.9.0
-     */
-    animation?: boolean;
-    /**
-     * A string of all className you want applied to the component.
-     */
-    className?: string;
-    /**
-     * Content node for your component.
-     */
-    content: ReactNode | string;
-    /**
-     * The delay for displaying and hiding the tooltip (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`.
-     *
-     * @since 4.9.0
-     */
-    delay?: number | {
-        show: number;
-        hide: number;
-    };
-    /**
-     * Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
-     *
-     * @since 4.9.0
-     */
-    fallbackPlacements?: Placements | Placements[];
-    /**
-     * Offset of the tooltip relative to its target.
-     */
-    offset?: [number, number];
-    /**
-     * Callback fired when the component requests to be hidden.
-     */
-    onHide?: () => void;
-    /**
-     * Callback fired when the component requests to be shown.
-     */
-    onShow?: () => void;
-    /**
-     * 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[];
-    /**
-     * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
-     */
-    placement?: 'auto' | 'top' | 'right' | 'bottom' | 'left';
-    /**
-     * Toggle the visibility of tooltip component.
-     */
-    visible?: boolean;
-}
-export declare const CTooltip: FC<CTooltipProps>;

package/dist/hooks/index.d.ts

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