formica-ui-lib 1.0.331 → 1.0.333

package/dist/index.js

@@ -6825,20 +6825,20 @@ var Mo = {
 			children: r
 		}) : null]
 	});
-}, tc = ({ documentInfoCardItem: e, layoutVariant: t = "table", onDownloadClick: n, onRangeClick: r }) => {
-	let { name: i, range: a, documentType: o, documentSubtype: s } = e, c = /* @__PURE__ */ l(q, {
-		ariaLabel: `Download ${i}`,
-		onCardClick: () => n({ documentInfoCardItem: e }),
+}, tc = ({ documentInfoCardItem: e, layoutVariant: t = "table", downloadLabelTemplate: n = "Download {name}", onDownloadClick: r, onRangeClick: i }) => {
+	let { name: a, range: o, documentType: s, documentSubtype: c } = e, d = n.replace("{name}", a), f = /* @__PURE__ */ l(q, {
+		ariaLabel: d,
+		onCardClick: () => r({ documentInfoCardItem: e }),
 		className: "absolute inset-0 cursor-pointer border-0 bg-transparent p-0 text-left focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-primary",
-		children: /* @__PURE__ */ u("span", {
+		children: /* @__PURE__ */ l("span", {
 			className: "sr-only",
-			children: ["Download ", i]
+			children: d
 		})
 	});
 	return t === "compact" ? /* @__PURE__ */ u("article", {
 		className: "relative flex w-full items-center gap-4 border-b border-borderTertiary px-3 py-3 transition-colors hover:bg-multibarBackground/20",
 		children: [
-			c,
+			f,
 			/* @__PURE__ */ u("div", {
 				className: "pointer-events-none flex min-w-0 flex-1 flex-col gap-1 md:flex-row md:items-center md:gap-6",
 				children: [/* @__PURE__ */ u("div", {
@@ -6846,26 +6846,26 @@ var Mo = {
 					children: [/* @__PURE__ */ l(v, {
 						variant: "free",
 						className: "text-sm font-medium text-primary",
-						children: i
+						children: a
 					}), /* @__PURE__ */ u("div", {
 						className: "flex flex-wrap items-center gap-2 text-xs text-tertiary",
 						children: [
-							o ? /* @__PURE__ */ l("span", { children: o }) : null,
-							o && s ? /* @__PURE__ */ l("span", {
+							s ? /* @__PURE__ */ l("span", { children: s }) : null,
+							s && c ? /* @__PURE__ */ l("span", {
 								"aria-hidden": "true",
 								children: "•"
 							}) : null,
-							s ? /* @__PURE__ */ l("span", { children: s }) : null
+							c ? /* @__PURE__ */ l("span", { children: c }) : null
 						]
 					})]
-				}), a ? /* @__PURE__ */ l("div", {
+				}), o ? /* @__PURE__ */ l("div", {
 					className: "md:w-40 md:shrink-0",
 					children: /* @__PURE__ */ l(P, {
 						variant: "link",
 						intent: "accent",
-						onClick: () => r({ documentInfoCardItem: e }),
+						onClick: () => i({ documentInfoCardItem: e }),
 						className: "pointer-events-auto relative z-20 p-0! text-left! text-sm",
-						children: a
+						children: o
 					})
 				}) : null]
 			}),
@@ -6880,28 +6880,28 @@ var Mo = {
 	}) : /* @__PURE__ */ u("div", {
 		className: "relative w-full flex flex-row justify-between items-center py-5 border-b border-borderTertiary hover:bg-multibarBackground/20 transition-colors",
 		children: [
-			c,
+			f,
 			/* @__PURE__ */ u("div", {
 				className: "pointer-events-none w-full flex flex-col md:flex-row justify-between items-start md:items-center gap-1 md:gap-4",
 				children: [
 					/* @__PURE__ */ l(v, {
 						className: "flex-2",
-						children: i
+						children: a
 					}),
 					/* @__PURE__ */ l(P, {
 						variant: "link",
 						intent: "accent",
-						onClick: () => r({ documentInfoCardItem: e }),
+						onClick: () => i({ documentInfoCardItem: e }),
 						className: "pointer-events-auto relative z-20 flex-1 justify-start! text-xs md:text-sm p-0! text-left!",
-						children: a
+						children: o
 					}),
 					/* @__PURE__ */ l(v, {
 						className: "flex-1 text-xs md:text-sm",
-						children: o
+						children: s
 					}),
 					/* @__PURE__ */ l(v, {
 						className: "flex-1 text-xs md:text-sm",
-						children: s
+						children: c
 					})
 				]
 			}),
@@ -11025,7 +11025,7 @@ var Mo = {
 	variant: "free",
 	className: "text-sm text-primary",
 	children: t
-}), Mu = ({ layoutVariant: e = "table", documentTitleLabel: t = "Document Title", documentRangeLabel: n = "Range", documentTypeLabel: r = "Type", documentSubtypeLabel: i = "Subtype", emptyMessage: a = "No Documents Are Available", documentInfoCards: o, onDownloadClick: s, onRangeClick: c }) => o.length === 0 ? /* @__PURE__ */ l(v, {
+}), Mu = ({ layoutVariant: e = "table", documentTitleLabel: t = "Document Title", documentRangeLabel: n = "Range", documentTypeLabel: r = "Type", documentSubtypeLabel: i = "Subtype", emptyMessage: a = "No Documents Are Available", downloadLabelTemplate: o, documentInfoCards: s, onDownloadClick: c, onRangeClick: d }) => s.length === 0 ? /* @__PURE__ */ l(v, {
 	variant: "free",
 	className: "pt-6 text-center text-sm text-primary",
 	children: a
@@ -11053,11 +11053,12 @@ var Mo = {
 					children: i
 				})
 			]
-		}) : null, o.map((t) => /* @__PURE__ */ l(tc, {
+		}) : null, s.map((t) => /* @__PURE__ */ l(tc, {
 			documentInfoCardItem: t,
 			layoutVariant: e,
-			onDownloadClick: s,
-			onRangeClick: c
+			downloadLabelTemplate: o,
+			onDownloadClick: c,
+			onRangeClick: d
 		}, t.id))]
 	})
 }), Nu = {
@@ -18206,17 +18207,17 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		...e,
 		checked: n
 	} : e)
-})), Qf = ({ title: t, resultsHeading: n = "Documents", description: r, documentInfoCollectionProps: i, filterSections: a, searchBarProps: o, filterPanelHeader: s = "Filters", appliedOptionsHeader: c = "Applied Filters", clearAllLabel: d = "Clear All", applyFiltersLabel: f = "Apply Filters", mobileFilterLabel: p = "Filters", onFilterChange: m, optInModalProps: h }) => {
-	let [g, _] = e.useState(!1), y = e.useId(), b = a.flatMap((e) => e.options.filter((e) => e.checked).map((e) => ({
+})), Qf = ({ title: t, resultsHeading: n = "Documents", description: r, documentInfoCollectionProps: i, filterSections: a, searchBarProps: o, filterPanelHeader: s = "Filters", appliedOptionsHeader: c = "Applied Filters", appliedOptionsEmptyLabel: d = "No filters selected", clearAllLabel: f = "Clear All", applyFiltersLabel: p = "Apply Filters", mobileFilterLabel: m = "Filters", onFilterChange: h, optInModalProps: g }) => {
+	let [_, y] = e.useState(!1), b = e.useId(), x = a.flatMap((e) => e.options.filter((e) => e.checked).map((e) => ({
 		id: e.id,
 		label: e.label
-	}))), x = (e, t) => m?.(e, t), S = () => x(a.map((e) => ({
+	}))), S = (e, t) => h?.(e, t), C = () => S(a.map((e) => ({
 		...e,
 		options: e.options.map((e) => ({
 			...e,
 			checked: !1
 		}))
-	})), { action: "clear-all" }), C = {
+	})), { action: "clear-all" }), w = {
 		header: s,
 		headerIcon: "filter",
 		sections: a.map((e) => ({
@@ -18225,19 +18226,20 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		})),
 		appliedOptions: {
 			header: c,
-			clearAllLabel: d,
-			optionsList: b,
-			onRemoveOption: ({ id: e }) => x(Zf(a, e, !1), {
+			emptyStateLabel: d,
+			clearAllLabel: f,
+			optionsList: x,
+			onRemoveOption: ({ id: e }) => S(Zf(a, e, !1), {
 				action: "remove",
 				optionId: e,
 				checked: !1
 			}),
-			onRemoveAll: S
+			onRemoveAll: C
 		},
-		resetLabel: d,
-		applyFiltersLabel: f,
-		onResetClick: S,
-		onApplyFiltersClick: () => _(!1)
+		resetLabel: f,
+		applyFiltersLabel: p,
+		onResetClick: C,
+		onApplyFiltersClick: () => y(!1)
 	};
 	return /* @__PURE__ */ u(H, {
 		spacing: "paddedSection",
@@ -18258,7 +18260,7 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						children: r
 					})]
 				}), /* @__PURE__ */ l("div", {
-					className: `${g ? "hidden" : "block"} mt-5 min-w-0 md:mt-0 md:flex md:flex-1 md:justify-end`,
+					className: `${_ ? "hidden" : "block"} mt-5 min-w-0 md:mt-0 md:flex md:flex-1 md:justify-end`,
 					children: /* @__PURE__ */ l(Ms, { searchBarProps: o })
 				})]
 			}),
@@ -18269,33 +18271,33 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						className: "hidden md:block md:shrink-0",
 						"aria-label": s,
 						children: /* @__PURE__ */ l(Gu, {
-							...C,
-							onCheckboxChange: ({ id: e, checked: t }) => x(Zf(a, e, t), {
+							...w,
+							onCheckboxChange: ({ id: e, checked: t }) => S(Zf(a, e, t), {
 								action: "toggle",
 								optionId: e,
 								checked: t
 							})
 						})
 					}) : null,
-					g && a.length > 0 ? /* @__PURE__ */ l("div", {
-						id: y,
+					_ && a.length > 0 ? /* @__PURE__ */ l("div", {
+						id: b,
 						role: "dialog",
 						"aria-modal": "true",
-						"aria-label": p,
+						"aria-label": m,
 						className: "md:hidden",
 						children: /* @__PURE__ */ l(Gu, {
-							...C,
+							...w,
 							sections: a.map((e) => ({
 								...e,
 								type: "checkbox",
 								options: e.options.map((e) => ({
 									...e,
-									id: `${y}-${e.id}`
+									id: `${b}-${e.id}`
 								}))
 							})),
 							onCheckboxChange: ({ id: e, checked: t }) => {
-								let n = e.slice(y.length + 1);
-								x(Zf(a, n, t), {
+								let n = e.slice(b.length + 1);
+								S(Zf(a, n, t), {
 									action: "toggle",
 									optionId: n,
 									checked: t
@@ -18304,7 +18306,7 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						})
 					}) : null,
 					/* @__PURE__ */ u("div", {
-						className: `${g ? "hidden" : "block"} min-w-0 flex-1 md:block`,
+						className: `${_ ? "hidden" : "block"} min-w-0 flex-1 md:block`,
 						children: [
 							a.length > 0 ? /* @__PURE__ */ l("div", {
 								className: "mb-4 md:hidden",
@@ -18314,11 +18316,11 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									iconName: "sliders",
 									iconType: "fa-solid",
 									iconPosition: "left",
-									label: p,
+									label: m,
 									size: "sm",
-									"aria-expanded": g,
-									"aria-controls": y,
-									onClick: () => _(!0)
+									"aria-expanded": _,
+									"aria-controls": b,
+									onClick: () => y(!0)
 								})
 							}) : null,
 							/* @__PURE__ */ l("div", {
@@ -18338,7 +18340,7 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					})
 				]
 			}),
-			/* @__PURE__ */ l(Hc, { ...h })
+			/* @__PURE__ */ l(Hc, { ...g })
 		]
 	});
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "formica-ui-lib",
   "private": false,
-  "version": "1.0.331",
+  "version": "1.0.333",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/tailwind.css",