@coreui/react-pro 4.11.2 → 4.12.0-alpha.0

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/CPicker.d.ts

@@ -1,55 +1,5 @@
-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';
+import React, { HTMLAttributes, ReactNode } from 'react';
+export interface CPickerProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Set container type for the component.
      */
@@ -58,6 +8,10 @@ export interface CPickerProps extends Omit<CDropdownProps, 'variant'> {
      * Toggle the disabled state for the component.
      */
     disabled?: boolean;
+    /**
+     * A string of all className you want applied to the dropdown menu.
+     */
+    dropdownClassNames?: string;
     /**
      * Toggle visibility of footer element or set the content of footer.
      */
@@ -67,16 +21,20 @@ export interface CPickerProps extends Omit<CDropdownProps, 'variant'> {
      */
     footerContent?: ReactNode;
     /**
-     * Callback fired when the cancel button has been clicked.
+     * Callback fired when the component requests to be hidden.
      */
-    onCancel?: () => void;
+    onHide?: () => void;
     /**
-     * Callback fired when the confirm button has been clicked.
+     * Callback fired when the component requests to be shown.
      */
-    onConfirm?: () => void;
+    onShow?: () => void;
     /**
      * The content of toggler.
      */
     toggler?: ReactNode;
+    /**
+     * Toggle the visibility of dropdown menu component.
+     */
+    visible?: boolean;
 }
 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/popover/CPopover.d.ts

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

package/dist/components/time-picker/CTimePicker.d.ts

@@ -1,7 +1,8 @@
 import React, { ReactNode } from 'react';
 import { CFormControlWrapperProps } from '../form/CFormControlWrapper';
 import { CPickerProps } from './../picker/CPicker';
-export interface CTimePickerProps extends Omit<CFormControlWrapperProps, 'floatingLabel'>, Omit<CPickerProps, 'autoClose' | 'component' | 'dark' | 'placeholder' | 'variant' | 'onChange'> {
+import { Colors } from '../../types';
+export interface CTimePickerProps extends Omit<CFormControlWrapperProps, 'floatingLabel'>, Omit<CPickerProps, 'placeholder'> {
     /**
      * Set if the component should use the 12/24 hour format. If `true` forces the interface to a 12-hour format. If `false` forces the interface into a 24-hour format. If `auto` the current locale will determine the 12 or 24-hour interface by default locales.
      *
@@ -12,10 +13,49 @@ export interface CTimePickerProps extends Omit<CFormControlWrapperProps, 'floati
      * A string of all className you want applied to the component.
      */
     className?: string;
+    /**
+     * Toggle visibility or set the content of cancel button.
+     */
+    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
+     */
+    cancelButtonColor?: Colors;
+    /**
+     * Size the cancel button small or large.
+     */
+    cancelButtonSize?: 'sm' | 'lg';
+    /**
+     * Set the cancel button variant to an outlined button or a ghost button.
+     */
+    cancelButtonVariant?: 'outline' | 'ghost';
+    /**
+     * A string of all className you want applied to the component.
+     */
     /**
      * Toggle visibility or set the content of the cleaner button.
      */
     cleaner?: ReactNode | boolean;
+    /**
+     * Toggle visibility or set the content of confirm button.
+     */
+    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
+     */
+    confirmButtonColor?: Colors;
+    /**
+     * Size the confirm button small or large.
+     */
+    confirmButtonSize?: 'sm' | 'lg';
+    /**
+     * Set the confirm button variant to an outlined button or a ghost button.
+     */
+    confirmButtonVariant?: 'outline' | 'ghost';
     /**
      * Toggle visibility or set the content of the input indicator.
      */

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

@@ -1,6 +1,6 @@
 import { FC, HTMLAttributes, ReactNode } from 'react';
 import type { Triggers } from '../../types';
-export interface CTooltipProps extends HTMLAttributes<HTMLDivElement> {
+export interface CTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content'> {
     /**
      * A string of all className you want applied to the component.
      */
@@ -10,7 +10,7 @@ export interface CTooltipProps extends HTMLAttributes<HTMLDivElement> {
      */
     content: ReactNode | string;
     /**
-     * Offset of the popover relative to its target.
+     * Offset of the tooltip relative to its target.
      */
     offset?: [number, number];
     /**
@@ -32,7 +32,7 @@ export interface CTooltipProps extends HTMLAttributes<HTMLDivElement> {
      */
     placement?: 'auto' | 'top' | 'right' | 'bottom' | 'left';
     /**
-     * Toggle the visibility of popover component.
+     * Toggle the visibility of tooltip component.
      */
     visible?: boolean;
 }