@plitzi/plitzi-ui 1.6.18 → 1.6.20

package/dist/components/MenuList/MenuListContainer.js

@@ -39,18 +39,20 @@ var d = ({ className: d, children: f, open: p = !1, asSubMenu: m = !1 }) => {
 		_,
 		m
 	]), T = r(() => p && w(), [p, w]);
-	return i(() => {
+	i(() => {
 		if (p) return document.addEventListener("scroll", T, !0), window.addEventListener("resize", T), () => {
 			document.removeEventListener("scroll", T, !0), window.removeEventListener("resize", T);
 		};
 	}, [p, T]), i(() => {
 		p && w();
-	}, [p, w]), u(/* @__PURE__ */ c("div", {
+	}, [p, w]);
+	let E = a(() => ({
+		top: S.top,
+		left: S.left
+	}), [S]);
+	return u(/* @__PURE__ */ c("div", {
 		ref: y,
-		style: a(() => ({
-			top: S.top,
-			left: S.left
-		}), [S]),
+		style: E,
 		className: l("menu", d, {
 			"opacity-0 pointer-events-none": S.top === void 0 || S.left === void 0 || !p,
 			"-translate-x-full": m && (b === "top-right" || b === "bottom-right")

package/dist/components/MetricInput/MetricInput.js

@@ -101,10 +101,7 @@ var _ = ({ ref: _, children: v, className: y = "", placeholder: b = "", loading:
 			case "ArrowUp":
 				(t + M <= P || P === Infinity) && (t = Number((t + M).toFixed(r(M))));
 				break;
-			case "ArrowDown":
-				(t - M >= N || N === Infinity) && (t = Number((t - M).toFixed(r(M))));
-				break;
-			default:
+			case "ArrowDown": (t - M >= N || N === Infinity) && (t = Number((t - M).toFixed(r(M))));
 		}
 		Number.isNaN(t) && (t = N), H !== `${t}` && F?.(U ? `${t}${U}` : `${t}${R[0].value}`);
 	}, [

package/dist/components/Modal/ModalProvider.js

@@ -57,12 +57,12 @@ var l = ({ children: l }) => {
 			size: a?.size,
 			children: "Cancel"
 		})]
-	}), p(e, r, i, a)), [p]);
+	}), p(e, r, i, a)), [p]), h = a(() => ({
+		showModal: p,
+		showDialog: m
+	}), [p, m]);
 	return /* @__PURE__ */ c(r, {
-		value: a(() => ({
-			showModal: p,
-			showDialog: m
-		}), [p, m]),
+		value: h,
 		children: [l, Object.values(u).map((e, t) => /* @__PURE__ */ s(n, { ...e }, e?.id ?? t))]
 	});
 };

package/dist/components/Popup/PopupProvider.js

@@ -27,70 +27,70 @@ var h = ({ children: h, floatingClassName: g = "h-screen w-screen", floatingFixe
 		});
 	}, [F]), R = s((e) => {
 		F.getPlacement(e) && F.remove(e);
-	}, [F]), z = s((e) => F.exists(e), [F]);
+	}, [F]), z = s((e) => F.exists(e), [F]), B = l(() => ({
+		popupManager: F,
+		multi: x,
+		multiExpanded: S,
+		popups: F.get("floating"),
+		popupIds: F.get("floating").map((e) => e.id),
+		popupActiveIds: F.get("floating").filter((e) => e.active).map((e) => e.id),
+		limitMode: T,
+		addPopup: L,
+		existsPopup: z,
+		removePopup: R
+	}), [
+		L,
+		z,
+		R,
+		T,
+		x,
+		S,
+		F.lastUpdate.floating
+	]), V = l(() => ({
+		popupManager: F,
+		multi: x,
+		multiExpanded: S,
+		popups: F.get("left"),
+		popupIds: F.get("left").map((e) => e.id),
+		popupActiveIds: F.get("left").filter((e) => e.active).map((e) => e.id),
+		limitMode: T,
+		addPopup: L,
+		existsPopup: z,
+		removePopup: R
+	}), [
+		L,
+		z,
+		R,
+		T,
+		x,
+		S,
+		F.lastUpdate.left
+	]), H = l(() => ({
+		popupManager: F,
+		multi: x,
+		multiExpanded: S,
+		popups: F.get("right"),
+		popupIds: F.get("right").map((e) => e.id),
+		popupActiveIds: F.get("right").filter((e) => e.active).map((e) => e.id),
+		limitMode: T,
+		addPopup: L,
+		existsPopup: z,
+		removePopup: R
+	}), [
+		L,
+		z,
+		R,
+		T,
+		x,
+		S,
+		F.lastUpdate.right
+	]);
 	return /* @__PURE__ */ f(t, {
-		value: l(() => ({
-			popupManager: F,
-			multi: x,
-			multiExpanded: S,
-			popups: F.get("floating"),
-			popupIds: F.get("floating").map((e) => e.id),
-			popupActiveIds: F.get("floating").filter((e) => e.active).map((e) => e.id),
-			limitMode: T,
-			addPopup: L,
-			existsPopup: z,
-			removePopup: R
-		}), [
-			L,
-			z,
-			R,
-			T,
-			x,
-			S,
-			F.lastUpdate.floating
-		]),
+		value: B,
 		children: /* @__PURE__ */ f(n, {
-			value: l(() => ({
-				popupManager: F,
-				multi: x,
-				multiExpanded: S,
-				popups: F.get("left"),
-				popupIds: F.get("left").map((e) => e.id),
-				popupActiveIds: F.get("left").filter((e) => e.active).map((e) => e.id),
-				limitMode: T,
-				addPopup: L,
-				existsPopup: z,
-				removePopup: R
-			}), [
-				L,
-				z,
-				R,
-				T,
-				x,
-				S,
-				F.lastUpdate.left
-			]),
+			value: V,
 			children: /* @__PURE__ */ p(r, {
-				value: l(() => ({
-					popupManager: F,
-					multi: x,
-					multiExpanded: S,
-					popups: F.get("right"),
-					popupIds: F.get("right").map((e) => e.id),
-					popupActiveIds: F.get("right").filter((e) => e.active).map((e) => e.id),
-					limitMode: T,
-					addPopup: L,
-					existsPopup: z,
-					removePopup: R
-				}), [
-					L,
-					z,
-					R,
-					T,
-					x,
-					S,
-					F.lastUpdate.right
-				]),
+				value: H,
 				children: [
 					v && !!F.getCount("left") && /* @__PURE__ */ f(i, {
 						placement: "left",

package/dist/components/Provider/providers/ThemeProvider/ThemeProvider.js

@@ -37,19 +37,19 @@ var c = ({ children: t, components: c, defaultColorMode: l = "light", colorModeS
 		if (!p && (h(e), u)) try {
 			localStorage.setItem(u, e);
 		} catch {}
-	}, [p, u]);
+	}, [p, u]), v = i(() => ({
+		theme: { components: c && Object.keys(c).length > 0 ? c : {} },
+		colorMode: m,
+		toggleColorMode: g,
+		setColorMode: _
+	}), [
+		c,
+		m,
+		g,
+		_
+	]);
 	return /* @__PURE__ */ o(s, {
-		value: i(() => ({
-			theme: { components: c && Object.keys(c).length > 0 ? c : {} },
-			colorMode: m,
-			toggleColorMode: g,
-			setColorMode: _
-		}), [
-			c,
-			m,
-			g,
-			_
-		]),
+		value: v,
 		children: t
 	});
 };

package/dist/components/QueryBuilder/QueryBuilderProvider.js

@@ -1,14 +1,14 @@
 import { get as e } from "../../helpers/lodash/get.js";
 import { set as t } from "../../helpers/lodash/set.js";
 import { getQueryMap as n } from "./helpers/QueryBuilderHelper.js";
-import r from "./QueryBuilderContext.js";
-import { defaultCombinators as i } from "./helpers/QueryBuilderContants.js";
+import { defaultCombinators as r } from "./helpers/QueryBuilderContants.js";
+import i from "./QueryBuilderContext.js";
 import { useCallback as a, useMemo as o, useRef as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
-import { v4 as l } from "uuid";
-import { produce as u } from "immer";
+import { produce as l } from "immer";
+import { v4 as u } from "uuid";
 //#region src/components/QueryBuilder/QueryBuilderProvider.tsx
-var d = ({ children: d, query: f, fields: p, allowDisableRules: m = !0, allowSubGroups: h = !0, combinators: g = i, error: _ = !1, onChange: v }) => {
+var d = ({ children: d, query: f, fields: p, allowDisableRules: m = !0, allowSubGroups: h = !0, combinators: g = r, error: _ = !1, onChange: v }) => {
 	let y = s(f);
 	y.current = f;
 	let b = o(() => n(f), [f]), x = s(b);
@@ -16,22 +16,22 @@ var d = ({ children: d, query: f, fields: p, allowDisableRules: m = !0, allowSub
 	let S = a((t, n) => {
 		let { parentId: r, path: i } = e(x.current, n, {});
 		if (!(r && !i)) return i === "" ? t : e(t, i);
-	}, []), C = a((e) => v?.(u(y.current, (t) => {
+	}, []), C = a((e) => v?.(l(y.current, (t) => {
 		let n = S(t, e);
 		n && n.rules.push({
-			id: l(),
+			id: u(),
 			field: "",
 			operator: "",
 			value: "",
 			enabled: !0
 		});
-	})), [v, S]), w = a((t) => v?.(u(y.current, (n) => {
+	})), [v, S]), w = a((t) => v?.(l(y.current, (n) => {
 		let r = S(n, t);
 		!r || !h || !("rules" in r) || r.rules.push({
-			id: l(),
+			id: u(),
 			combinator: e(g, "0.value", "and"),
 			rules: [{
-				id: l(),
+				id: u(),
 				field: "",
 				operator: "",
 				value: "",
@@ -44,7 +44,7 @@ var d = ({ children: d, query: f, fields: p, allowDisableRules: m = !0, allowSub
 		g,
 		v,
 		S
-	]), T = a((n, r) => v?.(u(y.current, (i) => {
+	]), T = a((n, r) => v?.(l(y.current, (i) => {
 		let a = S(i, n);
 		if (!a) return;
 		let { parentId: o } = e(x.current, n, {}), s = S(i, o);
@@ -52,56 +52,56 @@ var d = ({ children: d, query: f, fields: p, allowDisableRules: m = !0, allowSub
 			...a,
 			...r
 		});
-	})), [v, S]), E = a((e, n) => v?.(u(y.current, (r) => {
+	})), [v, S]), E = a((e, n) => v?.(l(y.current, (r) => {
 		let i = S(r, e);
 		i && t(i, "combinator", n);
-	})), [v, S]), D = a((e, n) => v?.(u(y.current, (r) => {
+	})), [v, S]), D = a((e, n) => v?.(l(y.current, (r) => {
 		let i = S(r, e);
 		i && t(i, "enabled", n);
-	})), [v, S]), O = a((e, n) => v?.(u(y.current, (r) => {
+	})), [v, S]), O = a((e, n) => v?.(l(y.current, (r) => {
 		let i = S(r, e);
 		i && t(i, "operator", n);
-	})), [v, S]), k = a((e, n) => v?.(u(y.current, (r) => {
+	})), [v, S]), k = a((e, n) => v?.(l(y.current, (r) => {
 		let i = S(r, e);
 		i && t(i, "value", n);
-	})), [v, S]), A = a((t) => v?.(u(y.current, (n) => {
+	})), [v, S]), A = a((t) => v?.(l(y.current, (n) => {
 		let r = S(n, t), i;
 		for (; r;) {
 			let { id: t, parentId: a } = e(x.current, r.id ?? "", "");
 			if (i = S(n, a), !i || (i.rules.splice(i.rules.findIndex((e) => e.id === t), 1), i.rules.length < 2 && i.combinator !== "and" && (i.combinator = "and"), i.rules.length > 0 || !a)) break;
 			r = i;
 		}
-	})), [v, S]);
-	return /* @__PURE__ */ c(r, {
-		value: o(() => ({
-			addGroup: w,
-			addRule: C,
-			update: T,
-			updateCombinator: E,
-			updateEnabled: D,
-			updateRuleOperator: O,
-			updateRuleValue: k,
-			remove: A,
-			fields: p,
-			allowDisableRules: m,
-			allowSubGroups: h,
-			combinators: g,
-			error: _
-		}), [
-			w,
-			C,
-			T,
-			E,
-			D,
-			O,
-			k,
-			A,
-			p,
-			m,
-			h,
-			g,
-			_
-		]),
+	})), [v, S]), j = o(() => ({
+		addGroup: w,
+		addRule: C,
+		update: T,
+		updateCombinator: E,
+		updateEnabled: D,
+		updateRuleOperator: O,
+		updateRuleValue: k,
+		remove: A,
+		fields: p,
+		allowDisableRules: m,
+		allowSubGroups: h,
+		combinators: g,
+		error: _
+	}), [
+		w,
+		C,
+		T,
+		E,
+		D,
+		O,
+		k,
+		A,
+		p,
+		m,
+		h,
+		g,
+		_
+	]);
+	return /* @__PURE__ */ c(i, {
+		value: j,
 		children: d
 	});
 };

package/dist/components/QueryBuilder/Rule.js

@@ -4,15 +4,15 @@ import n from "../Flex/index.js";
 import r from "../Button/index.js";
 import i from "../Select2/index.js";
 import a from "../Switch/index.js";
-import o from "./QueryBuilderContext.js";
-import { defaultOperators as s } from "./helpers/QueryBuilderContants.js";
+import { defaultOperators as o } from "./helpers/QueryBuilderContants.js";
+import s from "./QueryBuilderContext.js";
 import c from "./RuleOperator.js";
 import l from "./RuleValue.js";
 import { use as u, useCallback as d, useMemo as f } from "react";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/QueryBuilder/Rule.tsx
 var g = ({ className: g = "", id: _ = "", field: v = "", operator: y = "", value: b = "", isBinding: x = !1, enabled: S = !0, size: C, showBranches: w, direction: T, intent: E }) => {
-	let { fields: D, update: O, updateRuleOperator: k, updateRuleValue: A, updateEnabled: j, remove: M, allowDisableRules: N, error: P } = u(o), F = t("QueryBuilder", {
+	let { fields: D, update: O, updateRuleOperator: k, updateRuleValue: A, updateEnabled: j, remove: M, allowDisableRules: N, error: P } = u(s), F = t("QueryBuilder", {
 		className: g,
 		componentKey: [
 			"rule",
@@ -63,7 +63,7 @@ var g = ({ className: g = "", id: _ = "", field: v = "", operator: y = "", value
 			});
 			return;
 		}
-		let { value: n, defaultValue: r, operators: i } = t, a = e(i, "0.value", e(s, "0.value", "="));
+		let { value: n, defaultValue: r, operators: i } = t, a = e(i, "0.value", e(o, "0.value", "="));
 		O(_, {
 			field: n,
 			operator: a,

package/dist/components/QueryBuilder/RuleValue.js

@@ -6,7 +6,13 @@ import { useCallback as i, useMemo as a, useState as o } from "react";
 import { jsx as s } from "react/jsx-runtime";
 //#region src/components/QueryBuilder/RuleValue.tsx
 var c = [], l = ({ className: l = "", valuePosition: u, value: d = "", options: f = c, placeholder: p = "Enter a value", type: m = "text", error: h = !1, size: g, disabled: _, validator: v, onChange: y }) => {
-	let [b, x] = o(h), S = i((e) => y?.(e.target.checked), [y]), C = a(() => Number.isInteger(u) && typeof d == "string" ? e(d.split(","), `${u}`, d) : d, [d, u]), w = i((e) => {
+	let [b, x] = o(h), S = i((e) => y?.(e.target.checked), [y]), C = a(() => {
+		if (Number.isInteger(u) && typeof d == "string") {
+			let t = d.split(",");
+			return e(t, `${u}`, d);
+		}
+		return d;
+	}, [d, u]), w = i((e) => {
 		if (e.includes(",") && Number.isInteger(u)) return;
 		if (u && Number.isInteger(u) && typeof d == "string") {
 			let t = d.split(",");

package/dist/components/QueryBuilder/helpers/QueryBuilderEvaluator.js

@@ -21,11 +21,7 @@ var o = (e) => {
 		combinator: t,
 		enabled: n
 	};
-}, s = (e, t = "json") => {
-	switch (t) {
-		default: return o(e);
-	}
-}, c = (e, t) => typeof e == "boolean" && typeof t == "string" ? (t = t.toLowerCase(), t = t === "true" || t === "1", e === t) : typeof e == "string" && typeof t == "boolean" ? (e = e.toLowerCase(), e = e === "true" || e === "1", e === t) : (typeof e == "number" && (e = `${e}`), typeof t == "number" && (t = `${t}`), e === t), l = (e, t) => e == null || t == null ? !1 : n(e) && n(t) ? (e = r(e), t = r(t), parseFloat(t) > parseFloat(e)) : i(e) ? (e = parseFloat(e), t = parseFloat(t), i(t) && t > e) : t > e, u = (e, t) => l(e, t) || c(e, t), d = (e, t) => e == null || t == null ? !1 : n(e) && n(t) ? (e = r(e), t = r(t), parseFloat(t) < parseFloat(e)) : i(e) ? (e = parseFloat(e), t = parseFloat(t), i(t) && t < e) : t < e, f = (e, t) => d(e, t) || c(e, t), p = (e, t) => typeof e == "string" && typeof t == "string" && t.toLowerCase().includes(e.toLowerCase()), m = (e, t) => typeof t == "string" && typeof e == "string" && t.toLowerCase().startsWith(e.toLowerCase()), h = (e, t) => typeof t == "string" && typeof e == "string" && t.toLowerCase().endsWith(e.toLowerCase()), g = (e) => {
+}, s = (e, t = "json") => o(e), c = (e, t) => typeof e == "boolean" && typeof t == "string" ? (t = t.toLowerCase(), t = t === "true" || t === "1", e === t) : typeof e == "string" && typeof t == "boolean" ? (e = e.toLowerCase(), e = e === "true" || e === "1", e === t) : (typeof e == "number" && (e = `${e}`), typeof t == "number" && (t = `${t}`), e === t), l = (e, t) => e == null || t == null ? !1 : n(e) && n(t) ? (e = r(e), t = r(t), parseFloat(t) > parseFloat(e)) : i(e) ? (e = parseFloat(e), t = parseFloat(t), i(t) && t > e) : t > e, u = (e, t) => l(e, t) || c(e, t), d = (e, t) => e == null || t == null ? !1 : n(e) && n(t) ? (e = r(e), t = r(t), parseFloat(t) < parseFloat(e)) : i(e) ? (e = parseFloat(e), t = parseFloat(t), i(t) && t < e) : t < e, f = (e, t) => d(e, t) || c(e, t), p = (e, t) => typeof e == "string" && typeof t == "string" && t.toLowerCase().includes(e.toLowerCase()), m = (e, t) => typeof t == "string" && typeof e == "string" && t.toLowerCase().startsWith(e.toLowerCase()), h = (e, t) => typeof t == "string" && typeof e == "string" && t.toLowerCase().endsWith(e.toLowerCase()), g = (e) => {
 	switch (typeof e) {
 		case "boolean":
 		case "number":

package/dist/components/Sidebar/Sidebar.js

@@ -28,26 +28,28 @@ var u = ({ className: u, children: d, value: f = [], multi: p = !1, canEmpty: m
 	]), { items: S } = c(() => {
 		let e = { items: [] };
 		return i.forEach(d, (n, i) => {
-			if (o(n)) if (n.type === t) {
-				let t = n.props, r = t.id ?? i.toString(), o = {
-					size: v,
-					...t,
-					key: i,
-					id: r
-				};
-				t.detatched || (o.active = b.includes(r)), e.items.push(a(n, o));
-			} else if (n.type === r) {
-				let t = n.props;
-				e.items.push(a(n, {
-					...t,
-					key: i
-				}));
-			} else {
-				let t = n.props;
-				e.items.push(a(n, {
-					...t,
-					key: i
-				}));
+			if (o(n)) {
+				if (n.type === t) {
+					let t = n.props, r = t.id ?? i.toString(), o = {
+						size: v,
+						...t,
+						key: i,
+						id: r
+					};
+					t.detatched || (o.active = b.includes(r)), e.items.push(a(n, o));
+				} else if (n.type === r) {
+					let t = n.props;
+					e.items.push(a(n, {
+						...t,
+						key: i
+					}));
+				} else {
+					let t = n.props;
+					e.items.push(a(n, {
+						...t,
+						key: i
+					}));
+				}
 			}
 		}), e;
 	}, [

package/dist/components/Sidebar/SidebarProvider.js

@@ -2,9 +2,12 @@ import e from "./SidebarContext.js";
 import { useMemo as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Sidebar/SidebarProvider.tsx
-var r = ({ children: r, onChange: i }) => /* @__PURE__ */ n(e, {
-	value: t(() => ({ onChange: i }), [i]),
-	children: r
-});
+var r = ({ children: r, onChange: i }) => {
+	let a = t(() => ({ onChange: i }), [i]);
+	return /* @__PURE__ */ n(e, {
+		value: a,
+		children: r
+	});
+};
 //#endregion
 export { r as default };

package/dist/components/Switch/Switch.js

@@ -24,9 +24,9 @@ var c = r(({ ref: r, children: c, id: l, className: u = "", value: d, label: f =
 			disabled: p,
 			error: !!_
 		}
-	});
+	}), x = i(() => e(b, ["switch", "slide"]), [b]);
 	return /* @__PURE__ */ o(n, {
-		className: i(() => e(b, ["switch", "slide"]), [b]),
+		className: x,
 		id: l,
 		label: f,
 		error: _,

package/dist/components/TextArea/TextArea.js

@@ -24,7 +24,7 @@ var l = Object.assign(i(({ ref: n, className: i = "", id: l, children: u, label:
 		}
 	}), C = o(() => e(S, ["input"]), [S]), w = a((e) => {
 		b?.(e.target.value);
-	}, [b]);
+	}, [b]), T = a(() => b?.(""), [b]);
 	return /* @__PURE__ */ c(r, {
 		className: C,
 		id: l,
@@ -36,7 +36,7 @@ var l = Object.assign(i(({ ref: n, className: i = "", id: l, children: u, label:
 		loading: p,
 		clearable: h,
 		value: v,
-		onClear: a(() => b?.(""), [b]),
+		onClear: T,
 		children: [u, /* @__PURE__ */ s("textarea", {
 			ref: n,
 			id: l,

package/dist/components/Toast/ToastProvider.js

@@ -20,9 +20,9 @@ var c = ({ children: c, classNameToast: l = "", classNameContainer: u = "", isFi
 			icon: c,
 			containerId: p
 		});
-	}, [l, p]);
+	}, [l, p]), h = n(() => ({ addToast: m }), [m]);
 	return /* @__PURE__ */ i(e, {
-		value: n(() => ({ addToast: m }), [m]),
+		value: h,
 		children: [/* @__PURE__ */ r(o, {
 			containerId: p,
 			pauseOnFocusLoss: !1,