@coreui/react-pro 4.12.0-rc.0 → 4.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react-pro",
-  "version": "4.12.0-rc.0",
+  "version": "4.12.1",
   "description": "UI Components Library for React.js",
   "keywords": [
     "react",
@@ -40,27 +40,27 @@
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-react": "^2.1.0",
     "@popperjs/core": "^2.11.8",
-    "@rollup/plugin-commonjs": "^25.0.1",
+    "@rollup/plugin-commonjs": "^25.0.2",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@rollup/plugin-typescript": "^11.1.1",
+    "@rollup/plugin-typescript": "^11.1.2",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
-    "@types/react": "18.2.12",
-    "@types/react-dom": "^18.2.5",
+    "@types/react": "18.2.14",
+    "@types/react-dom": "^18.2.6",
     "@types/react-transition-group": "^4.4.6",
     "classnames": "^2.3.2",
     "date-fns": "^2.30.0",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.0",
+    "jest": "^29.6.1",
+    "jest-environment-jsdom": "^29.6.1",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-device-detect": "^2.2.3",
     "react-dom": "^18.2.0",
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
-    "rollup": "^3.25.1",
-    "ts-jest": "^29.1.0",
-    "tslib": "^2.5.3",
+    "rollup": "^3.26.2",
+    "ts-jest": "^29.1.1",
+    "tslib": "^2.6.0",
     "typescript": "^4.9.5"
   },
   "peerDependencies": {

package/src/components/date-range-picker/CDateRangePicker.tsx

@@ -403,13 +403,16 @@ export const CDateRangePicker = forwardRef<HTMLDivElement | HTMLLIElement, CDate
     }
 
     const InputGroup = () => (
-      <div className="input-group picker-input-group">
+      <div
+        className={classNames('input-group', 'picker-input-group', {
+          [`input-group-${size}`]: size,
+        })}
+      >
         <input
           autoComplete="off"
           className={classNames('form-control date-picker-input', {
             hover: inputStartHoverValue,
           })}
-          // delay={true}
           disabled={disabled}
           {...(id && { name: range ? `${id}-start-date` : `${id}-date` })}
           placeholder={Array.isArray(placeholder) ? placeholder[0] : placeholder}
@@ -436,7 +439,7 @@ export const CDateRangePicker = forwardRef<HTMLDivElement | HTMLLIElement, CDate
             className={classNames('form-control date-picker-input', {
               hover: inputEndHoverValue,
             })}
-            // delay={true}
+
             disabled={disabled}
             {...(id && { name: `${id}-end-date` })}
             placeholder={placeholder[1]}

package/src/components/dropdown/CDropdown.tsx

@@ -66,7 +66,7 @@ export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
   /**
    * Callback fired when the component requests to be hidden.
    *
-   * @since 4.9.0-beta.2
+   * @since 4.9.0
    */
   onHide?: () => void
   /**

package/src/components/multi-select/CMultiSelect.tsx

@@ -102,13 +102,13 @@ export interface CMultiSelectProps
   /**
    * Custom template for options.
    *
-   * @since 4.12.0-rc.0
+   * @since 4.12.0
    */
   optionsTemplate?: (option: Option) => ReactNode
   /**
    * Custom template for options groups.
    *
-   * @since 4.12.0-rc.0
+   * @since 4.12.0
    */
   optionsGroupsTemplate?: (option: OptionsGroup) => ReactNode
   /**

package/src/components/popover/CPopover.tsx

@@ -13,7 +13,7 @@ export interface CPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'tit
   /**
    * Apply a CSS fade transition to the popover.
    *
-   * @since 4.9.0-beta.2
+   * @since 4.9.0
    */
   animation?: boolean
   /**
@@ -31,13 +31,13 @@ export interface CPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'tit
   /**
    * 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.2
+   * @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-beta.2
+   * @since 4.9.0
    */
   fallbackPlacements?: Placements | Placements[]
   /**

package/src/components/time-picker/CTimePicker.tsx

@@ -272,11 +272,14 @@ export const CTimePicker = forwardRef<HTMLDivElement | HTMLLIElement, CTimePicke
     }
 
     const InputGroup = () => (
-      <div className="input-group picker-input-group">
+      <div
+        className={classNames('input-group', 'picker-input-group', {
+          [`input-group-${size}`]: size,
+        })}
+      >
         <input
           autoComplete="off"
           className="form-control"
-          // delay={true}
           disabled={disabled}
           onChange={(event) =>
             isValidTime(event.target.value) && setDate(convertTimeToDate(event.target.value))
@@ -320,7 +323,7 @@ export const CTimePicker = forwardRef<HTMLDivElement | HTMLLIElement, CTimePicke
         <>
           <span className="time-picker-inline-icon" />
           <select
-            className="time-picker-inline-select"
+            className="form-select"
             disabled={disabled}
             onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>
               handleTimeChange('hours', event.target.value)
@@ -336,7 +339,7 @@ export const CTimePicker = forwardRef<HTMLDivElement | HTMLLIElement, CTimePicke
           </select>
           <>:</>
           <select
-            className="time-picker-inline-select"
+            className="form-select"
             disabled={disabled}
             onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>
               handleTimeChange('minutes', event.target.value)
@@ -354,7 +357,7 @@ export const CTimePicker = forwardRef<HTMLDivElement | HTMLLIElement, CTimePicke
             <>
               <>:</>
               <select
-                className="time-picker-inline-select"
+                className="form-select"
                 disabled={disabled}
                 onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>
                   handleTimeChange('seconds', event.target.value)
@@ -372,7 +375,7 @@ export const CTimePicker = forwardRef<HTMLDivElement | HTMLLIElement, CTimePicke
           )}
           {localizedTimePartials && localizedTimePartials.hour12 && (
             <select
-              className="time-picker-inline-select"
+              className="form-select"
               disabled={disabled}
               onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>
                 handleTimeChange('toggle', event.target.value)

package/src/components/tooltip/CTooltip.tsx

@@ -13,7 +13,7 @@ export interface CTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'con
   /**
    * Apply a CSS fade transition to the tooltip.
    *
-   * @since 4.9.0-beta.2
+   * @since 4.9.0
    */
   animation?: boolean
   /**
@@ -27,13 +27,13 @@ export interface CTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'con
   /**
    * 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.2
+   * @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-beta.2
+   * @since 4.9.0
    */
   fallbackPlacements?: Placements | Placements[]
   /**

package/src/utils/getRTLPlacement.ts

@@ -1,5 +1,5 @@
 import { Placement } from '@popperjs/core'
-import { isRTL } from '../utils'
+import isRTL from './isRTL'
 
 const getRTLPlacement = (placement: string, element: HTMLDivElement | null): Placement => {
   switch (placement) {