@solostylist/ui-kit 2.0.0 → 2.0.1

package/dist/s-comment-message-C6kfgRjv.js

@@ -1,191 +0,0 @@
-import { i as e } from "./utils-DaSrTYUS.js";
-import { toSxArray as t } from "./utils/sx.js";
-import { t as n } from "./createSvgIcon-B0SZlJF1.js";
-import { t as r } from "./ExpandMore-Ba5bg6s-.js";
-import { t as i } from "./Favorite-B_GsElm0.js";
-import { SSkeleton as a } from "./s-skeleton/s-skeleton.js";
-import { SAvatar as o } from "./s-avatar/s-avatar.js";
-import s, { useEffect as c, useId as l, useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Box as p, Button as m, Collapse as h, IconButton as g, Stack as _, Typography as v, styled as y, useThemeProps as b } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/ExpandLess.mjs
-var x = n(/* @__PURE__ */ d("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" }), "ExpandLess"), S = n(/* @__PURE__ */ d("path", { d: "M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3m-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05" }), "FavoriteBorder"), C = n(/* @__PURE__ */ d("path", { d: "M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11" }), "Reply"), w = y(p, {
-	name: "SCommentMessage",
-	slot: "Root"
-})({}), T = s.forwardRef(function(n, s) {
-	let y = b({
-		props: n,
-		name: "SCommentMessage"
-	}), { commentId: ee, userName: E, userAvatar: D, commentContent: te, datetime: O, likes: k = 0, isLiked: A = !1, replies: j = [], totalReplies: ne, onLike: M, onReply: N, onToggleReplies: P, showReplies: F = !0, avatarSize: I = 48, level: L = 0, maxLevel: R = 3, loading: re = !1, children: z, sx: B, ...V } = y, H = l(), U = l(), W = ee ?? H, [G, K] = u(k), [q, J] = u(A), [Y, ie] = u(!1), ae = () => {
-		q ? (K((e) => Math.max(0, e - 1)), J(!1)) : (K((e) => e + 1), J(!0)), M && M(W);
-	}, oe = () => {
-		N && N(W);
-	}, se = () => {
-		ie((e) => !e), P && P(W);
-	}, ce = e(O), X = ne ?? j.length, Z = X > 0, Q = Math.min(L, R) * 2, $ = {
-		...y,
-		commentId: W,
-		localIsLiked: q,
-		showRepliesList: Y
-	};
-	return c(() => {
-		K(k);
-	}, [k]), c(() => {
-		J(A);
-	}, [A]), re ? /* @__PURE__ */ d(w, {
-		...V,
-		ownerState: $,
-		ref: s,
-		sx: [{
-			pl: Q,
-			py: 1
-		}, ...t(B)],
-		children: /* @__PURE__ */ f(_, {
-			direction: "row",
-			spacing: 2,
-			sx: { alignItems: "flex-start" },
-			children: [/* @__PURE__ */ d(a, {
-				variant: "circular",
-				width: I,
-				height: I
-			}), /* @__PURE__ */ f(p, {
-				sx: { flex: 1 },
-				children: [
-					/* @__PURE__ */ f(_, {
-						direction: "row",
-						spacing: 2,
-						sx: {
-							alignItems: "center",
-							mb: 1
-						},
-						children: [/* @__PURE__ */ d(a, {
-							width: 120,
-							height: 20
-						}), /* @__PURE__ */ d(a, {
-							width: 80,
-							height: 16
-						})]
-					}),
-					/* @__PURE__ */ d(a, {
-						height: 16,
-						sx: { mb: .5 }
-					}),
-					/* @__PURE__ */ d(a, {
-						width: "85%",
-						height: 16,
-						sx: { mb: .5 }
-					}),
-					/* @__PURE__ */ d(a, {
-						width: "70%",
-						height: 16,
-						sx: { mb: 2 }
-					}),
-					/* @__PURE__ */ f(_, {
-						direction: "row",
-						spacing: 1,
-						sx: { alignItems: "center" },
-						children: [
-							/* @__PURE__ */ d(a, { preset: "icon-button" }),
-							/* @__PURE__ */ d(a, {
-								width: 20,
-								height: 16
-							}),
-							/* @__PURE__ */ d(a, { width: 60 }),
-							/* @__PURE__ */ d(a, { width: 80 })
-						]
-					})
-				]
-			})]
-		})
-	}) : /* @__PURE__ */ f(w, {
-		...V,
-		ownerState: $,
-		ref: s,
-		sx: [{
-			pl: Q,
-			py: 1
-		}, ...t(B)],
-		children: [/* @__PURE__ */ f(_, {
-			direction: "row",
-			spacing: 2,
-			sx: { alignItems: "flex-start" },
-			children: [/* @__PURE__ */ d(o, {
-				src: D,
-				name: E,
-				size: I
-			}), /* @__PURE__ */ f(p, {
-				sx: { flex: 1 },
-				children: [
-					/* @__PURE__ */ d(v, {
-						variant: "subtitle1",
-						children: E
-					}),
-					/* @__PURE__ */ d(v, {
-						variant: "body1",
-						children: te
-					}),
-					/* @__PURE__ */ d(v, {
-						variant: "caption",
-						children: ce
-					}),
-					/* @__PURE__ */ f(_, {
-						direction: "row",
-						spacing: 1,
-						sx: { alignItems: "center" },
-						children: [
-							/* @__PURE__ */ d(g, {
-								"aria-label": q ? "Unlike comment" : "Like comment",
-								"aria-pressed": q,
-								onClick: ae,
-								sx: { color: q ? "error.main" : "text.secondary" },
-								children: d(q ? i : S, {})
-							}),
-							G > 0 && /* @__PURE__ */ d(v, {
-								variant: "caption",
-								children: G
-							}),
-							/* @__PURE__ */ d(m, {
-								startIcon: /* @__PURE__ */ d(C, {}),
-								onClick: oe,
-								variant: "text",
-								children: "Reply"
-							}),
-							Z && F && /* @__PURE__ */ f(m, {
-								"aria-controls": U,
-								"aria-expanded": Y,
-								startIcon: d(Y ? x : r, {}),
-								onClick: se,
-								variant: "text",
-								children: [
-									X,
-									" ",
-									X === 1 ? "reply" : "replies"
-								]
-							})
-						]
-					}),
-					z && /* @__PURE__ */ d(p, { children: z })
-				]
-			})]
-		}), Z && F && /* @__PURE__ */ d(h, {
-			id: U,
-			in: Y,
-			children: /* @__PURE__ */ d(p, {
-				sx: { mt: 2 },
-				children: j.map((e, t) => /* @__PURE__ */ d(T, {
-					...e,
-					level: L + 1,
-					maxLevel: R,
-					onLike: M ?? e.onLike,
-					onReply: N ?? e.onReply,
-					onToggleReplies: P ?? e.onToggleReplies,
-					showReplies: F,
-					avatarSize: Math.max(32, I - 8)
-				}, e.commentId ?? `reply-${t}`))
-			})
-		})]
-	});
-});
-T.displayName = "SCommentMessage";
-//#endregion
-export { T as t };