@tipp/ui 2.1.15 → 2.1.17

package/dist/chunk-KQEYJJUI.mjs

@@ -0,0 +1,29 @@
+// src/utils/scroll-to.ts
+function scrollTo(element, targetPosition, duration) {
+  const startPosition = element.scrollTop;
+  const distance = targetPosition - startPosition;
+  let startTime = null;
+  function animation(currentTime) {
+    if (startTime === null) startTime = currentTime;
+    const timeElapsed = currentTime - startTime;
+    const run = ease(timeElapsed, startPosition, distance, duration);
+    element.scrollTop = run;
+    if (timeElapsed < duration) {
+      requestAnimationFrame(animation);
+    }
+  }
+  function ease(t, b, c, d) {
+    let [t2] = [t];
+    const [b2, c2, d2] = [b, c, d];
+    t2 /= d2 / 2;
+    if (t2 < 1) return c2 / 2 * t2 * t2 + b2;
+    t2--;
+    return -c2 / 2 * (t2 * (t2 - 2) - 1) + b2;
+  }
+  requestAnimationFrame(animation);
+}
+
+export {
+  scrollTo
+};
+//# sourceMappingURL=chunk-KQEYJJUI.mjs.map

package/dist/chunk-KQEYJJUI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/scroll-to.ts"],"sourcesContent":["export function scrollTo(\n  element: HTMLDivElement,\n  targetPosition: number,\n  duration: number\n): void {\n  const startPosition = element.scrollTop;\n  const distance = targetPosition - startPosition;\n  let startTime: number | null = null;\n\n  function animation(currentTime: number): void {\n    if (startTime === null) startTime = currentTime;\n    const timeElapsed = currentTime - startTime;\n    const run = ease(timeElapsed, startPosition, distance, duration);\n    element.scrollTop = run;\n    if (timeElapsed < duration) {\n      requestAnimationFrame(animation);\n    }\n  }\n\n  function ease(t: number, b: number, c: number, d: number): number {\n    let [t2] = [t];\n    const [b2, c2, d2] = [b, c, d];\n    t2 /= d2 / 2;\n    if (t2 < 1) return (c2 / 2) * t2 * t2 + b2;\n    t2--;\n    return (-c2 / 2) * (t2 * (t2 - 2) - 1) + b2;\n  }\n\n  requestAnimationFrame(animation);\n}\n"],"mappings":";AAAO,SAAS,SACd,SACA,gBACA,UACM;AACN,QAAM,gBAAgB,QAAQ;AAC9B,QAAM,WAAW,iBAAiB;AAClC,MAAI,YAA2B;AAE/B,WAAS,UAAU,aAA2B;AAC5C,QAAI,cAAc,KAAM,aAAY;AACpC,UAAM,cAAc,cAAc;AAClC,UAAM,MAAM,KAAK,aAAa,eAAe,UAAU,QAAQ;AAC/D,YAAQ,YAAY;AACpB,QAAI,cAAc,UAAU;AAC1B,4BAAsB,SAAS;AAAA,IACjC;AAAA,EACF;AAEA,WAAS,KAAK,GAAW,GAAW,GAAW,GAAmB;AAChE,QAAI,CAAC,EAAE,IAAI,CAAC,CAAC;AACb,UAAM,CAAC,IAAI,IAAI,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC;AAC7B,UAAM,KAAK;AACX,QAAI,KAAK,EAAG,QAAQ,KAAK,IAAK,KAAK,KAAK;AACxC;AACA,WAAQ,CAAC,KAAK,KAAM,MAAM,KAAK,KAAK,KAAK;AAAA,EAC3C;AAEA,wBAAsB,SAAS;AACjC;","names":[]}

package/dist/chunk-L65PHXQO.mjs

@@ -0,0 +1,61 @@
+import {
+  Heading
+} from "./chunk-LW2LPN2L.mjs";
+import {
+  Card
+} from "./chunk-OBQFNLU7.mjs";
+import {
+  Badge
+} from "./chunk-CVFUXTPB.mjs";
+import {
+  Typo
+} from "./chunk-ZTHEF5KT.mjs";
+import {
+  p2 as p,
+  p3 as p2
+} from "./chunk-VHGFYBT7.mjs";
+
+// src/app/platform/session-review-simple-read.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SubTitleWrapper({
+  children,
+  title
+}) {
+  return /* @__PURE__ */ jsxs(p2, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ jsx(Heading, { mb: "2", variant: "heading5", weight: "regular", children: title }),
+    /* @__PURE__ */ jsx(p, { children })
+  ] });
+}
+function SessionReviewSimpleRead({
+  helpfulness,
+  review
+}) {
+  const helpfulnessMeta = useMemo(() => {
+    if (helpfulness) {
+      return {
+        text: "\uB124",
+        color: "success"
+      };
+    }
+    if (typeof helpfulness === "undefined") {
+      return {
+        text: "-",
+        color: "neutral"
+      };
+    }
+    return {
+      text: "\uC544\uB2C8\uC694",
+      color: "error"
+    };
+  }, [helpfulness]);
+  return /* @__PURE__ */ jsx(p, { children: /* @__PURE__ */ jsxs(p2, { direction: "column", gap: "5", children: [
+    /* @__PURE__ */ jsx(SubTitleWrapper, { title: "\uC774\uBC88 \uCF54\uCE6D\uC774 \uBAA9\uD45C \uB2EC\uC131\uC5D0 \uB3C4\uC6C0\uC774 \uB418\uC5C8\uB098\uC694?", children: /* @__PURE__ */ jsx(Badge, { color: helpfulnessMeta.color, children: helpfulnessMeta.text }) }),
+    /* @__PURE__ */ jsx(SubTitleWrapper, { title: "\uC138\uC158 \uD6C4\uAE30", children: /* @__PURE__ */ jsx(Card, { children: review ? /* @__PURE__ */ jsx(Typo, { as: "p", children: review }) : /* @__PURE__ */ jsx(Typo, { color: "gray", children: "\uC785\uB825\uB41C \uD6C4\uAE30\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) }) })
+  ] }) });
+}
+
+export {
+  SessionReviewSimpleRead
+};
+//# sourceMappingURL=chunk-L65PHXQO.mjs.map

package/dist/chunk-L65PHXQO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/session-review-simple-read.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport type { BadgeProps } from '../../atoms';\nimport { Badge, Box, Card, Flex, Heading, Typo } from '../../atoms';\n\nexport interface SessionReviewSimpleReadProps {\n  helpfulness?: boolean;\n  review?: string;\n}\n\nfunction SubTitleWrapper({\n  children,\n  title,\n}: {\n  children: React.ReactNode;\n  title: string;\n}): React.ReactNode {\n  return (\n    <Flex direction=\"column\" gap=\"2\">\n      <Heading mb=\"2\" variant=\"heading5\" weight=\"regular\">\n        {title}\n      </Heading>\n\n      <Box>{children}</Box>\n    </Flex>\n  );\n}\n\nexport function SessionReviewSimpleRead({\n  helpfulness,\n  review,\n}: SessionReviewSimpleReadProps): React.ReactNode {\n  const helpfulnessMeta = useMemo<{\n    text: string;\n    color: BadgeProps['color'];\n  }>(() => {\n    if (helpfulness) {\n      return {\n        text: '네',\n        color: 'success',\n      };\n    }\n    if (typeof helpfulness === 'undefined') {\n      return {\n        text: '-',\n        color: 'neutral',\n      };\n    }\n    return {\n      text: '아니요',\n      color: 'error',\n    };\n  }, [helpfulness]);\n\n  return (\n    <Box>\n      <Flex direction=\"column\" gap=\"5\">\n        <SubTitleWrapper title=\"이번 코칭이 목표 달성에 도움이 되었나요?\">\n          <Badge color={helpfulnessMeta.color}>{helpfulnessMeta.text}</Badge>\n        </SubTitleWrapper>\n        <SubTitleWrapper title=\"세션 후기\">\n          <Card>\n            {review ? (\n              <Typo as=\"p\">{review}</Typo>\n            ) : (\n              <Typo color=\"gray\">입력된 후기가 없습니다.</Typo>\n            )}\n          </Card>\n        </SubTitleWrapper>\n      </Flex>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AAiB3B,SACE,KADF;AARJ,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AACF,GAGoB;AAClB,SACE,qBAACA,IAAA,EAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,wBAAC,WAAQ,IAAG,KAAI,SAAQ,YAAW,QAAO,WACvC,iBACH;AAAA,IAEA,oBAAC,KAAK,UAAS;AAAA,KACjB;AAEJ;AAEO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AACF,GAAkD;AAChD,QAAM,kBAAkB,QAGrB,MAAM;AACP,QAAI,aAAa;AACf,aAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AACA,QAAI,OAAO,gBAAgB,aAAa;AACtC,aAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AACA,WAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,SACE,oBAAC,KACC,+BAACA,IAAA,EAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,wBAAC,mBAAgB,OAAM,gHACrB,8BAAC,SAAM,OAAO,gBAAgB,OAAQ,0BAAgB,MAAK,GAC7D;AAAA,IACA,oBAAC,mBAAgB,OAAM,6BACrB,8BAAC,QACE,mBACC,oBAAC,QAAK,IAAG,KAAK,kBAAO,IAErB,oBAAC,QAAK,OAAM,QAAO,6EAAa,GAEpC,GACF;AAAA,KACF,GACF;AAEJ;","names":["p"]}

package/dist/chunk-LCOSS4TT.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-LCOSS4TT.mjs.map

package/dist/chunk-LCOSS4TT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}