kelt-ui-kit-react 2.1.7 → 2.1.8

package/dist/badge/Badge.d.ts

@@ -3,9 +3,10 @@ export type BadgeInterface = {
     className?: string;
     onClick?: (e: React.MouseEvent) => void;
     title?: string;
+    tooltip?: string;
     sizeIcon?: IconSizeEnum;
     classIcon?: string;
     color?: string;
     onRemove?: (event: React.MouseEvent) => void;
 };
-export declare const Badge: ({ className, onClick, title, sizeIcon, classIcon, color, onRemove, }: BadgeInterface) => import('react/jsx-runtime').JSX.Element;
+export declare const Badge: ({ className, onClick, title, tooltip, sizeIcon, classIcon, color, onRemove, }: BadgeInterface) => import('react/jsx-runtime').JSX.Element;

package/dist/index.js

@@ -178,26 +178,27 @@ var ue = () => ({ getTokenValidate: o(() => {
 }, z = ({ classIcon: e, size: t, onClick: n }) => /* @__PURE__ */ y("i", {
 	className: `bi ${e} ${t ?? "sm"}`,
 	onClick: n
-}), pe = ({ className: e, onClick: t, title: n, sizeIcon: r, classIcon: i, color: a, onRemove: s }) => {
-	let c = o((e) => {
+}), pe = ({ className: e, onClick: t, title: n, tooltip: r, sizeIcon: i, classIcon: a, color: s, onRemove: c }) => {
+	let l = o((e) => {
 		e.stopPropagation(), t && t(e);
 	}, [t]);
 	return /* @__PURE__ */ b("div", {
-		onClick: c,
-		style: a ? { backgroundColor: a } : void 0,
+		onClick: l,
+		title: r,
+		style: s ? { backgroundColor: s } : void 0,
 		className: `badge ${e || ""}`,
 		children: [
-			i && /* @__PURE__ */ y(z, {
-				size: r,
-				classIcon: i
+			a && /* @__PURE__ */ y(z, {
+				size: i,
+				classIcon: a
 			}),
 			/* @__PURE__ */ y("span", { children: n }),
-			s && /* @__PURE__ */ y("button", {
+			c && /* @__PURE__ */ y("button", {
 				type: "button",
 				className: "badge-remove",
 				"aria-label": `Retirer ${n ?? "le filtre"}`,
 				onClick: (e) => {
-					e.stopPropagation(), s(e);
+					e.stopPropagation(), c(e);
 				},
 				children: /* @__PURE__ */ y(z, { classIcon: "bi-x" })
 			})

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kelt-ui-kit-react",
   "type": "module",
-  "version": "2.1.7",
+  "version": "2.1.8",
   "private": false,
   "repository": {
     "type": "git",

package/src/badge/Badge.tsx

@@ -6,6 +6,7 @@ export type BadgeInterface = {
   className?: string;
   onClick?: (e: React.MouseEvent) => void;
   title?: string;
+  tooltip?: string;
   sizeIcon?: IconSizeEnum;
   classIcon?: string;
   color?: string;
@@ -15,6 +16,7 @@ export const Badge = ({
   className,
   onClick,
   title,
+  tooltip,
   sizeIcon,
   classIcon,
   color,
@@ -29,6 +31,7 @@ export const Badge = ({
   return (
     <div
       onClick={handleClick}
+      title={tooltip}
       style={color ? { backgroundColor: color } : undefined}
       className={`badge ${className ? className : ""}`}
     >

package/src/badge/Badge.view.tsx

@@ -6,6 +6,7 @@ export const BadgeView = (): JSX.Element => {
       <Badge
         className="badge--primary"
         title="Badge"
+        tooltip="Texte affiché au survol"
         sizeIcon={undefined}
         classIcon="bi-check-circle"
         onClick={() => console.log("Badge clicked")}