@solostylist/ui-kit 2.0.0 → 2.0.1

package/dist/s-select-dwY2DYa9.js

@@ -1,204 +0,0 @@
-import { t as e } from "./createSvgIcon-B0SZlJF1.js";
-import { t } from "./mergeSlotProps-xl1-PgWL.js";
-import { t as n } from "./field-label-styles-BOyhp6gw.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Box as o, FormControl as s, FormHelperText as c, InputAdornment as l, InputLabel as ee, ListSubheader as u, MenuItem as d, Select as te, TextField as ne, styled as f, useThemeProps as re } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/Search.mjs
-var ie = e(/* @__PURE__ */ i("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" }), "Search");
-//#endregion
-//#region lib/s-select/s-select.tsx
-function p(e) {
-	return typeof e == "string" || typeof e == "number";
-}
-function m(e, t) {
-	return p(e) ? String(e) : String(e[t]);
-}
-function ae(e, t) {
-	return p(e) ? e : e[t];
-}
-function h(e) {
-	return /* @__PURE__ */ i(o, {
-		component: "span",
-		sx: { color: "text.secondary" },
-		children: e
-	});
-}
-function g(e, t, n) {
-	return e.find((e) => n(e) === t);
-}
-function oe(e, t, n, r, i, a) {
-	if (e == null || e === "") return h(r);
-	if (t) return String(e);
-	let o = g(n, e, a);
-	return o ? i(o) : "";
-}
-function se(e, t, n, r, i, a) {
-	return e.length === 0 ? h(r) : t ? e.map(String).join(", ") : e.map((e) => {
-		let t = g(n, e, a);
-		return t ? i(t) : "";
-	}).filter(Boolean).join(", ");
-}
-function ce(e, t, n, r) {
-	if (!t || !n) return e;
-	let i = n.toLowerCase();
-	return e.filter((e) => r(e).toLowerCase().includes(i));
-}
-function _(e, t) {
-	return e.reduce((e, n) => {
-		let r = String(t(n));
-		return e.set(r, (e.get(r) ?? 0) + 1), e;
-	}, /* @__PURE__ */ new Map());
-}
-function v(e, t, n, r, i) {
-	let a = i?.(e, t);
-	if (a !== void 0) return a;
-	let o = String(r(e));
-	return (n.get(o) ?? 0) > 1 ? `${o}-${t}` : o;
-}
-function y(e, t, n, r, a) {
-	let o = _(e, t);
-	return e.map((e, s) => {
-		let c = t(e), l = v(e, s, o, t, a);
-		return /* @__PURE__ */ i(d, {
-			disabled: e?.disabled ?? !1,
-			value: c,
-			children: r ? r(e) : n(e)
-		}, l);
-	});
-}
-function b(e) {
-	if (e) return {
-		autoFocus: !1,
-		slotProps: { paper: { onKeyDown: (e) => {
-			e.key !== "Escape" && e.stopPropagation();
-		} } }
-	};
-}
-function x(e, n) {
-	let r = b(e);
-	if (!r) return n;
-	if (!n) return r;
-	let { slotProps: i, slots: a, ...o } = r, { slotProps: s, slots: c, ...l } = n;
-	return {
-		...o,
-		...l,
-		slots: {
-			...a,
-			...c
-		},
-		slotProps: {
-			...i,
-			...s,
-			paper: t(s?.paper, i?.paper ?? {})
-		}
-	};
-}
-var S = f(s, {
-	name: "SSelect",
-	slot: "Root",
-	shouldForwardProp: (e) => e !== "ownerState"
-})({ ...n });
-function C(e, t) {
-	let n = re({
-		props: e,
-		name: "SSelect"
-	}), { options: s = [], getOptionKey: f, optionLabel: p = "name", optionValue: h = "id", placeholder: g, label: _ = "", error: v = !1, helperText: b, required: C = !1, simple: w = !1, searchable: T = !1, searchPlaceholder: le = "", noResultsText: E = "No results found", renderOption: D, className: O, color: k = "primary", defaultValue: ue, disabled: A = !1, displayEmpty: j = !0, fullWidth: M = !0, id: N, inputProps: P, labelId: F, margin: I = "none", MenuProps: L, onChange: R, onClose: z, onOpen: B, open: V, renderValue: H, size: U = "medium", sx: de, variant: W = "outlined", ...G } = n, [K, q] = r.useState(""), fe = r.useId(), J = N ?? fe, Y = F ?? `${J}-label`, X = b ? `${J}-helper-text` : void 0, pe = [P?.["aria-describedby"], X].filter(Boolean).join(" ") || void 0, me = G.value === void 0 ? ue ?? (G.multiple ? [] : "") : void 0, he = {
-		...n,
-		color: k,
-		disabled: A,
-		displayEmpty: j,
-		error: v,
-		fullWidth: M,
-		margin: I,
-		required: C,
-		searchable: T,
-		size: U,
-		variant: W
-	}, Z = (e) => m(e, p), Q = (e) => ae(e, h), $ = ce(s, T, K, Z), ge = (e) => {
-		z?.(e), T && q("");
-	}, _e = (e) => G.multiple ? se(Array.isArray(e) ? e : [], w, s, g, Z, Q) : oe(e, w, s, g, Z, Q), ve = () => T ? $.length > 0 ? y($, Q, Z, D, f) : K ? /* @__PURE__ */ i(d, {
-		disabled: !0,
-		children: /* @__PURE__ */ i(o, {
-			sx: {
-				color: "text.secondary",
-				textAlign: "center",
-				width: "100%"
-			},
-			children: E
-		})
-	}) : y(s, Q, Z, D, f) : y(s, Q, Z, D, f), ye = x(T, L);
-	return /* @__PURE__ */ a(S, {
-		className: O,
-		color: k,
-		disabled: A,
-		error: v,
-		fullWidth: M,
-		margin: I,
-		ownerState: he,
-		ref: t,
-		required: C,
-		size: U,
-		sx: de,
-		variant: W,
-		children: [
-			_ ? /* @__PURE__ */ i(ee, {
-				id: Y,
-				shrink: !!g || j && !!H || void 0,
-				children: _
-			}) : null,
-			/* @__PURE__ */ a(te, {
-				...G,
-				defaultValue: me,
-				id: J,
-				label: _,
-				labelId: _ ? Y : F,
-				displayEmpty: j,
-				inputProps: {
-					...P,
-					"aria-describedby": pe
-				},
-				open: V,
-				onOpen: B,
-				onClose: ge,
-				MenuProps: ye,
-				onChange: R,
-				renderValue: H ?? _e,
-				variant: W,
-				children: [T && /* @__PURE__ */ i(u, {
-					sx: {
-						px: 2,
-						py: 1,
-						position: "sticky",
-						top: 0,
-						bgcolor: "background.paper",
-						zIndex: 1
-					},
-					children: /* @__PURE__ */ i(ne, {
-						fullWidth: !0,
-						autoFocus: !0,
-						placeholder: le,
-						value: K,
-						onChange: (e) => q(e.target.value),
-						onKeyDown: (e) => {
-							e.key !== "Escape" && e.stopPropagation();
-						},
-						onClick: (e) => e.stopPropagation(),
-						slotProps: { input: { startAdornment: /* @__PURE__ */ i(l, {
-							position: "start",
-							children: /* @__PURE__ */ i(ie, {})
-						}) } }
-					})
-				}), ve()]
-			}),
-			b ? /* @__PURE__ */ i(c, {
-				id: X,
-				children: b
-			}) : null
-		]
-	});
-}
-var w = r.forwardRef(C);
-w.displayName = "SSelect";
-//#endregion
-export { w as t };