@coreui/react 5.7.0 → 5.8.0

package/dist/cjs/components/carousel/CCarouselItem.js

@@ -8,33 +8,33 @@ var useForkedRef = require('../../hooks/useForkedRef.js');
 require('@popperjs/core');
 var CCarouselContext = require('./CCarouselContext.js');
 
-var CCarouselItem = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, active = _a.active, direction = _a.direction, _b = _a.interval, interval = _b === void 0 ? false : _b, rest = tslib_es6.__rest(_a, ["children", "className", "active", "direction", "interval"]);
-    var _c = React.useContext(CCarouselContext.CCarouselContext), setAnimating = _c.setAnimating, setCustomInterval = _c.setCustomInterval;
-    var carouselItemRef = React.useRef(null);
-    var forkedRef = useForkedRef.useForkedRef(ref, carouselItemRef);
-    var prevActive = React.useRef(undefined);
-    var _d = React.useState(), directionClassName = _d[0], setDirectionClassName = _d[1];
-    var _e = React.useState(), orderClassName = _e[0], setOrderClassName = _e[1];
-    var _f = React.useState(active && 'active'), activeClassName = _f[0], setActiveClassName = _f[1];
-    var _g = React.useState(0), count = _g[0], setCount = _g[1];
-    React.useEffect(function () {
+const CCarouselItem = React.forwardRef((_a, ref) => {
+    var { children, className, active, direction, interval = false } = _a, rest = tslib_es6.__rest(_a, ["children", "className", "active", "direction", "interval"]);
+    const { setAnimating, setCustomInterval } = React.useContext(CCarouselContext.CCarouselContext);
+    const carouselItemRef = React.useRef(null);
+    const forkedRef = useForkedRef.useForkedRef(ref, carouselItemRef);
+    const prevActive = React.useRef(undefined);
+    const [directionClassName, setDirectionClassName] = React.useState();
+    const [orderClassName, setOrderClassName] = React.useState();
+    const [activeClassName, setActiveClassName] = React.useState(active && 'active');
+    const [count, setCount] = React.useState(0);
+    React.useEffect(() => {
         if (active) {
             setCustomInterval(interval);
             if (count !== 0)
-                setOrderClassName("carousel-item-".concat(direction));
+                setOrderClassName(`carousel-item-${direction}`);
         }
         if (prevActive.current && !active) {
             setActiveClassName('active');
         }
         if (active || prevActive.current) {
-            setTimeout(function () {
+            setTimeout(() => {
                 var _a;
                 if (count !== 0) {
                     // @ts-expect-error reflow is necessary to proper transition
                     // eslint-disable-next-line @typescript-eslint/no-unused-vars
                     (_a = carouselItemRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight;
-                    setDirectionClassName("carousel-item-".concat(direction === 'next' ? 'start' : 'end'));
+                    setDirectionClassName(`carousel-item-${direction === 'next' ? 'start' : 'end'}`);
                 }
             }, 0);
         }
@@ -42,12 +42,12 @@ var CCarouselItem = React.forwardRef(function (_a, ref) {
         if (count === 0)
             setCount(count + 1);
     }, [active]);
-    React.useEffect(function () {
+    React.useEffect(() => {
         var _a, _b;
-        (_a = carouselItemRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('transitionstart', function () {
+        (_a = carouselItemRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('transitionstart', () => {
             active && setAnimating(true);
         });
-        (_b = carouselItemRef.current) === null || _b === void 0 ? void 0 : _b.addEventListener('transitionend', function () {
+        (_b = carouselItemRef.current) === null || _b === void 0 ? void 0 : _b.addEventListener('transitionend', () => {
             active && setAnimating(false);
             setDirectionClassName('');
             setOrderClassName('');
@@ -58,12 +58,12 @@ var CCarouselItem = React.forwardRef(function (_a, ref) {
                 setActiveClassName('');
             }
         });
-        return function () {
+        return () => {
             var _a, _b;
-            (_a = carouselItemRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('transitionstart', function () {
+            (_a = carouselItemRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('transitionstart', () => {
                 active && setAnimating(true);
             });
-            (_b = carouselItemRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('transitionend', function () {
+            (_b = carouselItemRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('transitionend', () => {
                 active && setAnimating(false);
                 setDirectionClassName('');
                 setOrderClassName('');
@@ -76,7 +76,7 @@ var CCarouselItem = React.forwardRef(function (_a, ref) {
             });
         };
     });
-    return (React.createElement("div", tslib_es6.__assign({ className: index.default('carousel-item', activeClassName, directionClassName, orderClassName, className), ref: forkedRef }, rest), children));
+    return (React.createElement("div", Object.assign({ className: index.default('carousel-item', activeClassName, directionClassName, orderClassName, className), ref: forkedRef }, rest), children));
 });
 CCarouselItem.propTypes = {
     active: PropTypes.bool,

package/dist/cjs/components/carousel/CCarouselItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CCarouselItem.js","sources":["../../../../src/components/carousel/CCarouselItem.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useContext","CCarouselContext","useRef","useForkedRef","useState","useEffect","__assign","classNames"],"mappings":"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"}
+{"version":3,"file":"CCarouselItem.js","sources":["../../../../src/components/carousel/CCarouselItem.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useContext","CCarouselContext","useRef","useForkedRef","useState","useEffect","classNames"],"mappings":";;;;;;;;;;AA2BO,MAAM,aAAa,GAAGA,gBAAU,CACrC,CAAC,EAAqE,EAAE,GAAG,KAAI;AAA9E,IAAA,IAAA,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAA,GAAA,EAAW,EAAN,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAAnE,4DAAqE,CAAF;IAClE,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,GAAGC,gBAAU,CAACC,iCAAgB,CAAC;AACxE,IAAA,MAAM,eAAe,GAAGC,YAAM,CAAiB,IAAI,CAAC;IACpD,MAAM,SAAS,GAAGC,yBAAY,CAAC,GAAG,EAAE,eAAe,CAAC;AAEpD,IAAA,MAAM,UAAU,GAAGD,YAAM,CAAU,SAAS,CAAC;IAC7C,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAGE,cAAQ,EAAU;IACtE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,EAAU;AAC9D,IAAA,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAGA,cAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC;IAC1E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC;IAErCC,eAAS,CAAC,MAAK;QACb,IAAI,MAAM,EAAE;YACV,iBAAiB,CAAC,QAAQ,CAAC;YAC3B,IAAI,KAAK,KAAK,CAAC;AAAE,gBAAA,iBAAiB,CAAC,CAAA,cAAA,EAAiB,SAAS,CAAA,CAAE,CAAC;QAClE;AAEA,QAAA,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,MAAM,EAAE;YACjC,kBAAkB,CAAC,QAAQ,CAAC;QAC9B;AAEA,QAAA,IAAI,MAAM,IAAI,UAAU,CAAC,OAAO,EAAE;YAChC,UAAU,CAAC,MAAK;;AACd,gBAAA,IAAI,KAAK,KAAK,CAAC,EAAE;;;oBAGA,CAAA,EAAA,GAAA,eAAe,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE;AACxC,oBAAA,qBAAqB,CAAC,CAAA,cAAA,EAAiB,SAAS,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK,CAAA,CAAE,CAAC;gBAClF;YACF,CAAC,EAAE,CAAC,CAAC;QACP;AAEA,QAAA,UAAU,CAAC,OAAO,GAAG,MAAM;QAE3B,IAAI,KAAK,KAAK,CAAC;AAAE,YAAA,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC;AACtC,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAEZA,eAAS,CAAC,MAAK;;QACb,CAAA,EAAA,GAAA,eAAe,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,gBAAgB,CAAC,iBAAiB,EAAE,MAAK;AAChE,YAAA,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC;AAC9B,QAAA,CAAC,CAAC;QACF,CAAA,EAAA,GAAA,eAAe,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,gBAAgB,CAAC,eAAe,EAAE,MAAK;AAC9D,YAAA,MAAM,IAAI,YAAY,CAAC,KAAK,CAAC;YAC7B,qBAAqB,CAAC,EAAE,CAAC;YACzB,iBAAiB,CAAC,EAAE,CAAC;YACrB,IAAI,MAAM,EAAE;gBACV,kBAAkB,CAAC,QAAQ,CAAC;YAC9B;YACA,IAAI,CAAC,MAAM,EAAE;gBACX,kBAAkB,CAAC,EAAE,CAAC;YACxB;AACF,QAAA,CAAC,CAAC;AACF,QAAA,OAAO,MAAK;;YACV,CAAA,EAAA,GAAA,eAAe,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,mBAAmB,CAAC,iBAAiB,EAAE,MAAK;AACnE,gBAAA,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC;AAC9B,YAAA,CAAC,CAAC;YACF,CAAA,EAAA,GAAA,eAAe,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,mBAAmB,CAAC,eAAe,EAAE,MAAK;AACjE,gBAAA,MAAM,IAAI,YAAY,CAAC,KAAK,CAAC;gBAC7B,qBAAqB,CAAC,EAAE,CAAC;gBACzB,iBAAiB,CAAC,EAAE,CAAC;gBACrB,IAAI,MAAM,EAAE;oBACV,kBAAkB,CAAC,QAAQ,CAAC;gBAC9B;gBACA,IAAI,CAAC,MAAM,EAAE;oBACX,kBAAkB,CAAC,EAAE,CAAC;gBACxB;AACF,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC;AACH,IAAA,CAAC,CAAC;IAEF,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EACE,SAAS,EAAEC,aAAU,CACnB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,SAAS,CACV,EACD,GAAG,EAAE,SAAS,EAAA,EACV,IAAI,CAAA,EAEP,QAAQ,CACL;AAEV,CAAC;AAGH,aAAa,CAAC,SAAS,GAAG;IACxB,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CAClE;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dist/cjs/components/close-button/CCloseButton.js

@@ -5,9 +5,9 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var index = require('../../_virtual/index.js');
 
-var CCloseButton = React.forwardRef(function (_a, ref) {
-    var className = _a.className, dark = _a.dark, disabled = _a.disabled, white = _a.white, rest = tslib_es6.__rest(_a, ["className", "dark", "disabled", "white"]);
-    return (React.createElement("button", tslib_es6.__assign({ type: "button", className: index.default('btn', 'btn-close', {
+const CCloseButton = React.forwardRef((_a, ref) => {
+    var { className, dark, disabled, white } = _a, rest = tslib_es6.__rest(_a, ["className", "dark", "disabled", "white"]);
+    return (React.createElement("button", Object.assign({ type: "button", className: index.default('btn', 'btn-close', {
             'btn-close-white': white,
         }, disabled, className), "aria-label": "Close", disabled: disabled }, (dark && { 'data-coreui-theme': 'dark' }), rest, { ref: ref })));
 });

package/dist/cjs/components/close-button/CCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CCloseButton.js","sources":["../../../../src/components/close-button/CCloseButton.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IAyBa,YAAY,GAAGA,gBAAU,CACpC,UAAC,EAA6C,EAAE,GAAG,EAAA;AAAhD,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAA3C,0CAA6C,CAAF;AAC1C,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAAC,kBAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAEC,aAAU,CACnB,KAAK,EACL,WAAW,EACX;AACE,YAAA,iBAAiB,EAAE,KAAK;AACzB,SAAA,EACD,QAAQ,EACR,SAAS,CACV,EACU,YAAA,EAAA,OAAO,EAClB,QAAQ,EAAE,QAAQ,EACd,GAAC,IAAI,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,GACxC,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EACR,CAAA,CAAA;AAEN,CAAC;AAGH,YAAY,CAAC,SAAS,GAAG;IACvB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,IAAI,EAAE,SAAS,CAAC,IAAI;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,KAAK,EAAE,SAAS,CAAC,IAAI;CACtB;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"CCloseButton.js","sources":["../../../../src/components/close-button/CCloseButton.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","classNames"],"mappings":";;;;;;;AAyBO,MAAM,YAAY,GAAGA,gBAAU,CACpC,CAAC,EAA6C,EAAE,GAAG,KAAI;AAAtD,IAAA,IAAA,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAA,GAAA,EAAW,EAAN,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAA3C,CAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,CAA6C,CAAF;AAC1C,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAEC,aAAU,CACnB,KAAK,EACL,WAAW,EACX;AACE,YAAA,iBAAiB,EAAE,KAAK;AACzB,SAAA,EACD,QAAQ,EACR,SAAS,CACV,EAAA,YAAA,EACU,OAAO,EAClB,QAAQ,EAAE,QAAQ,EAAA,GACb,IAAI,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,GACxC,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,CACR;AAEN,CAAC;AAGH,YAAY,CAAC,SAAS,GAAG;IACvB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,IAAI,EAAE,SAAS,CAAC,IAAI;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,KAAK,EAAE,SAAS,CAAC,IAAI;CACtB;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/cjs/components/collapse/CCollapse.js

@@ -8,13 +8,13 @@ var useForkedRef = require('../../hooks/useForkedRef.js');
 require('@popperjs/core');
 var CSSTransition = require('../../node_modules/react-transition-group/esm/CSSTransition.js');
 
-var CCollapse = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, horizontal = _a.horizontal, onHide = _a.onHide, onShow = _a.onShow, visible = _a.visible, rest = tslib_es6.__rest(_a, ["children", "className", "horizontal", "onHide", "onShow", "visible"]);
-    var collapseRef = React.useRef(null);
-    var forkedRef = useForkedRef.useForkedRef(ref, collapseRef);
-    var _b = React.useState(), height = _b[0], setHeight = _b[1];
-    var _c = React.useState(), width = _c[0], setWidth = _c[1];
-    var onEntering = function () {
+const CCollapse = React.forwardRef((_a, ref) => {
+    var { children, className, horizontal, onHide, onShow, visible } = _a, rest = tslib_es6.__rest(_a, ["children", "className", "horizontal", "onHide", "onShow", "visible"]);
+    const collapseRef = React.useRef(null);
+    const forkedRef = useForkedRef.useForkedRef(ref, collapseRef);
+    const [height, setHeight] = React.useState();
+    const [width, setWidth] = React.useState();
+    const onEntering = () => {
         onShow && onShow();
         if (horizontal) {
             collapseRef.current && setWidth(collapseRef.current.scrollWidth);
@@ -22,21 +22,21 @@ var CCollapse = React.forwardRef(function (_a, ref) {
         }
         collapseRef.current && setHeight(collapseRef.current.scrollHeight);
     };
-    var onEntered = function () {
+    const onEntered = () => {
         if (horizontal) {
             setWidth(0);
             return;
         }
         setHeight(0);
     };
-    var onExit = function () {
+    const onExit = () => {
         if (horizontal) {
             collapseRef.current && setWidth(collapseRef.current.scrollWidth);
             return;
         }
         collapseRef.current && setHeight(collapseRef.current.scrollHeight);
     };
-    var onExiting = function () {
+    const onExiting = () => {
         onHide && onHide();
         if (horizontal) {
             setWidth(0);
@@ -44,22 +44,22 @@ var CCollapse = React.forwardRef(function (_a, ref) {
         }
         setHeight(0);
     };
-    var onExited = function () {
+    const onExited = () => {
         if (horizontal) {
             setWidth(0);
             return;
         }
         setHeight(0);
     };
-    return (React.createElement(CSSTransition.default, { in: visible, nodeRef: collapseRef, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, timeout: 350 }, function (state) {
-        var currentHeight = height === 0 ? null : { height: height };
-        var currentWidth = width === 0 ? null : { width: width };
-        return (React.createElement("div", tslib_es6.__assign({ className: index.default(className, {
+    return (React.createElement(CSSTransition.default, { in: visible, nodeRef: collapseRef, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, timeout: 350 }, (state) => {
+        const currentHeight = height === 0 ? null : { height };
+        const currentWidth = width === 0 ? null : { width };
+        return (React.createElement("div", Object.assign({ className: index.default(className, {
                 'collapse-horizontal': horizontal,
                 collapsing: state === 'entering' || state === 'exiting',
                 'collapse show': state === 'entered',
                 collapse: state === 'exited',
-            }), style: tslib_es6.__assign(tslib_es6.__assign({}, currentHeight), currentWidth) }, rest, { ref: forkedRef }), children));
+            }), style: Object.assign(Object.assign({}, currentHeight), currentWidth) }, rest, { ref: forkedRef }), children));
     }));
 });
 CCollapse.propTypes = {

package/dist/cjs/components/collapse/CCollapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"CCollapse.js","sources":["../../../../src/components/collapse/CCollapse.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","useState","CSSTransition","__assign","classNames"],"mappings":";;;;;;;;;;IA8Ba,SAAS,GAAGA,gBAAU,CACjC,UAAC,EAAqE,EAAE,GAAG,EAAA;IAAxE,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAK,IAAI,GAAnEC,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,QAAA,EAAA,QAAA,EAAA,SAAA,CAAqE,CAAF;AAClE,IAAA,IAAM,WAAW,GAAGC,YAAM,CAAiB,IAAI,CAAC;IAChD,IAAM,SAAS,GAAGC,yBAAY,CAAC,GAAG,EAAE,WAAW,CAAC;IAE1C,IAAA,EAAA,GAAsBC,cAAQ,EAAU,EAAvC,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAsB;IACxC,IAAA,EAAA,GAAoBA,cAAQ,EAAU,EAArC,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAsB;AAE5C,IAAA,IAAM,UAAU,GAAG,YAAA;QACjB,MAAM,IAAI,MAAM,EAAE;QAElB,IAAI,UAAU,EAAE;YACd,WAAW,CAAC,OAAO,IAAI,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC;YAChE;;QAEF,WAAW,CAAC,OAAO,IAAI,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC;AACpE,KAAC;AAED,IAAA,IAAM,SAAS,GAAG,YAAA;QAChB,IAAI,UAAU,EAAE;YACd,QAAQ,CAAC,CAAC,CAAC;YACX;;QAEF,SAAS,CAAC,CAAC,CAAC;AACd,KAAC;AAED,IAAA,IAAM,MAAM,GAAG,YAAA;QACb,IAAI,UAAU,EAAE;YACd,WAAW,CAAC,OAAO,IAAI,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC;YAChE;;QAEF,WAAW,CAAC,OAAO,IAAI,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC;AACpE,KAAC;AAED,IAAA,IAAM,SAAS,GAAG,YAAA;QAChB,MAAM,IAAI,MAAM,EAAE;QAClB,IAAI,UAAU,EAAE;YACd,QAAQ,CAAC,CAAC,CAAC;YACX;;QAEF,SAAS,CAAC,CAAC,CAAC;AACd,KAAC;AAED,IAAA,IAAM,QAAQ,GAAG,YAAA;QACf,IAAI,UAAU,EAAE;YACd,QAAQ,CAAC,CAAC,CAAC;YACX;;QAEF,SAAS,CAAC,CAAC,CAAC;AACd,KAAC;AAED,IAAA,QACE,KAAC,CAAA,aAAA,CAAAC,qBAAa,EACZ,EAAA,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAA,EAEX,UAAC,KAAK,EAAA;AACL,QAAA,IAAM,aAAa,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,MAAM,EAAA,MAAA,EAAE;AACtD,QAAA,IAAM,YAAY,GAAG,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,KAAK,EAAA,KAAA,EAAE;AACnD,QAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAAC,kBAAA,CAAA,EAAA,SAAS,EAAEC,aAAU,CAAC,SAAS,EAAE;AAC/B,gBAAA,qBAAqB,EAAE,UAAU;AACjC,gBAAA,UAAU,EAAE,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS;gBACvD,eAAe,EAAE,KAAK,KAAK,SAAS;gBACpC,QAAQ,EAAE,KAAK,KAAK,QAAQ;AAC7B,aAAA,CAAC,EACF,KAAK,EAAAD,kBAAA,CAAAA,kBAAA,CAAA,EAAA,EAAO,aAAa,CAAA,EAAK,YAAY,CACtC,EAAA,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,SAAS,EAAA,CAAA,EAEb,QAAQ,CACL;KAET,CACa;AAEpB,CAAC;AAGH,SAAS,CAAC,SAAS,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,UAAU,EAAE,SAAS,CAAC,IAAI;IAC1B,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,OAAO,EAAE,SAAS,CAAC,IAAI;CACxB;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}
+{"version":3,"file":"CCollapse.js","sources":["../../../../src/components/collapse/CCollapse.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","useState","CSSTransition","classNames"],"mappings":"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"}

package/dist/cjs/components/conditional-portal/CConditionalPortal.js

@@ -4,16 +4,15 @@ var React = require('react');
 var ReactDOM = require('react-dom');
 var PropTypes = require('prop-types');
 
-var getContainer = function (container) {
+const getContainer = (container) => {
     if (container) {
         return typeof container === 'function' ? container() : container;
     }
     return document.body;
 };
-var CConditionalPortal = function (_a) {
-    var children = _a.children, container = _a.container, portal = _a.portal;
-    var _b = React.useState(null), _container = _b[0], setContainer = _b[1];
-    React.useEffect(function () {
+const CConditionalPortal = ({ children, container, portal, }) => {
+    const [_container, setContainer] = React.useState(null);
+    React.useEffect(() => {
         portal && setContainer(getContainer(container) || document.body);
     }, [container, portal]);
     return typeof window !== 'undefined' && portal && _container ? (ReactDOM.createPortal(children, _container)) : (React.createElement(React.Fragment, null, children));

package/dist/cjs/components/conditional-portal/CConditionalPortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CConditionalPortal.js","sources":["../../../../src/components/conditional-portal/CConditionalPortal.tsx"],"sourcesContent":[null],"names":["useState","useEffect","createPortal"],"mappings":";;;;;;AAIA,IAAM,YAAY,GAAG,UACnB,SAAyF,EAAA;IAEzF,IAAI,SAAS,EAAE;AACb,QAAA,OAAO,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,EAAE,GAAG,SAAS;;IAGlE,OAAO,QAAQ,CAAC,IAAI;AACtB,CAAC;AAmBM,IAAM,kBAAkB,GAAgC,UAAC,EAI/D,EAAA;AAHC,IAAA,IAAA,QAAQ,cAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA;IAEA,IAAA,EAAA,GAA6BA,cAAQ,CAAkC,IAAI,CAAC,EAA3E,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,GAAA,EAAA,CAAA,CAAA,CAAmD;AAElF,IAAAC,eAAS,CAAC,YAAA;AACR,QAAA,MAAM,IAAI,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC;AAClE,KAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAEvB,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,IAAI,UAAU,IAC1DC,qBAAY,CAAC,QAAQ,EAAE,UAAU,CAAC,KAElC,KAAG,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,CAAI,CAChB;AACH;AAEA,kBAAkB,CAAC,SAAS,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC,IAAI;AACxB,IAAA,SAAS,EAAE,SAAS,CAAC,GAAG;AACxB,IAAA,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAClC;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}
+{"version":3,"file":"CConditionalPortal.js","sources":["../../../../src/components/conditional-portal/CConditionalPortal.tsx"],"sourcesContent":[null],"names":["useState","useEffect","createPortal"],"mappings":";;;;;;AAIA,MAAM,YAAY,GAAG,CACnB,SAAyF,KACvF;IACF,IAAI,SAAS,EAAE;AACb,QAAA,OAAO,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,EAAE,GAAG,SAAS;IAClE;IAEA,OAAO,QAAQ,CAAC,IAAI;AACtB,CAAC;AAmBM,MAAM,kBAAkB,GAAgC,CAAC,EAC9D,QAAQ,EACR,SAAS,EACT,MAAM,GACP,KAAI;IACH,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAkC,IAAI,CAAC;IAElFC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,IAAI,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC;AAClE,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAEvB,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,IAAI,UAAU,IAC1DC,qBAAY,CAAC,QAAQ,EAAE,UAAU,CAAC,KAElC,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,QAAQ,CAAI,CAChB;AACH;AAEA,kBAAkB,CAAC,SAAS,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC,IAAI;AACxB,IAAA,SAAS,EAAE,SAAS,CAAC,GAAG;AACxB,IAAA,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAClC;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}

package/dist/cjs/components/dropdown/CDropdown.d.ts

@@ -17,11 +17,14 @@ export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
      *   </CDropdownMenu>
      * </CDropdown>
      *
-     * @type 'start' | 'end' | { xs: 'start' | 'end' } | { sm: 'start' | 'end' } | { md: 'start' | 'end' } | { lg: 'start' | 'end' } | { xl: 'start' | 'end'} | { xxl: 'start' | 'end'}
+     * @type 'start' | 'end' | { xs: 'start' | 'end' } | { sm: 'start' | 'end' } |
+     * { md: 'start' | 'end' } | { lg: 'start' | 'end' } | { xl: 'start' | 'end'} |
+     * { xxl: 'start' | 'end'}
      */
     alignment?: Alignments;
     /**
-     * Determines the root node component (native HTML element or a custom React component) for the React Dropdown.
+     * Determines the root node component (native HTML element or a custom React
+     * component) for the React Dropdown.
      */
     as?: ElementType;
     /**
@@ -41,7 +44,8 @@ export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
      */
     className?: string;
     /**
-     * Appends the React Dropdown Menu to a specific element. You can pass an HTML element or a function returning an element. Defaults to `document.body`.
+     * Appends the React Dropdown Menu to a specific element. You can pass an HTML
+     * element or a function returning an element. Defaults to `document.body`.
      *
      * @example
      * // Append the menu to a custom container
@@ -53,7 +57,8 @@ export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
      */
     container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null;
     /**
-     * Applies a darker color scheme to the React Dropdown Menu, often used within dark navbars.
+     * Applies a darker color scheme to the React Dropdown Menu, often used within
+     * dark navbars.
      */
     dark?: boolean;
     /**
@@ -61,7 +66,8 @@ export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
      */
     direction?: 'center' | 'dropup' | 'dropup-center' | 'dropend' | 'dropstart';
     /**
-     * Defines x and y offsets ([x, y]) for the React Dropdown Menu relative to its target.
+     * Defines x and y offsets ([x, y]) for the React Dropdown Menu relative to
+     * its target.
      *
      * @example
      * // Offset the menu 10px in X and 5px in Y direction
@@ -81,17 +87,21 @@ export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
      */
     onShow?: () => void;
     /**
-     * Determines the placement of the React Dropdown Menu after Popper.js modifiers.
+     * Determines the placement of the React Dropdown Menu after Popper.js
+     * modifiers.
      *
      * @type 'auto' | 'auto-start' | 'auto-end' | 'top-end' | 'top' | 'top-start' | 'bottom-end' | 'bottom' | 'bottom-start' | 'right-start' | 'right' | 'right-end' | 'left-start' | 'left' | 'left-end'
      */
     placement?: Placements;
     /**
-     * Enables or disables dynamic positioning via Popper.js for the React Dropdown Menu.
+     * Enables or disables dynamic positioning via Popper.js for the React
+     * Dropdown Menu.
      */
     popper?: boolean;
     /**
-     * Provides a custom Popper.js configuration or a function that returns a modified Popper.js configuration for advanced positioning of the React Dropdown Menu. [Read more](https://popper.js.org/docs/v2/constructors/#options)
+     * Provides a custom Popper.js configuration or a function that returns a
+     * modified Popper.js configuration for advanced positioning of the React
+     * Dropdown Menu. [Read more](https://popper.js.org/docs/v2/constructors/#options)
      *
      * @example
      * // Providing a custom popper config
@@ -110,7 +120,8 @@ export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
      */
     popperConfig?: Partial<Options> | ((defaultPopperConfig: Partial<Options>) => Partial<Options>);
     /**
-     * Renders the React Dropdown Menu using a React Portal, allowing it to escape the DOM hierarchy for improved positioning.
+     * Renders the React Dropdown Menu using a React Portal, allowing it to escape
+     * the DOM hierarchy for improved positioning.
      *
      * @since 4.8.0
      */

package/dist/cjs/components/dropdown/CDropdown.js

@@ -12,119 +12,153 @@ var getNextActiveElement = require('../../utils/getNextActiveElement.js');
 var isRTL = require('../../utils/isRTL.js');
 var utils = require('./utils.js');
 
-var CDropdown = React.forwardRef(function (_a, ref) {
-    var _b;
-    var children = _a.children, alignment = _a.alignment, _c = _a.as, as = _c === void 0 ? 'div' : _c, _d = _a.autoClose, autoClose = _d === void 0 ? true : _d, className = _a.className, container = _a.container, dark = _a.dark, direction = _a.direction, _e = _a.offset, offset = _e === void 0 ? [0, 2] : _e, onHide = _a.onHide, onShow = _a.onShow, _f = _a.placement, placement = _f === void 0 ? 'bottom-start' : _f, _g = _a.popper, popper = _g === void 0 ? true : _g, popperConfig = _a.popperConfig, _h = _a.portal, portal = _h === void 0 ? false : _h, _j = _a.variant, variant = _j === void 0 ? 'btn-group' : _j, _k = _a.visible, visible = _k === void 0 ? false : _k, rest = tslib_es6.__rest(_a, ["children", "alignment", "as", "autoClose", "className", "container", "dark", "direction", "offset", "onHide", "onShow", "placement", "popper", "popperConfig", "portal", "variant", "visible"]);
-    var dropdownRef = React.useRef(null);
-    var dropdownToggleRef = React.useRef(null);
-    var dropdownMenuRef = React.useRef(null);
-    var forkedRef = useForkedRef.useForkedRef(ref, dropdownRef);
-    var _l = React.useState(visible), _visible = _l[0], setVisible = _l[1];
-    var _m = usePopper.usePopper(), initPopper = _m.initPopper, destroyPopper = _m.destroyPopper;
-    var Component = variant === 'nav-item' ? 'li' : as;
-    // Disable popper if responsive aligment is set.
-    if (typeof alignment === 'object') {
-        popper = false;
-    }
-    var contextValues = {
-        alignment: alignment,
-        container: container,
-        dark: dark,
-        dropdownToggleRef: dropdownToggleRef,
-        dropdownMenuRef: dropdownMenuRef,
-        popper: popper,
-        portal: portal,
-        variant: variant,
-        visible: _visible,
-        setVisible: setVisible,
-    };
-    var defaultPopperConfig = {
-        modifiers: [
-            {
-                name: 'offset',
-                options: {
-                    offset: offset,
+const CDropdown = React.forwardRef((_a, ref) => {
+    var { children, alignment, as = 'div', autoClose = true, className, container, dark, direction, offset = [0, 2], onHide, onShow, placement = 'bottom-start', popper = true, popperConfig, portal = false, variant = 'btn-group', visible = false } = _a, rest = tslib_es6.__rest(_a, ["children", "alignment", "as", "autoClose", "className", "container", "dark", "direction", "offset", "onHide", "onShow", "placement", "popper", "popperConfig", "portal", "variant", "visible"]);
+    const dropdownRef = React.useRef(null);
+    const dropdownMenuRef = React.useRef(null);
+    const forkedRef = useForkedRef.useForkedRef(ref, dropdownRef);
+    const [dropdownToggleElement, setDropdownToggleElement] = React.useState(null);
+    const [pendingKeyDownEvent, setPendingKeyDownEvent] = React.useState(null);
+    const [_visible, setVisible] = React.useState(visible);
+    const { initPopper, destroyPopper } = usePopper.usePopper();
+    const dropdownToggleRef = React.useCallback((node) => {
+        if (node) {
+            setDropdownToggleElement(node);
+        }
+    }, []);
+    const allowPopperUse = popper && typeof alignment !== 'object';
+    const Component = variant === 'nav-item' ? 'li' : as;
+    const computedPopperConfig = React.useMemo(() => {
+        const defaultPopperConfig = {
+            modifiers: [
+                {
+                    name: 'offset',
+                    options: {
+                        offset,
+                    },
                 },
-            },
-        ],
-        placement: utils.getPlacement(placement, direction, alignment, isRTL.default(dropdownMenuRef.current)),
-    };
-    var computedPopperConfig = tslib_es6.__assign(tslib_es6.__assign({}, defaultPopperConfig), (typeof popperConfig === 'function' ? popperConfig(defaultPopperConfig) : popperConfig));
-    React.useEffect(function () {
-        setVisible(visible);
+            ],
+            placement: utils.getPlacement(placement, direction, alignment, isRTL.default(dropdownMenuRef.current)),
+        };
+        return Object.assign(Object.assign({}, defaultPopperConfig), (typeof popperConfig === 'function' ? popperConfig(defaultPopperConfig) : popperConfig));
+    }, [offset, placement, direction, alignment, popperConfig]);
+    React.useEffect(() => {
+        if (visible) {
+            handleShow();
+        }
+        else {
+            handleHide();
+        }
     }, [visible]);
-    React.useEffect(function () {
-        var toggleElement = dropdownToggleRef.current;
-        var menuElement = dropdownMenuRef.current;
-        if (_visible && toggleElement && menuElement) {
-            if (popper) {
-                initPopper(toggleElement, menuElement, computedPopperConfig);
-            }
-            toggleElement.focus();
-            toggleElement.addEventListener('keydown', handleKeydown);
-            menuElement.addEventListener('keydown', handleKeydown);
-            window.addEventListener('mouseup', handleMouseUp);
-            window.addEventListener('keyup', handleKeyup);
-            onShow === null || onShow === void 0 ? void 0 : onShow();
+    React.useEffect(() => {
+        const toggleElement = dropdownToggleElement;
+        const menuElement = dropdownMenuRef.current;
+        if (allowPopperUse && menuElement && toggleElement && _visible) {
+            initPopper(toggleElement, menuElement, computedPopperConfig);
         }
-        return function () {
-            if (popper) {
-                destroyPopper();
-            }
-            toggleElement === null || toggleElement === void 0 ? void 0 : toggleElement.removeEventListener('keydown', handleKeydown);
-            menuElement === null || menuElement === void 0 ? void 0 : menuElement.removeEventListener('keydown', handleKeydown);
-            window.removeEventListener('mouseup', handleMouseUp);
-            window.removeEventListener('keyup', handleKeyup);
-            onHide === null || onHide === void 0 ? void 0 : onHide();
-        };
-    }, [
-        computedPopperConfig,
-        destroyPopper,
-        dropdownMenuRef,
-        dropdownToggleRef,
-        initPopper,
-        _visible,
-    ]);
-    var handleKeydown = function (event) {
-        if (_visible &&
-            dropdownMenuRef.current &&
-            (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
+    }, [dropdownToggleElement]);
+    React.useEffect(() => {
+        if (pendingKeyDownEvent !== null) {
+            handleKeydown(pendingKeyDownEvent);
+            setPendingKeyDownEvent(null);
+        }
+    }, [pendingKeyDownEvent]);
+    const handleHide = React.useCallback(() => {
+        setVisible(false);
+        const toggleElement = dropdownToggleElement;
+        const menuElement = dropdownMenuRef.current;
+        if (allowPopperUse) {
+            destroyPopper();
+        }
+        toggleElement === null || toggleElement === void 0 ? void 0 : toggleElement.removeEventListener('keydown', handleKeydown);
+        menuElement === null || menuElement === void 0 ? void 0 : menuElement.removeEventListener('keydown', handleKeydown);
+        window.removeEventListener('mouseup', handleMouseUp);
+        window.removeEventListener('keyup', handleKeyup);
+        onHide === null || onHide === void 0 ? void 0 : onHide();
+    }, [dropdownToggleElement, allowPopperUse, destroyPopper, onHide]);
+    const handleKeydown = React.useCallback((event) => {
+        if (dropdownMenuRef.current && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
             event.preventDefault();
-            var target = event.target;
-            var items = Array.from(dropdownMenuRef.current.querySelectorAll('.dropdown-item:not(.disabled):not(:disabled)'));
+            const target = event.target;
+            const items = [
+                ...dropdownMenuRef.current.querySelectorAll('.dropdown-item:not(.disabled):not(:disabled)'),
+            ];
             getNextActiveElement.default(items, target, event.key === 'ArrowDown', true).focus();
         }
-    };
-    var handleKeyup = function (event) {
+    }, []);
+    const handleKeyup = React.useCallback((event) => {
         if (autoClose === false) {
             return;
         }
         if (event.key === 'Escape') {
-            setVisible(false);
+            handleHide();
+            dropdownToggleElement === null || dropdownToggleElement === void 0 ? void 0 : dropdownToggleElement.focus();
         }
-    };
-    var handleMouseUp = function (event) {
-        if (!dropdownToggleRef.current || !dropdownMenuRef.current) {
+    }, [autoClose, handleHide]);
+    const handleMouseUp = React.useCallback((event) => {
+        if (!dropdownToggleElement || !dropdownMenuRef.current) {
             return;
         }
-        if (dropdownToggleRef.current.contains(event.target)) {
+        if (dropdownToggleElement.contains(event.target)) {
             return;
         }
         if (autoClose === true ||
-            (autoClose === 'inside' && dropdownMenuRef.current.contains(event.target)) ||
-            (autoClose === 'outside' && !dropdownMenuRef.current.contains(event.target))) {
-            setTimeout(function () { return setVisible(false); }, 1);
+            (autoClose === 'inside' &&
+                dropdownMenuRef.current.contains(event.target)) ||
+            (autoClose === 'outside' &&
+                !dropdownMenuRef.current.contains(event.target))) {
+            setTimeout(() => handleHide(), 1);
             return;
         }
+    }, [autoClose, dropdownToggleElement, handleHide]);
+    const handleShow = React.useCallback((event) => {
+        const toggleElement = dropdownToggleElement;
+        const menuElement = dropdownMenuRef.current;
+        if (toggleElement && menuElement) {
+            setVisible(true);
+            if (allowPopperUse) {
+                initPopper(toggleElement, menuElement, computedPopperConfig);
+            }
+            toggleElement.focus();
+            toggleElement.addEventListener('keydown', handleKeydown);
+            menuElement.addEventListener('keydown', handleKeydown);
+            window.addEventListener('mouseup', handleMouseUp);
+            window.addEventListener('keyup', handleKeyup);
+            if (event && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
+                setPendingKeyDownEvent(event);
+            }
+            onShow === null || onShow === void 0 ? void 0 : onShow();
+        }
+    }, [
+        dropdownToggleElement,
+        allowPopperUse,
+        initPopper,
+        computedPopperConfig,
+        handleKeydown,
+        handleMouseUp,
+        handleKeyup,
+        onShow,
+    ]);
+    const contextValues = {
+        alignment,
+        container,
+        dark,
+        dropdownMenuRef,
+        dropdownToggleRef,
+        handleHide,
+        handleShow,
+        popper: allowPopperUse,
+        portal,
+        variant,
+        visible: _visible,
     };
-    return (React.createElement(CDropdownContext.CDropdownContext.Provider, { value: contextValues }, variant === 'input-group' ? (React.createElement(React.Fragment, null, children)) : (React.createElement(Component, tslib_es6.__assign({ className: index.default(variant === 'nav-item' ? 'nav-item dropdown' : variant, (_b = {
-                'dropdown-center': direction === 'center',
-                'dropup dropup-center': direction === 'dropup-center'
-            },
-            _b["".concat(direction)] = direction && direction !== 'center' && direction !== 'dropup-center',
-            _b), className) }, rest, { ref: forkedRef }), children))));
+    return (React.createElement(CDropdownContext.CDropdownContext.Provider, { value: contextValues }, variant === 'input-group' ? (React.createElement(React.Fragment, null, children)) : (React.createElement(Component, Object.assign({ className: index.default(variant === 'nav-item' ? 'nav-item dropdown' : variant, {
+            'dropdown-center': direction === 'center',
+            'dropup dropup-center': direction === 'dropup-center',
+            [`${direction}`]: direction && direction !== 'center' && direction !== 'dropup-center',
+        }, className) }, rest, { ref: forkedRef }), children))));
 });
-var alignmentDirection = PropTypes.oneOf(['start', 'end']);
+const alignmentDirection = PropTypes.oneOf(['start', 'end']);
 CDropdown.propTypes = {
     alignment: PropTypes.oneOfType([
         alignmentDirection,