bianic-ui 1.9.2-alpha.1 → 1.9.2

package/dist/cjs/index.js

@@ -2210,9 +2210,9 @@ var DropdownContainer = React.forwardRef(function DropdownContainer(propsComp, r
         onClose();
     };
     return (open && (React.createElement(React.Fragment, null,
-        isWithOverlay && (React.createElement("div", { className: "bianic-dropdown-overlay fixed left-0 top-0 h-screen w-screen bg-bia-red", style: { zIndex: zIndex - 10 }, onClick: function () { return onClose(); } })),
+        isWithOverlay && (React.createElement("div", { className: "bianic-dropdown-overlay fixed left-0 top-0 h-screen w-screen bg-bia-red", style: { zIndex: zIndex }, onClick: function () { return onClose(); } })),
         React.createElement("div", __assign({ style: {
-                zIndex: zIndex,
+                zIndex: zIndex + 10, // Ensure dropdown is above overlay
             }, ref: ref, className: "bianic-dropdown-container bg-bia-white shadow-[0px_3px_20px_0px_rgba(0,0,0,0.20)] ".concat(containerClass) }, restProps), React.Children.map(children, function (child) {
             return React.isValidElement(child)
                 ? // Kirimkan handleItemClick sebagai props onClick ke setiap DropdownItem
@@ -2220,7 +2220,7 @@ var DropdownContainer = React.forwardRef(function DropdownContainer(propsComp, r
                         onClose: function () { return onClose(); },
                         size: size,
                         onClickItem: function (e, val) { return handleClickDrpdownItem(e, val); },
-                        zIndex: zIndex,
+                        zIndex: zIndex + 10,
                     })
                 : child;
         })))));
@@ -2256,13 +2256,13 @@ function DropdownItem(_a) {
     var currentZIndex = zIndex + 10;
     return (React.createElement("div", { className: "bianic-dropdown-item group/main relative cursor-pointer first:rounded-t-radius-sm first:pt-[6px] last:rounded-b-radius-sm last:pb-[6px]", onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } },
         React.createElement("button", __assign({ className: "relative flex h-full w-full !min-w-fit items-center justify-start whitespace-nowrap px-[15px] py-[5px] text-left text-bia-black disabled:cursor-not-allowed disabled:text-bia-coolgrey-light-50 hover:[&:not(:disabled)]:bg-bia-blue-pastel ".concat(itemClass), style: {
-                zIndex: isHovered ? currentZIndex : 0,
+                zIndex: isHovered ? currentZIndex : currentZIndex + 15,
             }, onClick: function (e) {
                 onClickItem(e, value);
             }, onKeyDown: function () { }, disabled: disabled, type: "button" }, props),
             content,
             React.createElement("div", { className: "ml-auto flex items-center" }, children && (React.createElement(TbChevronRight, { className: "ml-[10px] text-bia-coolgrey", size: chevronSize })))),
-        children && (React.createElement(DropdownContainer, { className: "absolute top-0 bg-primary-white shadow-[0px_3px_20px_0px_rgba(0,0,0,0.20)] group-first/main:top-[6px] ".concat(translateClass), onClose: onClose, open: isHovered, onClickItem: function (e, value) { return onClickItem(e, value); }, size: size, ref: DropdownContRef, zIndex: currentZIndex }, children))));
+        children && (React.createElement(DropdownContainer, { className: "absolute top-0 bg-primary-white shadow-[0px_3px_20px_0px_rgba(0,0,0,0.20)] group-first/main:top-[6px] ".concat(translateClass), onClose: onClose, open: isHovered, onClickItem: function (e, value) { return onClickItem(e, value); }, size: size, ref: DropdownContRef, zIndex: currentZIndex + 10 }, children))));
 }
 DropdownItem.defaultProps = {
     className: '',