@coreui/react-pro 4.12.0-beta.1 → 4.12.0-beta.3

package/README.md

@@ -42,7 +42,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-react-pro/archive/v4.12.0-beta.1.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react-pro/archive/v4.12.0-beta.3.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/dropdown/CDropdown.d.ts

@@ -46,8 +46,14 @@ export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
      * Sets a specified  direction and location of the dropdown menu.
      */
     direction?: 'center' | 'dropup' | 'dropup-center' | 'dropend' | 'dropstart';
+    /**
+     * Offset of the dropdown menu relative to its target.
+     */
+    offset?: [number, number];
     /**
      * Callback fired when the component requests to be hidden.
+     *
+     * @since 4.9.0-beta.1
      */
     onHide?: () => void;
     /**
@@ -80,7 +86,8 @@ export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
     visible?: boolean;
 }
 interface ContextProps extends CDropdownProps {
-    dropdownToggleRef: RefObject<any> | undefined;
+    dropdownToggleRef: RefObject<any | undefined>;
+    dropdownMenuRef: RefObject<HTMLDivElement | HTMLUListElement | undefined>;
     setVisible: React.Dispatch<React.SetStateAction<boolean | undefined>>;
     portal: boolean;
 }

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

@@ -1,6 +1,5 @@
-import { ElementType, FC, HTMLAttributes } from 'react';
-import { PopperChildrenProps } from 'react-popper';
-export interface CDropdownMenuProps extends HTMLAttributes<HTMLDivElement | HTMLUListElement>, Omit<PopperChildrenProps, 'arrowProps' | 'forceUpdate' | 'hasPopperEscaped' | 'isReferenceHidden' | 'placement' | 'ref' | 'style' | 'update'> {
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CDropdownMenuProps extends HTMLAttributes<HTMLDivElement | HTMLUListElement> {
     /**
      * A string of all className you want applied to the base component.
      */
@@ -10,4 +9,4 @@ export interface CDropdownMenuProps extends HTMLAttributes<HTMLDivElement | HTML
      */
     component?: string | ElementType;
 }
-export declare const CDropdownMenu: FC<CDropdownMenuProps>;
+export declare const CDropdownMenu: React.ForwardRefExoticComponent<CDropdownMenuProps & React.RefAttributes<HTMLDivElement | HTMLUListElement>>;

package/dist/components/multi-select/CMultiSelect.d.ts

@@ -76,13 +76,13 @@ export interface CMultiSelectProps extends Omit<CFormControlWrapperProps, 'float
     /**
      * Custom template for options.
      *
-     * @since 4.12.0-beta.1
+     * @since 4.12.0-beta.3
      */
     optionsTemplate?: (option: Option) => ReactNode;
     /**
      * Custom template for options groups.
      *
-     * @since 4.12.0-beta.1
+     * @since 4.12.0-beta.3
      */
     optionsGroupsTemplate?: (option: OptionsGroup) => ReactNode;
     /**

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

@@ -1,6 +1,12 @@
 import { FC, HTMLAttributes, ReactNode } from 'react';
-import type { Triggers } from '../../types';
+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-beta.1
+     */
+    animation?: boolean;
     /**
      * A string of all className you want applied to the component.
      */
@@ -13,6 +19,21 @@ export interface CPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'tit
      * 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-beta.1
+     */
+    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-beta.1
+     */
+    fallbackPlacements?: Placements | Placements[];
     /**
      * Callback fired when the component requests to be hidden.
      */

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

@@ -9,6 +9,12 @@ export interface CProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'co
      * Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly.
      */
     height?: number;
+    /**
+     * A string of all className you want applied to the <CProgressBar/> component.
+     *
+     * @since 4.9.0
+     */
+    progressBarClassName?: string;
     /**
      * Makes progress bar thinner.
      */

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

@@ -0,0 +1,12 @@
+import React, { HTMLAttributes } from 'react';
+export interface CProgressStackedProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+}
+export interface CProgressStackedContextProps {
+    stacked?: boolean;
+}
+export declare const CProgressStackedContext: React.Context<CProgressStackedContextProps>;
+export declare const CProgressStacked: React.ForwardRefExoticComponent<CProgressStackedProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,4 @@
 import { CProgress } from './CProgress';
 import { CProgressBar } from './CProgressBar';
-export { CProgress, CProgressBar };
+import { CProgressStacked } from './CProgressStacked';
+export { CProgress, CProgressBar, CProgressStacked };

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

@@ -1,6 +1,12 @@
 import { FC, HTMLAttributes, ReactNode } from 'react';
-import type { Triggers } from '../../types';
+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-beta.1
+     */
+    animation?: boolean;
     /**
      * A string of all className you want applied to the component.
      */
@@ -9,6 +15,21 @@ export interface CTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'con
      * 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-beta.1
+     */
+    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-beta.1
+     */
+    fallbackPlacements?: Placements | Placements[];
     /**
      * Offset of the tooltip relative to its target.
      */

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 { useColorModes, useForkedRef, useStateWithCallback };
+export { useColorModes, useForkedRef, usePopper, useStateWithCallback };

package/dist/hooks/useColorModes.d.ts

@@ -1,7 +1,8 @@
+import { Dispatch, SetStateAction } from 'react';
 interface UseColorModesOutput {
-    getColorMode: () => string;
+    colorMode: string | undefined;
     isColorModeSet: () => boolean;
-    setColorMode: (mode: string) => void;
+    setColorMode: Dispatch<SetStateAction<string>>;
 }
 export declare const useColorModes: (localStorageItemName?: string) => UseColorModesOutput;
 export {};

package/dist/hooks/usePopper.d.ts

@@ -0,0 +1,8 @@
+import type { Instance, Options } from '@popperjs/core';
+interface UsePopperOutput {
+    popper: Instance | undefined;
+    initPopper: (reference: HTMLElement, popper: HTMLElement, options: Partial<Options>) => void;
+    destroyPopper: () => void;
+}
+export declare const usePopper: () => UsePopperOutput;
+export {};