kelt-ui-kit-react 2.1.4 → 2.1.5

package/dist/index.js

@@ -1602,20 +1602,21 @@ var wr = Sr.div`
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   border-radius: 2px;
   border: 1px solid #ede;
-`, Tr = a(({ referenceElement: e, position: t, coordonnees: n, children: r, show: i, className: a, id: s, closeOverlay: c, usePortal: l = !0, matchReferenceWidth: m = !1 }, _) => {
-	let { activeOverlayId: v, setActiveOverlay: S } = Ce(), [C, w] = g(i || !1), [T, E] = g(n ?? {
+  ${({ $bare: e }) => e ? "\n    background-color: transparent;\n    padding: 0;\n    box-shadow: none;\n    border: none;\n    border-radius: 0;\n  " : ""}
+`, Tr = a(({ referenceElement: e, position: t, coordonnees: n, children: r, show: i, className: a, id: s, closeOverlay: c, usePortal: l = !0, matchReferenceWidth: m = !1, bare: _ = !1 }, v) => {
+	let { activeOverlayId: S, setActiveOverlay: C } = Ce(), [w, T] = g(i || !1), [E, D] = g(n ?? {
 		top: 0,
 		left: 0
-	}), [D, O] = g(), [k, A] = g(!1), j = h(null), M = d();
-	f(_, () => ({ setCoords: (e) => {
-		E(e), A(!0);
+	}), [O, k] = g(), [A, j] = g(!1), M = h(null), N = d();
+	f(v, () => ({ setCoords: (e) => {
+		D(e), j(!0);
 	} })), u(() => {
-		v !== M && w(!1);
-	}, [v, M]), p(() => {
+		S !== N && T(!1);
+	}, [S, N]), p(() => {
 		let r = () => {
-			if (!t && n) E(n), A(!0);
+			if (!t && n) D(n), j(!0);
 			else if (e) {
-				let n = e.getBoundingClientRect(), r = j.current?.getBoundingClientRect(), { innerWidth: i, innerHeight: a } = window;
+				let n = e.getBoundingClientRect(), r = M.current?.getBoundingClientRect(), { innerWidth: i, innerHeight: a } = window;
 				if (r) {
 					let e, o, s = {
 						topRight: () => ({
@@ -1648,56 +1649,57 @@ var wr = Sr.div`
 						})
 					};
 					t && s[t] ? ({top: e, left: o} = s[t](), (t === "bottom" || t === "bottomLeft" || t === "bottomRight") && e + r.height > a && n.top - r.height >= 0 && (e = n.top - r.height)) : (o = n.right, e = n.bottom, n.right + r.width > i && (o = n.left - r.width), n.bottom + r.height > a && (e = n.top - r.height));
-					let c = l ? null : j.current?.offsetParent, u = c instanceof HTMLElement ? c.getBoundingClientRect() : null;
-					E({
+					let c = l ? null : M.current?.offsetParent, u = c instanceof HTMLElement ? c.getBoundingClientRect() : null;
+					D({
 						top: u && c instanceof HTMLElement ? e - u.top + c.scrollTop - c.clientTop : e + window.scrollY,
 						left: u && c instanceof HTMLElement ? Math.max(0, o) - u.left + c.scrollLeft - c.clientLeft : Math.max(0, o) + window.scrollX
-					}), m && O(n.width), A(!0);
+					}), m && k(n.width), j(!0);
 				}
 			}
 		};
-		return C || A(!1), C && (r(), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0)), () => {
+		return w || j(!1), w && (r(), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0)), () => {
 			window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
 		};
 	}, [
 		e,
-		C,
+		w,
 		t,
 		m,
 		l,
 		n
 	]);
-	let N = () => {
-		w(!0), S(M);
-	}, P = o((e) => {
-		e.stopPropagation(), w(!1), S(null), c && c(!1);
-	}, [c, S]);
+	let P = () => {
+		T(!0), C(N);
+	}, F = o((e) => {
+		e.stopPropagation(), T(!1), C(null), c && c(!1);
+	}, [c, C]);
 	if (u(() => {
 		let e = (e) => {
-			j.current && !j.current.contains(e.target) && (w(!1), S(null), c && c(!1));
+			M.current && !M.current.contains(e.target) && (T(!1), C(null), c && c(!1));
 		};
-		return C && document.addEventListener("mousedown", e, !0), () => {
+		return w && document.addEventListener("mousedown", e, !0), () => {
 			document.removeEventListener("mousedown", e, !0);
 		};
 	}, [
-		C,
+		w,
 		c,
-		S
+		C
 	]), u(() => {
-		i && N();
-	}, [i]), !C) return null;
-	let F = /* @__PURE__ */ y(wr, {
-		ref: j,
-		$top: T.top,
-		$left: T.left,
-		$minWidth: D,
-		$visible: k,
+		i && P();
+	}, [i]), !w) return null;
+	let ee = /* @__PURE__ */ y(wr, {
+		ref: M,
+		$top: E.top,
+		$left: E.left,
+		$minWidth: O,
+		$visible: A,
+		$bare: _,
 		children: /* @__PURE__ */ b("div", {
-			className: `overlayPanel ${a || ""} ${T.top > 0 || T.left > 0 ? "visible" : "hide"}`,
-			children: [/* @__PURE__ */ y("button", {
+			className: `overlayPanel ${a || ""} ${E.top > 0 || E.left > 0 ? "visible" : "hide"}`,
+			children: [!_ && /* @__PURE__ */ y("button", {
 				id: s ?? "",
 				className: "toggle-btn",
-				onClick: P,
+				onClick: F,
 				children: /* @__PURE__ */ y(B, { classIcon: "bi-x-lg" })
 			}), /* @__PURE__ */ y("div", {
 				onClick: (e) => e.stopPropagation(),
@@ -1705,9 +1707,9 @@ var wr = Sr.div`
 			})]
 		})
 	});
-	return l ? x.createPortal(F, document.body) : /* @__PURE__ */ y("div", {
+	return l ? x.createPortal(ee, document.body) : /* @__PURE__ */ y("div", {
 		className: "overlayPanel overlayPanel--no-portal ",
-		ref: j,
+		ref: M,
 		children: /* @__PURE__ */ y("div", {
 			onClick: (e) => e.stopPropagation(),
 			children: r
@@ -1960,6 +1962,7 @@ var wr = Sr.div`
 				referenceElement: O,
 				usePortal: d,
 				matchReferenceWidth: d,
+				bare: !0,
 				children: /* @__PURE__ */ b(v, { children: [f && /* @__PURE__ */ y("div", {
 					className: "select-overlay-search",
 					children: /* @__PURE__ */ y("input", {

package/dist/overlayPanel/OverlayPanel.d.ts

@@ -14,6 +14,7 @@ export type OverlayPanelProps = {
     closeOverlay?: (close: boolean) => void;
     usePortal?: boolean;
     matchReferenceWidth?: boolean;
+    bare?: boolean;
 };
 export declare const OverlayPanel: React.ForwardRefExoticComponent<OverlayPanelProps & React.RefAttributes<{
     setCoords?: (coords: {

package/dist/overlayPanel/overlayPanelStyled/OverlayPanelStyled.d.ts

@@ -3,6 +3,7 @@ interface OverlayPanelStyledProps {
     $left?: number;
     $minWidth?: number;
     $visible?: boolean;
+    $bare?: boolean;
 }
 export declare const OverlayPanelStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, OverlayPanelStyledProps>> & string;
 export {};