@coreui/react-pro 5.0.0-alpha.2 → 5.0.0-alpha.3

package/dist/index.js

@@ -10124,8 +10124,8 @@ CDropdownMenu.propTypes = {
 CDropdownMenu.displayName = 'CDropdownMenu';
 
 var CDropdownToggle = function (_a) {
-    var children = _a.children, _b = _a.caret, caret = _b === void 0 ? true : _b, custom = _a.custom, className = _a.className, split = _a.split, _c = _a.trigger, trigger = _c === void 0 ? 'click' : _c, rest = __rest$1(_a, ["children", "caret", "custom", "className", "split", "trigger"]);
-    var _d = React$1.useContext(CDropdownContext), dropdownToggleRef = _d.dropdownToggleRef, visible = _d.visible, setVisible = _d.setVisible;
+    var children = _a.children, _b = _a.caret, caret = _b === void 0 ? true : _b, custom = _a.custom, className = _a.className, _c = _a.navLink, navLink = _c === void 0 ? true : _c, split = _a.split, _d = _a.trigger, trigger = _d === void 0 ? 'click' : _d, rest = __rest$1(_a, ["children", "caret", "custom", "className", "navLink", "split", "trigger"]);
+    var _e = React$1.useContext(CDropdownContext), dropdownToggleRef = _e.dropdownToggleRef, variant = _e.variant, visible = _e.visible, setVisible = _e.setVisible;
     var triggers = __assign$1(__assign$1({}, ((trigger === 'click' || trigger.includes('click')) && {
         onClick: function (event) {
             event.preventDefault();
@@ -10136,6 +10136,7 @@ var CDropdownToggle = function (_a) {
         onBlur: function () { return setVisible(false); },
     }));
     var togglerProps = __assign$1({ className: classNames$1({
+            'nav-link': variant === 'nav-item' && navLink,
             'dropdown-toggle': caret,
             'dropdown-toggle-split': split,
             show: visible,
@@ -10144,6 +10145,9 @@ var CDropdownToggle = function (_a) {
         if (custom && React$1.isValidElement(children)) {
             return (React$1.createElement(React$1.Fragment, null, React$1.cloneElement(children, __assign$1(__assign$1({ 'aria-expanded': visible }, (!rest.disabled && __assign$1({}, triggers))), { ref: dropdownToggleRef }))));
         }
+        if (variant === 'nav-item' && navLink) {
+            return (React$1.createElement("a", __assign$1({ href: "#" }, togglerProps, { role: "button", ref: dropdownToggleRef }), children));
+        }
         return (React$1.createElement(CButton, __assign$1({}, togglerProps, { tabIndex: 0 }, rest, { ref: dropdownToggleRef }),
             children,
             split && React$1.createElement("span", { className: "visually-hidden" }, "Toggle Dropdown")));