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

package/dist/index.js

@@ -17,7 +17,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() {
@@ -51,7 +51,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 : {};
 
@@ -4850,6 +4855,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': {
@@ -4886,16 +4901,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 = React$1.createContext({});
 var CCarousel = React$1.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"]);
@@ -9271,34 +9276,37 @@ var CTimePicker = React$1.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" }),
-            React$1.createElement("select", { className: "time-picker-inline-select", disabled: disabled, onChange: function (event) {
+            React$1.createElement("select", { className: "form-select", disabled: disabled, onChange: function (event) {
                     return handleTimeChange('hours', event.target.value);
                 }, value: getSelectedHour(date, locale) }, localizedTimePartials &&
                 localizedTimePartials.listOfHours.map(function (option, index) { return (React$1.createElement("option", { value: option.value.toString(), key: index }, option.label)); })),
             React$1.createElement(React$1.Fragment, null, ":"),
-            React$1.createElement("select", { className: "time-picker-inline-select", disabled: disabled, onChange: function (event) {
+            React$1.createElement("select", { className: "form-select", disabled: disabled, onChange: function (event) {
                     return handleTimeChange('minutes', event.target.value);
                 }, value: getSelectedMinutes(date) }, localizedTimePartials &&
                 localizedTimePartials.listOfMinutes.map(function (option, index) { return (React$1.createElement("option", { value: option.value.toString(), key: index }, option.label)); })),
             seconds && (React$1.createElement(React$1.Fragment, null,
                 React$1.createElement(React$1.Fragment, null, ":"),
-                React$1.createElement("select", { className: "time-picker-inline-select", disabled: disabled, onChange: function (event) {
+                React$1.createElement("select", { className: "form-select", disabled: disabled, onChange: function (event) {
                         return handleTimeChange('seconds', event.target.value);
                     }, value: getSelectedSeconds(date) }, localizedTimePartials &&
                     localizedTimePartials.listOfSeconds.map(function (option, index) { return (React$1.createElement("option", { value: option.value.toString(), key: index }, option.label)); })))),
-            localizedTimePartials && localizedTimePartials.hour12 && (React$1.createElement("select", { className: "time-picker-inline-select", disabled: disabled, onChange: function (event) {
+            localizedTimePartials && localizedTimePartials.hour12 && (React$1.createElement("select", { className: "form-select", disabled: disabled, onChange: function (event) {
                     return handleTimeChange('toggle', event.target.value);
                 }, value: _ampm },
                 React$1.createElement("option", { value: "am" }, "AM"),
@@ -9501,34 +9509,35 @@ var CDateRangePicker = React$1.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,