@plitzi/sdk-style 0.32.14 → 0.32.16

package/dist/components/StyleInspector/categories/Typography/TypographyAlign.mjs

@@ -3,39 +3,42 @@ import t from "../../components/CategorySection/index.mjs";
 import { useMemo as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/StyleInspector/categories/Typography/TypographyAlign.tsx
-var i = ({ partialValue: i, onChange: a }) => /* @__PURE__ */ r(t, {
-	label: "Align",
-	keys: ["text-align"],
-	children: /* @__PURE__ */ r(e, {
-		onChange: a,
-		type: "iconGroup",
-		items: n(() => [
-			{
-				value: "left",
-				icon: "fa-solid fa-align-left",
-				description: "Left",
-				active: i === "left"
-			},
-			{
-				value: "center",
-				icon: "fa-solid fa-align-center",
-				description: "Center",
-				active: i === "center"
-			},
-			{
-				value: "right",
-				icon: "fa-solid fa-align-right",
-				description: "Right",
-				active: i === "right"
-			},
-			{
-				value: "justify",
-				icon: "fa-solid fa-align-justify",
-				description: "Justify",
-				active: i === "justify"
-			}
-		], [i])
-	})
-});
+var i = ({ partialValue: i, onChange: a }) => {
+	let o = n(() => [
+		{
+			value: "left",
+			icon: "fa-solid fa-align-left",
+			description: "Left",
+			active: i === "left"
+		},
+		{
+			value: "center",
+			icon: "fa-solid fa-align-center",
+			description: "Center",
+			active: i === "center"
+		},
+		{
+			value: "right",
+			icon: "fa-solid fa-align-right",
+			description: "Right",
+			active: i === "right"
+		},
+		{
+			value: "justify",
+			icon: "fa-solid fa-align-justify",
+			description: "Justify",
+			active: i === "justify"
+		}
+	], [i]);
+	return /* @__PURE__ */ r(t, {
+		label: "Align",
+		keys: ["text-align"],
+		children: /* @__PURE__ */ r(e, {
+			onChange: a,
+			type: "iconGroup",
+			items: o
+		})
+	});
+};
 //#endregion
 export { i as default };

package/dist/components/StyleManager/ManagerSelector.mjs

@@ -17,50 +17,50 @@ var y = n(({ displayMode: n, flatList: y, selectors: b, selected: x, onSelect: S
 			let n = Number(e.type === "element"), r = Number(t.type === "element");
 			return n === r ? e.name.localeCompare(t.name) : r - n;
 		});
-	}, [C, w]), M = i((e) => T(e), [T]), [N, P, F, I] = h({
+	}, [C, w]), M = i((e) => T(e), [T]), N = i((e, t) => {
+		if (t) if (t.mode === "default") {
+			let { name: e } = t;
+			O("styleAddSelector", n, e, "class", void 0, void 0, {
+				styleSelector: void 0,
+				componentType: void 0
+			});
+		} else {
+			let { componentType: e } = t;
+			O("styleAddSelector", n, e, "element", void 0, void 0, {
+				styleSelector: void 0,
+				componentType: e
+			});
+		}
+	}, [O, n]), [P, F, I, L] = h({
 		id: "add-selector",
-		onClose: i((e, t) => {
-			if (t) if (t.mode === "default") {
-				let { name: e } = t;
-				O("styleAddSelector", n, e, "class", void 0, void 0, {
-					styleSelector: void 0,
-					componentType: void 0
-				});
-			} else {
-				let { componentType: e } = t;
-				O("styleAddSelector", n, e, "element", void 0, void 0, {
-					styleSelector: void 0,
-					componentType: e
-				});
-			}
-		}, [O, n])
-	}), L = i((e) => {
+		onClose: N
+	}), R = i((e) => {
 		S?.((t) => t?.name === e ? void 0 : C.find((t) => t.name === e));
-	}, [S, C]), R = i((e, t) => t ? Object.values(f(e, "definition.styleSelectors", {})).find((e) => (t.includes(":") && (t = f(t.split(":"), "0", t)), e && t && e.split(" ").includes(t))) : [], []), [z, B, V, H, , U] = h({
+	}, [S, C]), z = i((e, t) => t ? Object.values(f(e, "definition.styleSelectors", {})).find((e) => (t.includes(":") && (t = f(t.split(":"), "0", t)), e && t && e.split(" ").includes(t))) : [], []), B = i((e, t, r) => {
+		if (!t || !r || r.length === 0) return;
+		let i = new Set(r), a = y.filter((e) => r.some((t) => z(e, t))).map((e) => _(e, (t) => {
+			Object.keys(e.definition.styleSelectors).forEach((e) => {
+				i.has(f(t, `definition.styleSelectors.${e}`, "")) && m(t, `definition.styleSelectors.${e}`, "");
+			});
+		}));
+		a.length > 0 && O("schemaUpdateElements", a), O("styleRemoveSelectors", n, r), D((e) => e.filter((e) => !i.has(e))), S?.((e) => e && i.has(e.name) ? void 0 : e);
+	}, [
+		O,
+		n,
+		z,
+		y,
+		S
+	]), [V, H, U, W, , G] = h({
 		id: "delete-selector",
-		onClose: i((e, t, r) => {
-			if (!t || !r || r.length === 0) return;
-			let i = new Set(r), a = y.filter((e) => r.some((t) => R(e, t))).map((e) => _(e, (t) => {
-				Object.keys(e.definition.styleSelectors).forEach((e) => {
-					i.has(f(t, `definition.styleSelectors.${e}`, "")) && m(t, `definition.styleSelectors.${e}`, "");
-				});
-			}));
-			a.length > 0 && O("schemaUpdateElements", a), O("styleRemoveSelectors", n, r), D((e) => e.filter((e) => !i.has(e))), S?.((e) => e && i.has(e.name) ? void 0 : e);
-		}, [
-			O,
-			n,
-			R,
-			y,
-			S
-		])
-	}), W = i((e) => V(void 0, [e]), [V]), G = i((e) => D((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]), []), K = i(() => D([]), []), q = i(() => V(void 0, E), [V, E]), J = Array.isArray(U) ? U.length : 0, Y = a(() => j.reduce((e, t) => ({
+		onClose: B
+	}), K = i((e) => U(void 0, [e]), [U]), q = i((e) => D((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]), []), J = i(() => D([]), []), Y = i(() => U(void 0, E), [U, E]), X = Array.isArray(G) ? G.length : 0, Z = a(() => j.reduce((e, t) => ({
 		...e,
-		[t.name]: y.filter((e) => R(e, t.name)).length
+		[t.name]: y.filter((e) => z(e, t.name)).length
 	}), {}), [
 		j,
 		y,
-		R
-	]), X = i(() => void H(void 0, !1), [H]), Z = i(() => void H(void 0, !0), [H]);
+		z
+	]), Q = i(() => void W(void 0, !1), [W]), $ = i(() => void W(void 0, !0), [W]);
 	return /* @__PURE__ */ c("div", {
 		className: "flex max-w-[350px] grow basis-0 flex-col gap-2 overflow-auto border-r border-gray-300 pt-2 pr-2 dark:border-zinc-700",
 		children: [
@@ -69,7 +69,7 @@ var y = n(({ displayMode: n, flatList: y, selectors: b, selected: x, onSelect: S
 				size: "sm",
 				className: "w-full",
 				iconPlacement: "before",
-				onClick: F,
+				onClick: I,
 				children: [/* @__PURE__ */ s(u.Icon, {
 					icon: "fas fa-tint",
 					size: "md",
@@ -91,13 +91,13 @@ var y = n(({ displayMode: n, flatList: y, selectors: b, selected: x, onSelect: S
 					className: "flex gap-1",
 					children: [/* @__PURE__ */ s(u, {
 						size: "xs",
-						onClick: K,
+						onClick: J,
 						children: "Clear"
 					}), /* @__PURE__ */ c(u, {
 						intent: "danger",
 						size: "xs",
 						iconPlacement: "before",
-						onClick: q,
+						onClick: Y,
 						children: [/* @__PURE__ */ s(u.Icon, { icon: "fas fa-trash" }), "Delete"]
 					})]
 				})]
@@ -112,44 +112,44 @@ var y = n(({ displayMode: n, flatList: y, selectors: b, selected: x, onSelect: S
 						checked: E.includes(n),
 						label: n,
 						type: r,
-						elementsCount: Y[n],
-						onSelect: L,
-						onDelete: W,
-						onToggleCheck: G
+						elementsCount: Z[n],
+						onSelect: R,
+						onDelete: K,
+						onToggleCheck: q
 					}, n);
 				})
 			}),
 			/* @__PURE__ */ c(l, {
-				id: N,
-				open: P,
-				onClose: I,
+				id: P,
+				open: F,
+				onClose: L,
 				size: "sm",
 				children: [/* @__PURE__ */ s(l.Header, { children: /* @__PURE__ */ s("h4", { children: "Add Selector" }) }), /* @__PURE__ */ s(l.Body, { children: /* @__PURE__ */ s(t, {
 					componentsNotAvailables: A,
 					components: k.current,
-					onSubmit: I,
-					onClose: I
+					onSubmit: L,
+					onClose: L
 				}) })]
 			}),
 			/* @__PURE__ */ c(l, {
-				id: z,
-				open: B,
-				onClose: H,
+				id: V,
+				open: H,
+				onClose: W,
 				children: [
 					/* @__PURE__ */ s(l.Header, { children: /* @__PURE__ */ s("h4", { children: "Remove Selector" }) }),
-					/* @__PURE__ */ c(l.Body, { children: [J > 1 && /* @__PURE__ */ c("h4", { children: [
+					/* @__PURE__ */ c(l.Body, { children: [X > 1 && /* @__PURE__ */ c("h4", { children: [
 						"Do you want to remove these ",
-						J,
+						X,
 						" items ?"
-					] }), J <= 1 && /* @__PURE__ */ s("h4", { children: "Do you want to remove this item ?" })] }),
+					] }), X <= 1 && /* @__PURE__ */ s("h4", { children: "Do you want to remove this item ?" })] }),
 					/* @__PURE__ */ c(l.Footer, {
 						justify: "end",
 						children: [/* @__PURE__ */ s(u, {
-							onClick: X,
+							onClick: Q,
 							size: "sm",
 							children: "Cancel"
 						}), /* @__PURE__ */ s(u, {
-							onClick: Z,
+							onClick: $,
 							size: "sm",
 							children: "Submit"
 						})]

package/dist/helpers/processSelectorName.mjs

@@ -8,10 +8,7 @@ var e = (e) => {
 		case "class":
 			r = `.${t}`;
 			break;
-		case "id":
-			r = `#${t}`;
-			break;
-		default:
+		case "id": r = `#${t}`;
 	}
 	return r;
 };

package/dist/models/SelectorForm/SelectorForm.mjs

@@ -25,10 +25,10 @@ var u = l.discriminatedUnion("mode", [l.object({
 		children: a(e.replace(/([a-z0-9])([A-Z])/g, "$1 $2"))
 	}, e)), [p, m]), b = e((e) => {
 		e === "element" ? _.formMethods.setValue("componentType", Object.keys(p)[0]) : _.formMethods.setValue("componentType", "");
-	}, [p, _.formMethods]);
+	}, [p, _.formMethods]), x = e((e) => g?.(void 0, e), [g]);
 	return /* @__PURE__ */ r(o, {
 		form: _,
-		onSubmit: e((e) => g?.(void 0, e), [g]),
+		onSubmit: x,
 		className: "gap-4",
 		children: [/* @__PURE__ */ r(o.Body, { children: [
 			/* @__PURE__ */ r(o.Select, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-style",
-  "version": "0.32.14",
+  "version": "0.32.16",
   "license": "AGPL-3.0",
   "files": [
     "dist"
@@ -836,9 +836,9 @@
   },
   "dependencies": {
     "@plitzi/plitzi-ui": "^1.6.18",
-    "@plitzi/sdk-plugins": "0.32.14",
-    "@plitzi/sdk-shared": "0.32.14",
-    "@plitzi/sdk-variables": "0.32.14",
+    "@plitzi/sdk-plugins": "0.32.16",
+    "@plitzi/sdk-shared": "0.32.16",
+    "@plitzi/sdk-variables": "0.32.16",
     "clsx": "^2.1.1",
     "immer": "^11.1.15",
     "prop-types": "^15.8.1",
@@ -847,7 +847,7 @@
   "devDependencies": {
     "eslint": "^9.39.5",
     "typescript": "^6.0.3",
-    "vite": "^8.1.5",
+    "vite": "^8.2.0",
     "vitest": "^4.1.10"
   }
 }