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

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-rc.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react-pro/archive/v4.12.0.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

@@ -53,7 +53,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/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-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/dist/components/popover/CPopover.d.ts

@@ -4,7 +4,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;
     /**
@@ -22,7 +22,7 @@ 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;
@@ -31,7 +31,7 @@ export interface CPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'tit
     /**
      * 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/dist/components/tooltip/CTooltip.d.ts

@@ -4,7 +4,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;
     /**
@@ -18,7 +18,7 @@ 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;
@@ -27,7 +27,7 @@ export interface CTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'con
     /**
      * 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/dist/index.es.js

@@ -15,7 +15,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol */
 
 
 var __assign$1 = function() {
@@ -49,7 +49,12 @@ function __spreadArray(to, from, pack) {
         }
     }
     return to.concat(ar || Array.prototype.slice.call(from));
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -4848,6 +4853,16 @@ CCardTitle.propTypes = {
 };
 CCardTitle.displayName = 'CCardTitle';
 
+var isRTL = function (element) {
+    if (typeof document !== 'undefined' && document.documentElement.dir === 'rtl') {
+        return true;
+    }
+    if (element) {
+        return element.closest('[dir="rtl"]') !== null;
+    }
+    return false;
+};
+
 var getRTLPlacement = function (placement, element) {
     switch (placement) {
         case 'right': {
@@ -4884,16 +4899,6 @@ var isObjectInArray = function (array, item, ignore) {
     });
 };
 
-var isRTL = function (element) {
-    if (typeof document !== 'undefined' && document.documentElement.dir === 'rtl') {
-        return true;
-    }
-    if (element) {
-        return element.closest('[dir="rtl"]') !== null;
-    }
-    return false;
-};
-
 var CCarouselContext = createContext({});
 var CCarousel = forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.activeIndex, activeIndex = _b === void 0 ? 0 : _b, className = _a.className, controls = _a.controls, dark = _a.dark, indicators = _a.indicators, _c = _a.interval, interval = _c === void 0 ? 5000 : _c, onSlid = _a.onSlid, onSlide = _a.onSlide, _d = _a.pause, pause = _d === void 0 ? 'hover' : _d, _e = _a.touch, touch = _e === void 0 ? true : _e, transition = _a.transition, _f = _a.wrap, wrap = _f === void 0 ? true : _f, rest = __rest$1(_a, ["children", "activeIndex", "className", "controls", "dark", "indicators", "interval", "onSlid", "onSlide", "pause", "touch", "transition", "wrap"]);
@@ -9269,15 +9274,18 @@ var CTimePicker = forwardRef(function (_a, ref) {
         setDate(new Date(_date));
         onTimeChange && onTimeChange(_date.toTimeString(), _date.toLocaleTimeString(), _date);
     };
-    var InputGroup = function () { return (React$1.createElement("div", { className: "input-group picker-input-group" },
-        React$1.createElement("input", { autoComplete: "off", className: "form-control", 
-            // delay={true}
-            disabled: disabled, onChange: function (event) {
-                return isValidTime(event.target.value) && setDate(convertTimeToDate(event.target.value));
-            }, placeholder: placeholder, readOnly: inputReadOnly, required: required, ref: inputRef }),
-        (indicator || cleaner) && (React$1.createElement("span", { className: "input-group-text" },
-            indicator && (React$1.createElement("span", { className: "picker-input-group-indicator" }, typeof indicator === 'boolean' ? (React$1.createElement("span", { className: "picker-input-group-icon time-picker-input-icon" })) : (indicator))),
-            cleaner && date && (React$1.createElement("span", { className: "picker-input-group-cleaner", role: "button", onClick: function (event) { return handleClear(event); } }, typeof cleaner === 'boolean' ? (React$1.createElement("span", { className: "picker-input-group-icon time-picker-cleaner-icon" })) : (cleaner))))))); };
+    var InputGroup = function () {
+        var _a;
+        return (React$1.createElement("div", { className: classNames$1('input-group', 'picker-input-group', (_a = {},
+                _a["input-group-".concat(size)] = size,
+                _a)) },
+            React$1.createElement("input", { autoComplete: "off", className: "form-control", disabled: disabled, onChange: function (event) {
+                    return isValidTime(event.target.value) && setDate(convertTimeToDate(event.target.value));
+                }, placeholder: placeholder, readOnly: inputReadOnly, required: required, ref: inputRef }),
+            (indicator || cleaner) && (React$1.createElement("span", { className: "input-group-text" },
+                indicator && (React$1.createElement("span", { className: "picker-input-group-indicator" }, typeof indicator === 'boolean' ? (React$1.createElement("span", { className: "picker-input-group-icon time-picker-input-icon" })) : (indicator))),
+                cleaner && date && (React$1.createElement("span", { className: "picker-input-group-cleaner", role: "button", onClick: function (event) { return handleClear(event); } }, typeof cleaner === 'boolean' ? (React$1.createElement("span", { className: "picker-input-group-icon time-picker-cleaner-icon" })) : (cleaner)))))));
+    };
     var TimePickerSelect = function () {
         return (React$1.createElement(React$1.Fragment, null,
             React$1.createElement("span", { className: "time-picker-inline-icon" }),
@@ -9499,34 +9507,35 @@ var CDateRangePicker = forwardRef(function (_a, ref) {
             setVisible(false);
         }
     };
-    var InputGroup = function () { return (React$1.createElement("div", { className: "input-group picker-input-group" },
-        React$1.createElement("input", __assign$1({ autoComplete: "off", className: classNames$1('form-control date-picker-input', {
-                hover: inputStartHoverValue,
-            }), 
-            // delay={true}
-            disabled: disabled }, (id && { name: range ? "".concat(id, "-start-date") : "".concat(id, "-date") }), { placeholder: Array.isArray(placeholder) ? placeholder[0] : placeholder, readOnly: inputReadOnly || typeof format$1 === 'string', required: required, onChange: function (event) {
-                var date = getLocalDateFromString(event.target.value, locale, timepicker);
-                if (date instanceof Date && date.getTime()) {
-                    setCalendarDate(date);
-                    setStartDate(date);
-                }
-            }, onClick: function () { return setSelectEndDate(false); }, ref: inputStartRef })),
-        range && separator !== false && (React$1.createElement("span", { className: "input-group-text" },
-            React$1.createElement("span", { className: "picker-input-group-icon date-picker-arrow-icon" }))),
-        range && (React$1.createElement("input", __assign$1({ autoComplete: "off", className: classNames$1('form-control date-picker-input', {
-                hover: inputEndHoverValue,
-            }), 
-            // delay={true}
-            disabled: disabled }, (id && { name: "".concat(id, "-end-date") }), { placeholder: placeholder[1], readOnly: inputReadOnly || typeof format$1 === 'string', required: required, onChange: function (event) {
-                var date = getLocalDateFromString(event.target.value, locale, timepicker);
-                if (date instanceof Date && date.getTime()) {
-                    setCalendarDate(date);
-                    setEndDate(date);
-                }
-            }, onClick: function () { return setSelectEndDate(true); }, ref: inputEndRef }))),
-        (indicator || cleaner) && (React$1.createElement("span", { className: "input-group-text" },
-            indicator && (React$1.createElement("span", { className: "picker-input-group-indicator" }, typeof indicator === 'boolean' ? (React$1.createElement("span", { className: "picker-input-group-icon date-picker-input-icon" })) : (indicator))),
-            cleaner && (_startDate || _endDate) && (React$1.createElement("span", { className: "picker-input-group-cleaner", role: "button", onClick: function (event) { return handleClear(event); } }, typeof cleaner === 'boolean' ? (React$1.createElement("span", { className: "picker-input-group-icon date-picker-cleaner-icon" })) : (cleaner))))))); };
+    var InputGroup = function () {
+        var _a;
+        return (React$1.createElement("div", { className: classNames$1('input-group', 'picker-input-group', (_a = {},
+                _a["input-group-".concat(size)] = size,
+                _a)) },
+            React$1.createElement("input", __assign$1({ autoComplete: "off", className: classNames$1('form-control date-picker-input', {
+                    hover: inputStartHoverValue,
+                }), disabled: disabled }, (id && { name: range ? "".concat(id, "-start-date") : "".concat(id, "-date") }), { placeholder: Array.isArray(placeholder) ? placeholder[0] : placeholder, readOnly: inputReadOnly || typeof format$1 === 'string', required: required, onChange: function (event) {
+                    var date = getLocalDateFromString(event.target.value, locale, timepicker);
+                    if (date instanceof Date && date.getTime()) {
+                        setCalendarDate(date);
+                        setStartDate(date);
+                    }
+                }, onClick: function () { return setSelectEndDate(false); }, ref: inputStartRef })),
+            range && separator !== false && (React$1.createElement("span", { className: "input-group-text" },
+                React$1.createElement("span", { className: "picker-input-group-icon date-picker-arrow-icon" }))),
+            range && (React$1.createElement("input", __assign$1({ autoComplete: "off", className: classNames$1('form-control date-picker-input', {
+                    hover: inputEndHoverValue,
+                }), disabled: disabled }, (id && { name: "".concat(id, "-end-date") }), { placeholder: placeholder[1], readOnly: inputReadOnly || typeof format$1 === 'string', required: required, onChange: function (event) {
+                    var date = getLocalDateFromString(event.target.value, locale, timepicker);
+                    if (date instanceof Date && date.getTime()) {
+                        setCalendarDate(date);
+                        setEndDate(date);
+                    }
+                }, onClick: function () { return setSelectEndDate(true); }, ref: inputEndRef }))),
+            (indicator || cleaner) && (React$1.createElement("span", { className: "input-group-text" },
+                indicator && (React$1.createElement("span", { className: "picker-input-group-indicator" }, typeof indicator === 'boolean' ? (React$1.createElement("span", { className: "picker-input-group-icon date-picker-input-icon" })) : (indicator))),
+                cleaner && (_startDate || _endDate) && (React$1.createElement("span", { className: "picker-input-group-cleaner", role: "button", onClick: function (event) { return handleClear(event); } }, typeof cleaner === 'boolean' ? (React$1.createElement("span", { className: "picker-input-group-icon date-picker-cleaner-icon" })) : (cleaner)))))));
+    };
     return (React$1.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, id: id, invalid: isValid === false ? true : false, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: isValid },
         React$1.createElement(CPicker, __assign$1({ className: classNames$1('date-picker', (_b = {},
                 _b["date-picker-".concat(size)] = size,