@plitzi/plitzi-ui 1.6.19 → 1.6.21

package/dist/components/Button/Button.js

@@ -27,25 +27,27 @@ var u = ({ ref: u, children: d, testId: f, className: p = "", iconPlacement: m =
 				e.contentChildren = n;
 				return;
 			}
-			if (i(n)) if (n.type === t) {
-				let t = n.props;
-				e.iconChildren = r(n, {
-					className: l(T.icon, t.className),
-					size: v,
-					testId: f ? `${f}-icon` : void 0,
-					...t,
-					intent: t.intent ?? "custom"
-				});
-			} else if (n.type === "i") {
-				let t = n.props;
-				e.iconChildren = r(n, {
-					className: l(T.icon, t.className),
-					size: v,
-					"data-testid": f ? `${f}-icon` : void 0,
-					...t,
-					intent: t.intent ?? "custom"
-				});
-			} else e.contentChildren = n;
+			if (i(n)) {
+				if (n.type === t) {
+					let t = n.props;
+					e.iconChildren = r(n, {
+						className: l(T.icon, t.className),
+						size: v,
+						testId: f ? `${f}-icon` : void 0,
+						...t,
+						intent: t.intent ?? "custom"
+					});
+				} else if (n.type === "i") {
+					let t = n.props;
+					e.iconChildren = r(n, {
+						className: l(T.icon, t.className),
+						size: v,
+						"data-testid": f ? `${f}-icon` : void 0,
+						...t,
+						intent: t.intent ?? "custom"
+					});
+				} else e.contentChildren = n;
+			}
 		}), e;
 	}, [
 		d,

package/dist/components/Card/CardHeader.js

@@ -25,23 +25,25 @@ var l = ({ ref: l, className: u, children: d, closeable: f, testId: p, intent: m
 				e.content.push(t);
 				return;
 			}
-			if (a(t)) if (t.type === n) {
-				let n = t.props;
-				e.icon = i(t, {
-					testId: p ? `${p}-icon` : void 0,
-					...n,
-					intent: n.intent ?? "custom",
-					size: h
-				});
-			} else if (t.type === "i") {
-				let n = t.props;
-				e.icon = i(t, {
-					"data-testid": p ? `${p}-icon` : void 0,
-					...n,
-					intent: n.intent ?? "custom",
-					size: h
-				});
-			} else e.content.push(t);
+			if (a(t)) {
+				if (t.type === n) {
+					let n = t.props;
+					e.icon = i(t, {
+						testId: p ? `${p}-icon` : void 0,
+						...n,
+						intent: n.intent ?? "custom",
+						size: h
+					});
+				} else if (t.type === "i") {
+					let n = t.props;
+					e.icon = i(t, {
+						"data-testid": p ? `${p}-icon` : void 0,
+						...n,
+						intent: n.intent ?? "custom",
+						size: h
+					});
+				} else e.content.push(t);
+			}
 		}), e;
 	}, [
 		d,

package/dist/components/CodeMirror/CodeMirror.js

@@ -72,7 +72,7 @@ var _ = [], v = ({ ref: v, className: y, id: b, label: x = "", loading: S = !1,
 		detail: e.detail ?? "(Custom Token)"
 	}) : [], [k]), J = i((e) => {
 		let t = e.matchBefore(/[a-zA-Z0-9._-]+/);
-		if (!(!t || t.from === t.to && !e.explicit || !q.length)) return {
+		if (t && (t.from !== t.to || e.explicit) && q.length) return {
 			from: t.from,
 			options: q
 		};

package/dist/components/ContainerResizable/ContainerResizable.js

@@ -14,12 +14,14 @@ var f = ["se"], p = ({ ref: p, className: m, parentRef: h, hoverMode: g = !1, au
 	o(p, () => W.current, [W]);
 	let G = c(null), K = s(() => A ? e(A, 150) : void 0, [A]), q = i(() => !h?.current && typeof document < "u" ? document.body : h?.current, [h]), J = i((e, t, n = !1) => {
 		let [r, i] = [[T, E], [D, O]];
-		if (w) if (t === F) {
-			let n = N / F;
-			t = e / n, e = t * n;
-		} else {
-			let n = F / N;
-			e = t / n, t = e * n;
+		if (w) {
+			if (t === F) {
+				let n = N / F;
+				t = e / n, e = t * n;
+			} else {
+				let n = F / N;
+				e = t / n, t = e * n;
+			}
 		}
 		r[0] && r[1] && (e = Math.max(r[0], e), t = Math.max(r[1], t)), i[0] && i[1] && (e = Math.min(i[0], e), t = Math.min(i[1], t));
 		let a = W.current?.getBoundingClientRect();

package/dist/components/Flex/Flex.styles.d.ts

@@ -14,11 +14,11 @@ declare const _default: {
     root: (props?: ({
         direction?: "column" | "row" | "row-reverse" | "col-reverse" | null | undefined;
         grow?: boolean | null | undefined;
-        basis?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "auto" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "full" | null | undefined;
+        basis?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "auto" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "full" | null | undefined;
         wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
         items?: "start" | "end" | "center" | "baseline" | "stretch" | null | undefined;
         justify?: "start" | "end" | "center" | "stretch" | "normal" | "between" | "around" | "evenly" | null | undefined;
-        gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 1.5 | null | undefined;
+        gap?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 1.5 | null | undefined;
         shrink?: 0 | 1 | null | undefined;
         alignItems?: "start" | "end" | "center" | "baseline" | "stretch" | null | undefined;
     } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Form/index.js

@@ -9,12 +9,12 @@ import s from "./fields/FormSelect2.js";
 import c from "./fields/FormSwitch.js";
 import l from "./fields/FormTextArea.js";
 import { fields_exports as u } from "./fields/index.js";
-import d from "./Form.js";
-import f from "./Form.styles.js";
-import p from "./hooks/useForm.js";
-import m from "./hooks/useFormWatch.js";
+import d from "./hooks/useForm.js";
+import f from "./hooks/useFormWatch.js";
+import p from "./Form.js";
+import m from "./Form.styles.js";
 import { useFieldArray as h, useFormContext as g } from "react-hook-form";
 //#region src/components/Form/index.ts
-var _ = d;
+var _ = p;
 //#endregion
-export { e as Checkbox, t as Color, n as Conditional, r as Custom, i as FileUpload, a as Input, o as Select, s as Select2, c as Switch, l as TextArea, _ as default, u as fields, f as formTheme, h as useFieldArray, p as useForm, g as useFormContext, m as useFormWatch };
+export { e as Checkbox, t as Color, n as Conditional, r as Custom, i as FileUpload, a as Input, o as Select, s as Select2, c as Switch, l as TextArea, _ as default, u as fields, m as formTheme, h as useFieldArray, d as useForm, g as useFormContext, f as useFormWatch };

package/dist/components/Input/InputContainer.js

@@ -31,15 +31,17 @@ var f = ({ ref: f, className: p, id: m, label: h, error: g, disabled: _, intent:
 			inputChildren: []
 		};
 		return i.forEach(x, (n) => {
-			if (o(n)) if (n.type === t) {
-				let t = n.props;
-				e.iconChildren = a(n, {
-					className: d(O.icon, t.className),
-					size: y,
-					...t,
-					intent: t.intent ?? "custom"
-				});
-			} else e.inputChildren.push(n);
+			if (o(n)) {
+				if (n.type === t) {
+					let t = n.props;
+					e.iconChildren = a(n, {
+						className: d(O.icon, t.className),
+						size: y,
+						...t,
+						intent: t.intent ?? "custom"
+					});
+				} else e.inputChildren.push(n);
+			}
 		}), e;
 	}, [
 		x,

package/dist/components/MenuList/MenuItem.js

@@ -35,27 +35,29 @@ var v = ({ className: v, children: y, value: b, disabled: x, testId: S, onSelect
 				e.content.push(n);
 				return;
 			}
-			if (c(n)) if (n.type === t) {
-				let t = n.props;
-				e.icon = s(n, {
-					testId: S ? `${S}-icon` : void 0,
-					...t,
-					intent: "custom"
-				});
-			} else if (n.type === a) {
-				let t = n.props;
-				e.subMenu = s(n, {
-					testId: S ? `${S}-menu` : void 0,
-					...t,
-					onSelect: C
-				});
-			} else {
-				let t = n.props;
-				e.content.push(s(n, {
-					key: r,
-					testId: S ? `${S}-${r}` : void 0,
-					...t
-				}));
+			if (c(n)) {
+				if (n.type === t) {
+					let t = n.props;
+					e.icon = s(n, {
+						testId: S ? `${S}-icon` : void 0,
+						...t,
+						intent: "custom"
+					});
+				} else if (n.type === a) {
+					let t = n.props;
+					e.subMenu = s(n, {
+						testId: S ? `${S}-menu` : void 0,
+						...t,
+						onSelect: C
+					});
+				} else {
+					let t = n.props;
+					e.content.push(s(n, {
+						key: r,
+						testId: S ? `${S}-${r}` : void 0,
+						...t
+					}));
+				}
 			}
 		}), e;
 	}, [

package/dist/components/MenuList/MenuList.js

@@ -11,7 +11,7 @@ var v = ({ ref: e, className: r, children: v, open: y, disabled: b = !1, testId:
 	let [T, E] = m(y ?? !1), D = p(null);
 	d(e, () => D.current, []);
 	let O = l(() => !b && y === void 0 && E((e) => !e), [b, y]), k = l((e) => {
-		!T || !D.current || y !== void 0 || !D.current.contains(e.target) && !e.target.closest(".menu") && E(!1);
+		T && D.current && y === void 0 && !D.current.contains(e.target) && !e.target.closest(".menu") && E(!1);
 	}, [T, y]), A = l((e) => {
 		w?.(e), y === void 0 && E(!1);
 	}, [w, y]), { trigger: j, menu: M } = f(() => {

package/dist/components/Popup/PopupSidebar.js

@@ -34,7 +34,7 @@ var u = ({ className: o = "", value: u, canEmpty: d = !0, canHide: f = !1, place
 		b,
 		h
 	]), C = s((e) => y?.(e), [y]);
-	if (!(f && !b.length)) return /* @__PURE__ */ l(r, {
+	if (!f || b.length) return /* @__PURE__ */ l(r, {
 		value: u,
 		size: v,
 		onChange: C,

package/dist/components/Popup/components/PopupSidePanel/PopupSidePanel.js

@@ -50,7 +50,7 @@ var p = s(({ className: s = "", placement: p = "right", placementTabs: m = "righ
 		E,
 		T
 	]);
-	if (!(!T.length || E.length === 0 && !g)) return N.length === 0 && h ? /* @__PURE__ */ d(o, {
+	if (T.length && (E.length !== 0 || g)) return N.length === 0 && h ? /* @__PURE__ */ d(o, {
 		placement: m,
 		value: E,
 		canEmpty: h,

package/dist/components/QueryBuilder/QueryBuilderProvider.js

@@ -1,37 +1,37 @@
 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);
 	x.current = b;
 	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) => {
+		if (!r || i) return i === "" ? t : e(t, i);
+	}, []), 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(),
+		r && h && "rules" in r && r.rules.push({
+			id: u(),
 			combinator: e(g, "0.value", "and"),
 			rules: [{
-				id: l(),
+				id: u(),
 				field: "",
 				operator: "",
 				value: "",
@@ -44,27 +44,27 @@ 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);
-		!s || !("rules" in s) || t(s, `rules.${s.rules.findIndex((e) => e.id === n)}`, {
+		s && "rules" in s && t(s, `rules.${s.rules.findIndex((e) => e.id === n)}`, {
 			...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 ?? "", "");
@@ -100,7 +100,7 @@ var d = ({ children: d, query: f, fields: p, allowDisableRules: m = !0, allowSub
 		g,
 		_
 	]);
-	return /* @__PURE__ */ c(r, {
+	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/Select2/Select2.js

@@ -70,7 +70,7 @@ var v = [], y = c((c) => {
 	}, [S, Z]), u(() => {
 		H(F ? B.current?.getBoundingClientRect() : void 0);
 	}, [F]), u(() => {
-		if (!(!O || !q || a(q))) return q.value && !U.find((e) => "value" in e && e.value === q.value) && K((e) => {
+		if (O && q && !a(q)) return q.value && !U.find((e) => "value" in e && e.value === q.value) && K((e) => {
 			if (e.find((e) => "value" in e && e.value === q.value)) return e;
 			let t = [...e];
 			return t.push({

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/Tree/utils.js

@@ -32,7 +32,7 @@ var r = {
 	let { items: i } = r;
 	return i.forEach((r) => {
 		let i = t[r];
-		!i || !i.items || (n[e] = !1, n = {
+		i && i.items && (n[e] = !1, n = {
 			...n,
 			...a(r, t)
 		});