@solostylist/ui-kit 1.0.230 → 2.0.1

package/dist/s-review-CvTVBxTZ.js

@@ -1,223 +0,0 @@
-import { i as e } from "./utils-B5Rl6Zwv.js";
-import { t } from "./createSvgIcon-HW-tbFcL.js";
-import { t as n } from "./s-image-modal-D-Jh-5b3.js";
-import r from "./s-lazy-image/s-lazy-image.js";
-import { SSkeleton as i } from "./s-skeleton/s-skeleton.js";
-import { SAvatar as a } from "./s-avatar/s-avatar.js";
-import { SRating as o } from "./s-rating/s-rating.js";
-import { useEffect as s, useId as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Box as f, Divider as p, IconButton as m, Stack as h, Typography as g } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/ThumbDown.mjs
-var _ = t(/* @__PURE__ */ u("path", { d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2m4 0v12h4V3z" }), "ThumbDown"), v = t(/* @__PURE__ */ u("path", { d: "M1 21h4V9H1zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73z" }), "ThumbUp"), y = ({ id: t, userName: y, userAvatar: b, rating: x, reviewContent: S, datetime: C, images: w, userHelpfulVote: T = null, helpfulYes: E = 0, helpfulNo: D = 0, onHelpfulVote: O, showHelpfulSection: k = !0, avatarSize: A = 48, maxRating: j = 5, readOnly: M = !0, showDivider: N = !0, loading: P = !1, sx: F = {} }) => {
-	let I = c(), L = t ?? I, [R, z] = l(E), [B, V] = l(D), [H, U] = l(T), [W, G] = l(!1), [K, q] = l(null), J = (e) => {
-		let t = null;
-		H === e ? (e === "yes" ? z((e) => Math.max(0, e - 1)) : V((e) => Math.max(0, e - 1)), U(null)) : (H === "yes" ? z((e) => Math.max(0, e - 1)) : H === "no" && V((e) => Math.max(0, e - 1)), e === "yes" ? z((e) => e + 1) : V((e) => e + 1), U(e), t = e), O && O(L, t);
-	}, Y = w?.map((e, t) => ({
-		id: `review-${L}-image-${t}`,
-		type: "image",
-		url: e,
-		title: `Review image ${t + 1}`,
-		desc: `Image ${t + 1} from ${y}'s review`
-	})) ?? [], X = (e) => {
-		let t = Y[e];
-		t && (q(t), G(!0));
-	}, Z = () => {
-		G(!1), q(null);
-	}, Q = (e) => {
-		q(e);
-	}, $ = e(C);
-	return s(() => {
-		U(T);
-	}, [T]), P ? /* @__PURE__ */ d(f, {
-		sx: {
-			py: 2,
-			...F
-		},
-		children: [/* @__PURE__ */ d(h, {
-			direction: "row",
-			spacing: 2,
-			sx: { alignItems: "flex-start" },
-			children: [/* @__PURE__ */ u(i, {
-				variant: "circular",
-				width: A,
-				height: A
-			}), /* @__PURE__ */ d(f, {
-				sx: { flex: 1 },
-				children: [
-					/* @__PURE__ */ d(h, {
-						direction: "row",
-						spacing: 2,
-						sx: {
-							alignItems: "center",
-							mb: 1
-						},
-						children: [/* @__PURE__ */ u(i, {
-							width: 120,
-							height: 20
-						}), /* @__PURE__ */ u(i, {
-							width: 80,
-							height: 16
-						})]
-					}),
-					/* @__PURE__ */ u(f, {
-						sx: { mb: 1 },
-						children: /* @__PURE__ */ u(i, {
-							width: 100,
-							height: 20
-						})
-					}),
-					/* @__PURE__ */ u(i, {
-						height: 16,
-						sx: { mb: .5 }
-					}),
-					/* @__PURE__ */ d(h, {
-						direction: "row",
-						spacing: 1,
-						sx: {
-							display: "inline-flex",
-							alignItems: "center"
-						},
-						children: [
-							/* @__PURE__ */ u(i, {
-								width: 140,
-								height: 16,
-								sx: { mr: 2 }
-							}),
-							/* @__PURE__ */ u(i, { preset: "icon-button" }),
-							/* @__PURE__ */ u(i, {
-								width: 20,
-								height: 16
-							}),
-							/* @__PURE__ */ u(i, { preset: "icon-button" }),
-							/* @__PURE__ */ u(i, {
-								width: 20,
-								height: 16
-							})
-						]
-					})
-				]
-			})]
-		}), N && /* @__PURE__ */ u(p, { sx: { mt: 2 } })]
-	}) : /* @__PURE__ */ d(f, {
-		sx: {
-			py: 2,
-			...F
-		},
-		children: [
-			/* @__PURE__ */ d(h, {
-				direction: "row",
-				spacing: 2,
-				sx: { alignItems: "flex-start" },
-				children: [/* @__PURE__ */ u(a, {
-					avatar: b,
-					name: y,
-					size: A
-				}), /* @__PURE__ */ d(f, {
-					sx: { flex: 1 },
-					children: [
-						/* @__PURE__ */ u(g, {
-							variant: "subtitle1",
-							children: y
-						}),
-						/* @__PURE__ */ u(f, { children: /* @__PURE__ */ u(o, {
-							value: x,
-							max: j,
-							readOnly: M
-						}) }),
-						/* @__PURE__ */ u(g, {
-							variant: "body1",
-							sx: { lineHeight: 1.6 },
-							children: S
-						}),
-						/* @__PURE__ */ u(f, { children: /* @__PURE__ */ u(g, {
-							variant: "caption",
-							sx: { mb: 2 },
-							children: $
-						}) }),
-						w && w.length > 0 && /* @__PURE__ */ u(h, {
-							direction: "row",
-							spacing: 1,
-							sx: {
-								mb: 2,
-								flexWrap: "wrap",
-								gap: 1
-							},
-							children: w.map((e, t) => /* @__PURE__ */ u(r, {
-								src: e,
-								alt: `Review image ${t + 1}`,
-								width: 80,
-								height: 80,
-								style: {
-									objectFit: "cover",
-									cursor: "pointer"
-								},
-								onClick: () => X(t),
-								onMouseEnter: (e) => {
-									e.currentTarget.style.opacity = "0.8";
-								},
-								onMouseLeave: (e) => {
-									e.currentTarget.style.opacity = "1";
-								}
-							}, e))
-						}),
-						k && /* @__PURE__ */ d(h, {
-							direction: "row",
-							spacing: 1,
-							sx: {
-								display: "inline-flex",
-								alignItems: "center"
-							},
-							children: [
-								/* @__PURE__ */ u(g, {
-									variant: "body2",
-									sx: { mr: 2 },
-									children: "Was this review helpful?"
-								}),
-								/* @__PURE__ */ u(m, {
-									onClick: () => J("yes"),
-									sx: {
-										color: H === "yes" ? "primary.main" : "text.secondary",
-										"&:hover": { backgroundColor: "action.hover" }
-									},
-									children: /* @__PURE__ */ u(v, { fontSize: "small" })
-								}),
-								/* @__PURE__ */ u(g, {
-									variant: "caption",
-									children: R
-								}),
-								/* @__PURE__ */ u(m, {
-									onClick: () => J("no"),
-									sx: {
-										color: H === "no" ? "error.main" : "text.secondary",
-										ml: 1,
-										"&:hover": { backgroundColor: "action.hover" }
-									},
-									children: /* @__PURE__ */ u(_, { fontSize: "small" })
-								}),
-								/* @__PURE__ */ u(g, {
-									variant: "caption",
-									children: B
-								})
-							]
-						})
-					]
-				})]
-			}),
-			N && /* @__PURE__ */ u(p, { sx: { mt: 2 } }),
-			/* @__PURE__ */ u(n, {
-				isOpen: W,
-				onClose: Z,
-				selectedItem: K,
-				onItemChange: Q,
-				mediaItems: Y,
-				showNavigation: Y.length > 1,
-				showThumbnailDock: Y.length > 1,
-				showCounter: Y.length > 1
-			})
-		]
-	});
-};
-y.displayName = "SReview";
-//#endregion
-export { y as t };

package/dist/s-select-HMWY7frm.js

@@ -1,149 +0,0 @@
-import { t as e } from "./createSvgIcon-HW-tbFcL.js";
-import { SForm as t } from "./s-form/s-form.js";
-import { forwardRef as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Box as o, InputAdornment as s, ListSubheader as c, MenuItem as l, Select as u, TextField as d } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/Search.mjs
-var f = 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 h(e, t) {
-	return p(e) ? e : e[t];
-}
-function g(e) {
-	return /* @__PURE__ */ i(o, {
-		component: "span",
-		sx: { color: "text.secondary" },
-		children: e
-	});
-}
-function _(e, t, n) {
-	let r = n(t);
-	return e.find((e) => n(e) === r);
-}
-function v(e, t, n, r, i, a) {
-	if (e == null || e === "") return g(r);
-	if (t) return i(e);
-	let o = _(n, e, a);
-	return o ? i(o) : "";
-}
-function y(e, t, n, r, i) {
-	return e.length === 0 ? g(n) : e.map((e) => {
-		let n = _(t, e, i);
-		return n ? r(n) : "";
-	}).filter(Boolean).join(", ");
-}
-function b(e, t, n, r) {
-	if (!t || !n) return e;
-	let i = n.toLowerCase();
-	return e.filter((e) => r(e).toLowerCase().includes(i));
-}
-function x(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 S(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 C(e, t, n, r, a) {
-	let o = x(e, t);
-	return e.map((e, s) => {
-		let c = t(e), u = S(e, s, o, t, a);
-		return /* @__PURE__ */ i(l, {
-			disabled: e?.disabled ?? !1,
-			value: c,
-			children: r ? r(e) : n(e)
-		}, u);
-	});
-}
-function w(e) {
-	if (e) return {
-		autoFocus: !1,
-		slotProps: { paper: { onKeyDown: (e) => {
-			e.stopPropagation();
-		} } }
-	};
-}
-var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionValue: g = "id", placeholder: _, label: x = "", error: S, required: T = !1, simple: E = !1, htmlFor: D, searchable: O = !1, searchPlaceholder: k = "", noResultsText: A = "No results found", renderOption: j, ...M }, N) => {
-	let P = M.value !== void 0, [F, I] = r(M.multiple ? [] : null), L = P ? M.value : F, [R, z] = r(""), [B, V] = r(!1), H = (e) => m(e, p), U = (e) => h(e, g), W = b(e, O, R, H), G = () => {
-		O && (V(!1), z(""));
-	}, K = (t) => M.multiple ? y(t, e, _, H, U) : v(t, E, e, _, H, U), q = () => O ? W.length > 0 ? C(W, U, H, j, n) : R ? /* @__PURE__ */ i(l, {
-		disabled: !0,
-		children: /* @__PURE__ */ i(o, {
-			sx: {
-				color: "text.secondary",
-				textAlign: "center",
-				width: "100%"
-			},
-			children: A
-		})
-	}) : C(e, U, H, j, n) : C(e, U, H, j, n), J = w(O);
-	return /* @__PURE__ */ i(t, {
-		error: S,
-		label: x,
-		required: T,
-		htmlFor: D,
-		children: /* @__PURE__ */ a(u, {
-			id: D,
-			displayEmpty: !0,
-			fullWidth: !0,
-			defaultValue: "",
-			ref: N,
-			open: O ? B : void 0,
-			onOpen: O ? () => V(!0) : void 0,
-			onClose: O ? G : void 0,
-			MenuProps: J,
-			renderValue: K,
-			...M,
-			value: e.length ? L ?? "" : "",
-			onChange: (e, t) => {
-				if (M.onChange) M.onChange(e, t);
-				else if (!P) {
-					let t = e.target.value;
-					I(t);
-				}
-			},
-			children: [O && /* @__PURE__ */ i(c, {
-				sx: {
-					px: 2,
-					py: 1,
-					position: "sticky",
-					top: 0,
-					bgcolor: "background.paper",
-					zIndex: 1
-				},
-				children: /* @__PURE__ */ i(d, {
-					fullWidth: !0,
-					autoFocus: !0,
-					placeholder: k,
-					value: R,
-					onChange: (e) => z(e.target.value),
-					onKeyDown: (e) => {
-						e.key !== "Escape" && e.stopPropagation();
-					},
-					onClick: (e) => {
-						e.stopPropagation();
-					},
-					slotProps: { input: { startAdornment: /* @__PURE__ */ i(s, {
-						position: "start",
-						children: /* @__PURE__ */ i(f, {})
-					}) } }
-				})
-			}), q()]
-		})
-	});
-});
-T.displayName = "SSelect";
-//#endregion
-export { T as t };