@banzamel/mineralui 1.1.1 → 1.2.0

package/dist/{dropdowns-Vo7Oo_ii.js → dropdowns-BcVrUMPE.js}

@@ -6,17 +6,17 @@ import { _ as d, a as ee, c as f, d as te, f as p, g as ne, h as m, i as re, l a
 import { r as oe } from "./useGhostText-DG0bzcao.js";
 import { t as b } from "./useKeyboardNav-iEXOdEMB.js";
 import { t as se } from "./MPopover-BC9C5967.js";
-import { r as x } from "./MButton-BJdrNg2I.js";
-import { t as ce } from "./MTag-Bq9b51kE.js";
-import { t as S } from "./MInput-B8RPS-wr.js";
-import { t as le } from "./locale-uMMj57KX.js";
-import { i as ue, r as C } from "./frameworkTexts-BgzNvcs2.js";
-import { t as w } from "./MCheckbox-DfCD0EtS.js";
+import { r as x } from "./MButton-BmTDe5Oa.js";
+import { t as ce } from "./MCheckbox-B7SpcD4H.js";
+import { t as le } from "./MTag-DOcKm3c2.js";
+import { t as S } from "./MInput-BSaKw0Uc.js";
+import { t as ue } from "./locale-BNyzqXAU.js";
+import { i as C, r as w } from "./frameworkTexts-B6oE8pMk.js";
 import { useCallback as T, useEffect as E, useMemo as D, useRef as de, useState as O } from "react";
 import { Fragment as fe, jsx as k, jsxs as A } from "react/jsx-runtime";
 //#region src/components/dropdowns/MSelect/MSelect.tsx
-function j({ options: e, value: r, defaultValue: i, onChange: a, multiple: s = !1, searchable: c = !1, placeholder: l = "MSelect...", disabled: u = !1, name: d, id: ee, variant: f = "outlined", size: te = "md", color: p, fullWidth: ne = !1, label: m, helperText: re, errorText: h, error: g = !1, required: _ = !1, loading: v = !1, clearable: ie = !1, maxHeight: y = 300, noOptionsText: ae = "No options", renderOption: oe, renderValue: S, className: le, style: ue }) {
-	let [C, E] = O(!1), [fe, j] = O(i ?? (s ? [] : "")), [M, N] = O(""), pe = de(null), P = r === void 0 ? fe : r, F = g || !!h, I = D(() => Array.isArray(P) ? P : P ? [P] : [], [P]), L = D(() => e.filter((e) => I.includes(e.value)), [e, I]), R = D(() => {
+function j({ options: e, value: r, defaultValue: i, onChange: a, multiple: s = !1, searchable: c = !1, placeholder: l = "MSelect...", disabled: u = !1, name: d, id: ee, variant: f = "outlined", size: te = "md", color: p, fullWidth: ne = !1, label: m, helperText: re, errorText: h, error: g = !1, required: _ = !1, loading: v = !1, clearable: ie = !1, maxHeight: y = 300, noOptionsText: ae = "No options", renderOption: oe, renderValue: S, className: ue, style: C }) {
+	let [w, E] = O(!1), [fe, j] = O(i ?? (s ? [] : "")), [M, N] = O(""), pe = de(null), P = r === void 0 ? fe : r, F = g || !!h, I = D(() => Array.isArray(P) ? P : P ? [P] : [], [P]), L = D(() => e.filter((e) => I.includes(e.value)), [e, I]), R = D(() => {
 		if (!c || !M) return e;
 		let t = M.toLowerCase();
 		return e.filter((e) => e.label.toLowerCase().includes(t));
@@ -49,7 +49,7 @@ function j({ options: e, value: r, defaultValue: i, onChange: a, multiple: s = !
 		onClose: () => {
 			E(!1), N("");
 		},
-		isOpen: C
+		isOpen: w
 	}), U = T(() => {
 		u || (E((e) => !e), ge());
 	}, [u, ge]), _e = T((e) => {
@@ -62,7 +62,7 @@ function j({ options: e, value: r, defaultValue: i, onChange: a, multiple: s = !
 		a
 	]), ve = D(() => S && L.length > 0 ? S(s ? L : L[0]) : s && L.length > 0 ? /* @__PURE__ */ k("span", {
 		className: "tags",
-		children: L.map((e) => /* @__PURE__ */ k(ce, {
+		children: L.map((e) => /* @__PURE__ */ k(le, {
 			label: e.label,
 			color: p,
 			size: te,
@@ -80,22 +80,22 @@ function j({ options: e, value: r, defaultValue: i, onChange: a, multiple: s = !
 		te
 	]);
 	return /* @__PURE__ */ A("div", {
-		className: o("select", p && `color-${p}`, ne && "full-width", le),
-		style: ue,
+		className: o("select", p && `color-${p}`, ne && "full-width", ue),
+		style: C,
 		children: [
 			m && /* @__PURE__ */ k("label", {
 				htmlFor: ee,
-				className: o("field-label", C && "focused", F && "error", _ && "required"),
+				className: o("field-label", w && "focused", F && "error", _ && "required"),
 				children: m
 			}),
 			/* @__PURE__ */ A("div", {
 				ref: pe,
-				className: o("trigger", `field-${f}`, `field-${te}`, C && "focused", F && "error", u && "disabled"),
+				className: o("trigger", `field-${f}`, `field-${te}`, w && "focused", F && "error", u && "disabled"),
 				onClick: U,
 				onKeyDown: H,
 				tabIndex: u ? -1 : 0,
 				role: "combobox",
-				"aria-expanded": C,
+				"aria-expanded": w,
 				"aria-haspopup": "listbox",
 				"aria-invalid": F || void 0,
 				id: ee,
@@ -117,7 +117,7 @@ function j({ options: e, value: r, defaultValue: i, onChange: a, multiple: s = !
 						children: /* @__PURE__ */ k(t, {})
 					}),
 					/* @__PURE__ */ k("span", {
-						className: o("arrow", C && "open"),
+						className: o("arrow", w && "open"),
 						"aria-hidden": "true",
 						children: /* @__PURE__ */ k(n, {})
 					})
@@ -130,7 +130,7 @@ function j({ options: e, value: r, defaultValue: i, onChange: a, multiple: s = !
 			}),
 			/* @__PURE__ */ k(se, {
 				className: "select-popover",
-				open: C,
+				open: w,
 				anchorRef: pe,
 				onClose: () => {
 					E(!1), N("");
@@ -171,7 +171,7 @@ function j({ options: e, value: r, defaultValue: i, onChange: a, multiple: s = !
 								role: "option",
 								"aria-selected": r,
 								"aria-disabled": e.disabled,
-								children: [s && /* @__PURE__ */ k(w, {
+								children: [s && /* @__PURE__ */ k(ce, {
 									checked: r,
 									size: "sm",
 									color: p,
@@ -210,7 +210,7 @@ function pe(e, t, n) {
 	let r = t.toLowerCase();
 	return e.filter((e) => n(e).toLowerCase().includes(r));
 }
-function P({ options: e, value: n, onChange: r, getOptionLabel: i = M, getOptionValue: a = N, filterOptions: s, multiple: c = !1, debounceMs: l = 0, onInputChange: u, loading: d = !1, loadingText: ee = "Loading...", noOptionsText: f = "No options", placeholder: te = "Type to search...", disabled: p = !1, name: ne, id: m, variant: re = "outlined", size: h = "md", color: g, fullWidth: _ = !1, label: v, helperText: ie, errorText: y, error: ae = !1, required: S = !1, clearable: le = !1, maxHeight: ue = 300, renderOption: C, renderTags: w, className: E, style: fe }) {
+function P({ options: e, value: n, onChange: r, getOptionLabel: i = M, getOptionValue: a = N, filterOptions: s, multiple: c = !1, debounceMs: l = 0, onInputChange: u, loading: d = !1, loadingText: ee = "Loading...", noOptionsText: f = "No options", placeholder: te = "Type to search...", disabled: p = !1, name: ne, id: m, variant: re = "outlined", size: h = "md", color: g, fullWidth: _ = !1, label: v, helperText: ie, errorText: y, error: ae = !1, required: ce = !1, clearable: S = !1, maxHeight: ue = 300, renderOption: C, renderTags: w, className: E, style: fe }) {
 	let [j, P] = O(!1), [F, I] = O(""), L = de(null), R = de(null), z = ae || !!y, B = D(() => n == null ? [] : Array.isArray(n) ? n.filter((e) => e != null) : [n], [n]), V = D(() => s ? s(e, F) : pe(e, F, i), [
 		e,
 		F,
@@ -264,7 +264,7 @@ function P({ options: e, value: n, onChange: r, getOptionLabel: i = M, getOption
 		children: [
 			v && /* @__PURE__ */ k("label", {
 				htmlFor: m,
-				className: o("field-label", j && "focused", z && "error", S && "required"),
+				className: o("field-label", j && "focused", z && "error", ce && "required"),
 				children: v
 			}),
 			/* @__PURE__ */ A("div", {
@@ -274,7 +274,7 @@ function P({ options: e, value: n, onChange: r, getOptionLabel: i = M, getOption
 				children: [
 					c && B.length > 0 && (w ? w(B, H) : /* @__PURE__ */ k("span", {
 						className: "tags",
-						children: B.map((e, t) => /* @__PURE__ */ k(ce, {
+						children: B.map((e, t) => /* @__PURE__ */ k(le, {
 							label: i(e),
 							color: g,
 							size: h,
@@ -305,7 +305,7 @@ function P({ options: e, value: n, onChange: r, getOptionLabel: i = M, getOption
 						size: "sm",
 						color: g
 					}),
-					le && (B.length > 0 || F) && !d && !p && /* @__PURE__ */ k("button", {
+					S && (B.length > 0 || F) && !d && !p && /* @__PURE__ */ k("button", {
 						type: "button",
 						className: "clear-btn clear-btn-base",
 						onClick: G,
@@ -544,8 +544,8 @@ function W(e) {
 function G(e, t) {
 	return t === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12;
 }
-function be({ value: e, defaultValue: t, onChange: n, format: s = "dd.MM.yyyy", locale: c, min: l, max: u, disabledDates: f, placeholder: m, disabled: g = !1, readOnly: oe = !1, name: b, id: x, variant: ce = "outlined", size: ue = "md", color: w, label: j, helperText: M, errorText: N, error: pe = !1, required: P = !1, clearable: F = !1, withTime: L = !1, validateOnBlur: R = !0, validateOnChange: V = !1, onValidationChange: ge, timeFormat: H = "24h", showSeconds: U = !1, minuteStep: be = 1, timePlaceholder: Se, inline: K = !1, showTodayButton: Ce = !0, firstDayOfWeek: we = 1, fullWidth: Te = !1, className: Ee, style: De }) {
-	let Oe = le(c), q = C(), { inputFormat: ke, separator: Ae } = D(() => B(s), [s]), [je, J] = O(!1), [Y, Me] = O(() => z(t)), [Ne, Pe] = O({ valid: !0 }), [Fe, Ie] = O(!1), X = e === void 0 ? Y : z(e), [Le, Z] = O(() => he(X, {
+function be({ value: e, defaultValue: t, onChange: n, format: s = "dd.MM.yyyy", locale: c, min: l, max: u, disabledDates: f, placeholder: m, disabled: g = !1, readOnly: oe = !1, name: b, id: x, variant: ce = "outlined", size: le = "md", color: C, label: j, helperText: M, errorText: N, error: pe = !1, required: P = !1, clearable: F = !1, withTime: L = !1, validateOnBlur: R = !0, validateOnChange: V = !1, onValidationChange: ge, timeFormat: H = "24h", showSeconds: U = !1, minuteStep: be = 1, timePlaceholder: Se, inline: K = !1, showTodayButton: Ce = !0, firstDayOfWeek: we = 1, fullWidth: Te = !1, className: Ee, style: De }) {
+	let Oe = ue(c), q = w(), { inputFormat: ke, separator: Ae } = D(() => B(s), [s]), [je, J] = O(!1), [Y, Me] = O(() => z(t)), [Ne, Pe] = O({ valid: !0 }), [Fe, Ie] = O(!1), X = e === void 0 ? Y : z(e), [Le, Z] = O(() => he(X, {
 		format: s,
 		withTime: L,
 		timeFormat: H,
@@ -905,7 +905,7 @@ function be({ value: e, defaultValue: t, onChange: n, format: s = "dd.MM.yyyy",
 		children: [_t(), vt()]
 	}), bt = L ? H === "12h" ? U ? 22 : 19 : U ? 19 : 16 : 10, xt = me(m, s, L, H, U, Se);
 	return K ? /* @__PURE__ */ A("div", {
-		className: o("date-picker", w && `color-${w}`, Te && "full-width", Ee),
+		className: o("date-picker", C && `color-${C}`, Te && "full-width", Ee),
 		style: De,
 		children: [
 			/* @__PURE__ */ k(S, {
@@ -923,8 +923,8 @@ function be({ value: e, defaultValue: t, onChange: n, format: s = "dd.MM.yyyy",
 				readOnly: oe,
 				id: x,
 				variant: ce,
-				size: ue,
-				color: w,
+				size: le,
+				color: C,
 				label: j,
 				helperText: M,
 				error: Je,
@@ -941,7 +941,7 @@ function be({ value: e, defaultValue: t, onChange: n, format: s = "dd.MM.yyyy",
 			})
 		]
 	}) : /* @__PURE__ */ A("div", {
-		className: o("date-picker", w && `color-${w}`, Te && "full-width", Ee),
+		className: o("date-picker", C && `color-${C}`, Te && "full-width", Ee),
 		style: De,
 		children: [
 			/* @__PURE__ */ k("div", {
@@ -962,8 +962,8 @@ function be({ value: e, defaultValue: t, onChange: n, format: s = "dd.MM.yyyy",
 					readOnly: oe,
 					id: x,
 					variant: ce,
-					size: ue,
-					color: w,
+					size: le,
+					color: C,
 					label: j,
 					helperText: M,
 					error: Je,
@@ -989,7 +989,7 @@ function be({ value: e, defaultValue: t, onChange: n, format: s = "dd.MM.yyyy",
 			}),
 			/* @__PURE__ */ k(se, {
 				className: "date-picker-popover",
-				style: { "--color-rgb": I(w) },
+				style: { "--color-rgb": I(C) },
 				open: je,
 				anchorRef: We,
 				onClose: () => J(!1),
@@ -1071,7 +1071,7 @@ function Ee(e, t, n) {
 	return (!t || Te(e, t) >= 0) && (!n || Te(e, n) <= 0);
 }
 function De({ value: n, defaultValue: r, onChange: i, format: a = "24h", showSeconds: s = !1, minuteStep: c = 1, min: l, max: u, placeholder: d, disabled: ee = !1, readOnly: f = !1, name: te, id: p, variant: ne = "outlined", size: m = "md", color: re, label: h, helperText: g, errorText: _, error: v = !1, required: ie = !1, clearable: y = !1, fullWidth: ae = !1, className: oe, style: b }) {
-	let [x, ce] = O(!1), [S, le] = O(r ?? ""), ue = de(null), C = n === void 0 ? S : n, w = v || !!_, E = we(C, a), fe = we(l ?? "", a), j = we(u ?? "", a), M = E ? Se(E) : null, N = E ? Ce(E.hours, E.minutes, E.seconds, s, a) : C, pe = D(() => {
+	let [x, ce] = O(!1), [le, S] = O(r ?? ""), ue = de(null), C = n === void 0 ? le : n, w = v || !!_, E = we(C, a), fe = we(l ?? "", a), j = we(u ?? "", a), M = E ? Se(E) : null, N = E ? Ce(E.hours, E.minutes, E.seconds, s, a) : C, pe = D(() => {
 		let e = [], t = a === "12h" ? 12 : 23, n = +(a === "12h");
 		for (let r = n; r <= t; r++) e.push(r);
 		return e;
@@ -1091,7 +1091,7 @@ function De({ value: n, defaultValue: r, onChange: i, format: a = "24h", showSec
 	}, fe, j), [j, fe]), L = T((e, t, r = 0) => {
 		if (!I(e, t, r)) return;
 		let o = Ce(e, t, r, s, a);
-		n === void 0 && le(o), i?.(o);
+		n === void 0 && S(o), i?.(o);
 	}, [
 		a,
 		I,
@@ -1100,12 +1100,12 @@ function De({ value: n, defaultValue: r, onChange: i, format: a = "24h", showSec
 		n
 	]), R = T((e) => {
 		let t = e.target.value;
-		n === void 0 && le(t);
+		n === void 0 && S(t);
 	}, [n]), z = T(() => {
 		let e = we(C, a);
 		if (e && Ee(e, fe, j)) {
 			let t = Ce(e.hours, e.minutes, e.seconds, s, a);
-			n === void 0 && le(t), i?.(t);
+			n === void 0 && S(t), i?.(t);
 		}
 	}, [
 		C,
@@ -1124,7 +1124,7 @@ function De({ value: n, defaultValue: r, onChange: i, format: a = "24h", showSec
 		E?.minutes,
 		E?.seconds
 	]), V = T((e) => {
-		e.stopPropagation(), n === void 0 && le(""), i?.("");
+		e.stopPropagation(), n === void 0 && S(""), i?.("");
 	}, [i, n]);
 	return /* @__PURE__ */ A("div", {
 		className: o("time picker", re && `color-${re}`, ae && "full-width", oe),
@@ -1404,14 +1404,14 @@ function Fe(e, t) {
 	});
 	return o;
 }
-function Ie({ value: e, defaultValue: n, onChange: s, format: c = "dd.MM.yyyy", locale: l, min: u, max: ee, disabledDates: f, placeholder: ne, disabled: m = !1, readOnly: re = !1, name: h, id: v, variant: ie = "outlined", size: oe = "md", color: b, label: x, helperText: ce, errorText: S, error: C = !1, required: w = !1, clearable: fe = !1, inline: j = !1, showTodayButton: M = !0, presets: N = !1, presetsSidebar: pe = !1, firstDayOfWeek: P = 1, fullWidth: F = !1, allowSameDay: L = !0, className: R, style: z }) {
-	let B = le(l), V = e ? {
+function Ie({ value: e, defaultValue: n, onChange: s, format: c = "dd.MM.yyyy", locale: l, min: u, max: ee, disabledDates: f, placeholder: ne, disabled: m = !1, readOnly: re = !1, name: h, id: v, variant: ie = "outlined", size: oe = "md", color: b, label: x, helperText: ce, errorText: le, error: S = !1, required: w = !1, clearable: fe = !1, inline: j = !1, showTodayButton: M = !0, presets: N = !1, presetsSidebar: pe = !1, firstDayOfWeek: P = 1, fullWidth: F = !1, allowSameDay: L = !0, className: R, style: z }) {
+	let B = ue(l), V = e ? {
 		start: q(e.start),
 		end: q(e.end)
 	} : null, [me, he] = O(() => ({
 		start: q(n?.start),
 		end: q(n?.end)
-	})), [ge, H] = O(null), [U, _e] = O(!1), ve = de(null), ye = V ?? me, W = ye.start, G = ye.end, be = q(u), xe = q(ee), Se = C || !!S, K = ue(), Ce = ae(B, P), we = te(B), Te = D(() => N === !0 || pe && !N ? Pe(K) : Array.isArray(N) ? N : [], [
+	})), [ge, H] = O(null), [U, _e] = O(!1), ve = de(null), ye = V ?? me, W = ye.start, G = ye.end, be = q(u), xe = q(ee), Se = S || !!le, K = C(), Ce = ae(B, P), we = te(B), Te = D(() => N === !0 || pe && !N ? Pe(K) : Array.isArray(N) ? N : [], [
 		N,
 		pe,
 		K
@@ -1665,12 +1665,12 @@ function Ie({ value: e, defaultValue: n, onChange: s, format: c = "dd.MM.yyyy",
 				placement: "bottom-start",
 				children: qe()
 			}),
-			(S || ce) && /* @__PURE__ */ k("div", {
+			(le || ce) && /* @__PURE__ */ k("div", {
 				className: "bottom-row",
-				children: S ? /* @__PURE__ */ k("span", {
+				children: le ? /* @__PURE__ */ k("span", {
 					className: "field-error",
 					role: "alert",
-					children: S
+					children: le
 				}) : /* @__PURE__ */ k("span", {
 					className: "helper-text",
 					children: ce
@@ -1682,4 +1682,4 @@ function Ie({ value: e, defaultValue: n, onChange: s, format: c = "dd.MM.yyyy",
 //#endregion
 export { j as a, P as i, De as n, be as r, Ie as t };
 
-//# sourceMappingURL=dropdowns-Vo7Oo_ii.js.map
+//# sourceMappingURL=dropdowns-BcVrUMPE.js.map