@thebuoyant-tsdev/mui-ts-library 3.20.0 → 3.22.0

package/dist/components/tag-selection/TagSelectionSelectedTags.js

@@ -3,14 +3,14 @@ import { useState as t } from "react";
 import { Box as n, Chip as r, Popover as i, Stack as a, Typography as o } from "@mui/material";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/tag-selection/TagSelectionSelectedTags.tsx
-function u({ selectedTags: u, translation: d, onTagDelete: f, showSelectedTagsLabel: p, chipSize: m = "medium", disabled: h = !1, maxVisibleChips: g, popoverPlacement: _ = "bottom" }) {
-	let [v, y] = t(null), b = g === void 0 ? u : u.slice(0, g), x = g === void 0 ? [] : u.slice(g), S = !!v && x.length > 0, C = _ === "top" ? {
+function u({ selectedTags: u, translation: d, onTagDelete: f, showSelectedTagsLabel: p, chipSize: m = "medium", chipVariant: h = "filled", disabled: g = !1, maxVisibleChips: _, popoverPlacement: v = "bottom" }) {
+	let [y, b] = t(null), x = _ === void 0 ? u : u.slice(0, _), S = _ === void 0 ? [] : u.slice(_), C = !!y && S.length > 0, w = v === "top" ? {
 		vertical: "top",
 		horizontal: "left"
 	} : {
 		vertical: "bottom",
 		horizontal: "left"
-	}, w = _ === "top" ? {
+	}, T = v === "top" ? {
 		vertical: "bottom",
 		horizontal: "left"
 	} : {
@@ -33,23 +33,24 @@ function u({ selectedTags: u, translation: d, onTagDelete: f, showSelectedTagsLa
 				flexWrap: "wrap",
 				gap: 1
 			},
-			children: [b.map((t) => /* @__PURE__ */ c(e, {
+			children: [x.map((t) => /* @__PURE__ */ c(e, {
 				tag: t,
 				onDelete: f,
 				chipSize: m,
-				disabled: h
-			}, t.id)), x.length > 0 && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(r, {
+				chipVariant: h,
+				disabled: g
+			}, t.id)), S.length > 0 && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(r, {
 				size: m,
-				label: `+${x.length}`,
+				label: `+${S.length}`,
 				variant: "outlined",
 				clickable: !0,
-				onClick: (e) => y(e.currentTarget)
+				onClick: (e) => b(e.currentTarget)
 			}), /* @__PURE__ */ c(i, {
-				open: S,
-				anchorEl: v,
-				onClose: () => y(null),
-				anchorOrigin: C,
-				transformOrigin: w,
+				open: C,
+				anchorEl: y,
+				onClose: () => b(null),
+				anchorOrigin: w,
+				transformOrigin: T,
 				children: /* @__PURE__ */ c(n, {
 					sx: {
 						p: 1,
@@ -58,11 +59,12 @@ function u({ selectedTags: u, translation: d, onTagDelete: f, showSelectedTagsLa
 						gap: .5,
 						maxWidth: 320
 					},
-					children: x.map((t) => /* @__PURE__ */ c(e, {
+					children: S.map((t) => /* @__PURE__ */ c(e, {
 						tag: t,
-						onDelete: h ? void 0 : f,
+						onDelete: g ? void 0 : f,
 						chipSize: m,
-						disabled: h
+						chipVariant: h,
+						disabled: g
 					}, t.id))
 				})
 			})] })]