@dotss/tictoccroc 0.4.1 → 0.5.0

package/dist/shared/components/ChatKit/InputBar/InputBar.mjs

@@ -1,131 +1,106 @@
-import { jsx as n, jsxs as C } from "react/jsx-runtime";
-import { useState as S, useRef as h, useImperativeHandle as y, useEffect as k } from "react";
-import { Flexbox as l, IconButton as I } from "@dotss/ui";
-import $ from "@dotss/ui/core/useTheme";
-const e = 24;
-function E({ wrapperProps: i, inlineCSS: g, onSend: a, value: t, ref: u, ...c }) {
-  const {
-    palette: { background: b, grey: s },
-    spacing: o
-  } = $(), [m, x] = S(e), r = h(null), d = h(null);
-  y(u, () => d.current);
-  const f = () => {
-    !t || c.disabled || a == null || a();
-  };
-  return k(() => {
-    if (r.current) {
-      r.current.style.height = `${e}px`;
-      const p = r.current.scrollHeight, H = e * 3;
-      x(Math.min(p, H));
-    }
-  }, [t]), /* @__PURE__ */ n(
-    l,
-    {
-      pt: 2,
-      pb: 2,
-      pl: 4,
-      pr: 4,
-      gap: 1,
-      alignItems: "center",
-      ...i,
-      inlineCSS: {
-        borderTop: `1px solid ${s[10]}`,
-        backgroundColor: s.white,
-        ...i == null ? void 0 : i.inlineCSS
-      },
-      children: /* @__PURE__ */ C(
-        l,
-        {
-          alignItems: "center",
-          pt: 2,
-          pb: 2,
-          pl: 4,
-          flexGrow: 1,
-          inlineCSS: {
-            position: "relative",
-            maxWidth: "100%",
-            paddingRight: o.content(12),
-            border: `1px solid ${s[10]}`,
-            borderRadius: 20,
-            backgroundColor: b.primary
-          },
-          children: [
-            /* @__PURE__ */ n(
-              l,
-              {
-                ref: r,
-                tag: "textarea",
-                value: t,
-                maxLength: c.maxLength,
-                readOnly: !0,
-                "aria-hidden": !0,
-                inlineCSS: {
-                  width: `calc(100% - ${o.content(16)}px)`,
-                  minHeight: e,
-                  maxHeight: e,
-                  lineHeight: `${e}px`,
-                  border: "none",
-                  outline: "none",
-                  position: "absolute",
-                  top: o.content(2),
-                  left: o.content(4),
-                  visibility: "hidden"
-                }
-              }
-            ),
-            /* @__PURE__ */ n(
-              l,
-              {
-                ref: d,
-                tag: "textarea",
-                flexGrow: 1,
-                value: t,
-                "aria-label": "메시지 입력",
-                ...c,
-                inlineCSS: {
-                  height: m,
-                  lineHeight: `${e}px`,
-                  border: "none",
-                  outline: "none",
-                  backgroundColor: "transparent",
-                  resize: "none",
-                  scrollbarWidth: "none",
-                  "&::-webkit-scrollbar": {
-                    display: "none"
-                  },
-                  ...g
-                }
-              }
-            ),
-            /* @__PURE__ */ n(
-              "div",
-              {
-                onClick: f,
-                style: {
-                  position: "absolute",
-                  right: 0,
-                  bottom: 0
-                },
-                children: /* @__PURE__ */ n(
-                  I,
-                  {
-                    name: "ArrowUpwardLine",
-                    variant: "filled",
-                    disabled: !t,
-                    "aria-label": "전송",
-                    inlineCSS: {
-                      pointerEvents: "none"
-                    }
-                  }
-                )
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
+import { useEffect as e, useImperativeHandle as t, useRef as n, useState as r } from "react";
+import { Flexbox as i, IconButton as a } from "@dotss/ui";
+import o from "@dotss/ui/core/useTheme";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region shared/components/ChatKit/InputBar/InputBar.tsx
+var l = 24;
+function u({ wrapperProps: u, inlineCSS: d, onSend: f, value: p, ref: m, ...h }) {
+	let { palette: { background: g, grey: _ }, spacing: v } = o(), [y, b] = r(l), x = n(null), S = n(null);
+	t(m, () => S.current);
+	let C = () => {
+		!p || h.disabled || f?.();
+	};
+	return e(() => {
+		if (x.current) {
+			x.current.style.height = `${l}px`;
+			let e = x.current.scrollHeight;
+			b(Math.min(e, l * 3));
+		}
+	}, [p]), /* @__PURE__ */ s(i, {
+		pt: 2,
+		pb: 2,
+		pl: 4,
+		pr: 4,
+		gap: 1,
+		alignItems: "center",
+		...u,
+		inlineCSS: {
+			borderTop: `1px solid ${_[10]}`,
+			backgroundColor: _.white,
+			...u?.inlineCSS
+		},
+		children: /* @__PURE__ */ c(i, {
+			alignItems: "center",
+			pt: 2,
+			pb: 2,
+			pl: 4,
+			flexGrow: 1,
+			inlineCSS: {
+				position: "relative",
+				maxWidth: "100%",
+				paddingRight: v.content(12),
+				border: `1px solid ${_[10]}`,
+				borderRadius: 20,
+				backgroundColor: g.primary
+			},
+			children: [
+				/* @__PURE__ */ s(i, {
+					ref: x,
+					tag: "textarea",
+					value: p,
+					maxLength: h.maxLength,
+					readOnly: !0,
+					"aria-hidden": !0,
+					inlineCSS: {
+						width: `calc(100% - ${v.content(16)}px)`,
+						minHeight: l,
+						maxHeight: l,
+						lineHeight: `${l}px`,
+						border: "none",
+						outline: "none",
+						position: "absolute",
+						top: v.content(2),
+						left: v.content(4),
+						visibility: "hidden"
+					}
+				}),
+				/* @__PURE__ */ s(i, {
+					ref: S,
+					tag: "textarea",
+					flexGrow: 1,
+					value: p,
+					"aria-label": "메시지 입력",
+					...h,
+					inlineCSS: {
+						height: y,
+						lineHeight: `${l}px`,
+						border: "none",
+						outline: "none",
+						backgroundColor: "transparent",
+						resize: "none",
+						scrollbarWidth: "none",
+						"&::-webkit-scrollbar": { display: "none" },
+						...d
+					}
+				}),
+				/* @__PURE__ */ s("div", {
+					onClick: C,
+					style: {
+						position: "absolute",
+						right: 0,
+						bottom: 0
+					},
+					children: /* @__PURE__ */ s(a, {
+						name: "ArrowUpwardLine",
+						variant: "filled",
+						disabled: !p,
+						"aria-label": "전송",
+						inlineCSS: { pointerEvents: "none" }
+					})
+				})
+			]
+		})
+	});
 }
-export {
-  E as default
-};
+//#endregion
+export { u as default };

package/dist/shared/components/ChatKit/InputBar/index.mjs

@@ -1,6 +1,6 @@
-import r from "./InputBar.mjs";
-import { default as p } from "./InputBar.fallback.mjs";
-export {
-  p as InputBarFallback,
-  r as default
-};
+import e from "./InputBar.mjs";
+import t from "./InputBar.fallback.mjs";
+//#region shared/components/ChatKit/InputBar/index.ts
+var n = e;
+//#endregion
+export { t as InputBarFallback, n as default };

package/dist/shared/components/ChatKit/Message/Message.fallback.mjs

@@ -1,67 +1,51 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { Flexbox as n, Skeleton as l } from "@dotss/ui";
-import f from "@dotss/ui/core/useTheme";
-function x({
-  mine: i = !1,
-  showAvatar: t = !1,
-  showTime: o = !1,
-  width: a = 200,
-  inlineCSS: s,
-  ...d
-}) {
-  const { spacing: h } = f();
-  return /* @__PURE__ */ r(
-    n,
-    {
-      alignItems: "flex-end",
-      flexDirection: i ? "row-reverse" : "row",
-      pl: 4,
-      pr: 4,
-      gap: 1,
-      ...d,
-      inlineCSS: {
-        overflowAnchor: "none",
-        ...s
-      },
-      children: [
-        /* @__PURE__ */ r(n, { alignItems: "flex-start", gap: 2.5, children: [
-          !i && t && /* @__PURE__ */ e(l, { width: 32, height: 32, borderRadius: 200 }),
-          /* @__PURE__ */ e(
-            l,
-            {
-              width: a,
-              height: 38,
-              borderRadius: 12,
-              inlineCSS: {
-                marginLeft: !i && t ? h.content(10.5) : void 0
-              }
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(
-          n,
-          {
-            flexDirection: "column",
-            inlineCSS: {
-              whiteSpace: "nowrap"
-            },
-            children: /* @__PURE__ */ r(n, { flexDirection: "column", alignItems: i ? "flex-end" : "flex-start", gap: 1, children: [
-              /* @__PURE__ */ e(l, { width: 4.49, height: 12 }),
-              /* @__PURE__ */ e(
-                l,
-                {
-                  width: 38,
-                  height: 12,
-                  inlineCSS: { display: o ? "visible" : "hidden" }
-                }
-              )
-            ] })
-          }
-        )
-      ]
-    }
-  );
+import { Flexbox as e, Skeleton as t } from "@dotss/ui";
+import n from "@dotss/ui/core/useTheme";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region shared/components/ChatKit/Message/Message.fallback.tsx
+function a({ mine: a = !1, showAvatar: o = !1, showTime: s = !1, width: c = 200, inlineCSS: l, ...u }) {
+	let { spacing: d } = n();
+	return /* @__PURE__ */ i(e, {
+		alignItems: "flex-end",
+		flexDirection: a ? "row-reverse" : "row",
+		pl: 4,
+		pr: 4,
+		gap: 1,
+		...u,
+		inlineCSS: {
+			overflowAnchor: "none",
+			...l
+		},
+		children: [/* @__PURE__ */ i(e, {
+			alignItems: "flex-start",
+			gap: 2.5,
+			children: [!a && o && /* @__PURE__ */ r(t, {
+				width: 32,
+				height: 32,
+				borderRadius: 200
+			}), /* @__PURE__ */ r(t, {
+				width: c,
+				height: 38,
+				borderRadius: 12,
+				inlineCSS: { marginLeft: !a && o ? d.content(10.5) : void 0 }
+			})]
+		}), /* @__PURE__ */ r(e, {
+			flexDirection: "column",
+			inlineCSS: { whiteSpace: "nowrap" },
+			children: /* @__PURE__ */ i(e, {
+				flexDirection: "column",
+				alignItems: a ? "flex-end" : "flex-start",
+				gap: 1,
+				children: [/* @__PURE__ */ r(t, {
+					width: 4.49,
+					height: 12
+				}), /* @__PURE__ */ r(t, {
+					width: 38,
+					height: 12,
+					inlineCSS: { display: s ? "visible" : "hidden" }
+				})]
+			})
+		})]
+	});
 }
-export {
-  x as default
-};
+//#endregion
+export { a as default };