@coreui/react-pro 4.12.0 → 4.12.2

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

@@ -9289,22 +9289,22 @@ var CTimePicker = forwardRef(function (_a, ref) {
     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"),
@@ -10486,10 +10486,12 @@ var CModal = forwardRef(function (_a, ref) {
         setVisible(visible);
     }, [visible]);
     useEffect(function () {
-        document.addEventListener('click', handleClickOutside);
-        document.addEventListener('keydown', handleKeyDown);
+        if (_visible) {
+            document.addEventListener('mouseup', handleClickOutside);
+            document.addEventListener('keydown', handleKeyDown);
+        }
         return function () {
-            document.removeEventListener('click', handleClickOutside);
+            document.removeEventListener('mouseup', handleClickOutside);
             document.removeEventListener('keydown', handleKeyDown);
         };
     }, [_visible]);