@dotss/tictoccroc 0.11.1 → 0.12.0

package/dist/teacher/profile/components/KokTeacherCard/KokTeacherCard.mjs

@@ -0,0 +1,202 @@
+import e from "../../../../shared/utils/getImageUrl/index.mjs";
+import t from "../../../../shared/components/Image/index.mjs";
+import n from "@dotss/ui/core/useTheme";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "@dotss/ui/Box";
+import s from "@dotss/ui/Button";
+import c from "@dotss/ui/Card";
+import l from "@dotss/ui/Checkbox";
+import u from "@dotss/ui/Flexbox";
+import d from "@dotss/ui/Icon";
+import f from "@dotss/ui/Typography";
+//#region teacher/profile/components/KokTeacherCard/KokTeacherCard.tsx
+function p({ idx: p, name: m, adornmentUrl: h, picture: g, introduction: _, selected: v, checkboxSelected: y, disabled: b, onClick: x, onClickMore: S, badgeLabel: C, pictureLabel: w, infoLabel: T, chargeLabel: E, note: D, ...O }) {
+	let { spacing: k, palette: A, typography: j } = n(), M = (e) => {
+		e.stopPropagation(), x?.(p, e);
+	}, N = (e) => {
+		e.stopPropagation(), S?.(p, e);
+	};
+	return /* @__PURE__ */ a(c, {
+		role: "checkbox",
+		variant: "outlined",
+		active: v,
+		disabled: b,
+		onClick: M,
+		"aria-disabled": b,
+		inlineCSS: {
+			gap: "unset",
+			borderWidth: v ? 2 : 1,
+			padding: v ? k.content(4) - 2 : k.content(4) - 1,
+			"&[disabled]": {
+				pointerEvents: "auto",
+				cursor: "auto"
+			}
+		},
+		...O,
+		children: [
+			/* @__PURE__ */ a(u, {
+				justifyContent: "space-between",
+				gap: 3,
+				children: [/* @__PURE__ */ a(u, {
+					flexDirection: "column",
+					gap: 2,
+					alignItems: "center",
+					children: [/* @__PURE__ */ a(u, {
+						inlineCSS: {
+							position: "relative",
+							width: 74,
+							height: 74,
+							border: "1px solid rgba(0, 0, 0, 0.05)",
+							borderRadius: "50%",
+							opacity: b ? .5 : 1
+						},
+						children: [/* @__PURE__ */ i(t, {
+							src: e({
+								src: g,
+								width: 74,
+								height: 74
+							}),
+							alt: `${m} 선생님 프로필 사진`,
+							width: 74,
+							height: 74,
+							style: {
+								display: "flex",
+								flexShrink: 0,
+								objectFit: "cover",
+								objectPosition: "center",
+								borderRadius: "50%",
+								overflow: "hidden"
+							},
+							wrapperProps: { inlineCSS: {
+								borderRadius: "50%",
+								overflow: "hidden"
+							} }
+						}), h && /* @__PURE__ */ i(t, {
+							src: h,
+							alt: "프로필 장식",
+							width: 24,
+							height: 24,
+							wrapperProps: { inlineCSS: {
+								position: "absolute",
+								right: 0,
+								bottom: 0
+							} }
+						})]
+					}), w && /* @__PURE__ */ i(r, { children: w })]
+				}), /* @__PURE__ */ a(u, {
+					flexDirection: "column",
+					gap: 2,
+					children: [
+						/* @__PURE__ */ a(u, {
+							gap: 2,
+							inlineCSS: { minWidth: 0 },
+							children: [/* @__PURE__ */ a(u, {
+								flexGrow: 1,
+								gap: 2,
+								children: [C && /* @__PURE__ */ i(u, {
+									alignItems: "center",
+									gap: 2,
+									inlineCSS: {
+										opacity: b ? .5 : 1,
+										flexShrink: 0
+									},
+									children: C
+								}), /* @__PURE__ */ i(f, {
+									variant: "h4B",
+									noWrap: !0,
+									color: b ? "grey.50" : void 0,
+									children: m
+								})]
+							}), /* @__PURE__ */ i(l, {
+								checked: v || y,
+								disabled: b,
+								readOnly: !0
+							})]
+						}),
+						/* @__PURE__ */ i(f, {
+							variant: "b4M",
+							lineClamp: 2,
+							inlineCSS: {
+								overflow: "hidden",
+								textOverflow: "ellipsis",
+								display: "-webkit-box",
+								wordWrap: "break-word"
+							},
+							color: b ? "grey.50" : void 0,
+							children: _
+						}),
+						T && /* @__PURE__ */ i(u, {
+							flexDirection: "column",
+							gap: 1,
+							flexWrap: "wrap",
+							inlineCSS: {
+								opacity: b ? .5 : 1,
+								"& strong": {
+									fontWeight: j.h5B.weight,
+									color: A.brand.primary.text
+								},
+								"& small": { color: A.grey[50] }
+							},
+							children: T
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ i(o, {
+				tag: "hr",
+				mt: 2,
+				mb: 2,
+				inlineCSS: {
+					border: "unset",
+					height: 1,
+					background: A.grey[20]
+				}
+			}),
+			/* @__PURE__ */ a(u, {
+				alignItems: "center",
+				gap: 1,
+				justifyContent: "space-between",
+				children: [/* @__PURE__ */ i(u, {
+					gap: 1,
+					children: E && /* @__PURE__ */ i(f, {
+						tag: "p",
+						variant: "h5B",
+						inlineCSS: {
+							display: "flex",
+							gap: k.content(1),
+							alignItems: "center",
+							flexGrow: 1,
+							"& *": { color: b ? A.grey[50] : void 0 }
+						},
+						color: b ? "grey.50" : void 0,
+						children: E
+					})
+				}), /* @__PURE__ */ i(s, {
+					size: "xSmall",
+					variant: "text",
+					endAdornment: /* @__PURE__ */ i(d, {
+						name: "ChevronRightLine",
+						size: "xSmall",
+						color: "grey.70"
+					}),
+					onClick: N,
+					disabled: b,
+					inlineCSS: {
+						flexShrink: 0,
+						color: b ? A.grey[50] : A.grey[70],
+						"&:not([aria-disabled=\"true\"]):hover, &:not([aria-disabled=\"true\"]):active": { background: v ? A.brand.primary.disableLine : A.grey[20] }
+					},
+					children: "프로필 보기"
+				})]
+			}),
+			D && /* @__PURE__ */ i(u, {
+				flexDirection: "column",
+				mt: 1,
+				inlineCSS: { opacity: b ? .5 : 1 },
+				children: D
+			})
+		]
+	});
+}
+//#endregion
+export { p as default };

package/dist/teacher/profile/components/KokTeacherCard/KokTeacherCard.utils.d.ts

@@ -0,0 +1,15 @@
+import { Dayjs } from 'dayjs';
+export declare function getBadgeLabel(hasMet: boolean): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare function getPictureLabel(lastActiveDate: Dayjs): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function getCareActivityLabel({ numChildren, totalHours }: {
+    numChildren: number;
+    totalHours: number;
+}): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function getStrengthLabel({ careers, certificates, educations, categories }: {
+    certificates: string[];
+    careers: string[];
+    educations: string[];
+    categories: string[];
+}): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare function getChargeLabel(charge: number): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function getNote(note: string): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/teacher/profile/components/KokTeacherCard/KokTeacherCard.utils.mjs

@@ -0,0 +1,175 @@
+import { getLastActiveText as e } from "../ProfileSummary/ProfileSummary.utils.mjs";
+import { Flexbox as t, Icon as n, Label as r, Typography as i } from "@dotss/ui";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region teacher/profile/components/KokTeacherCard/KokTeacherCard.utils.tsx
+function c(e) {
+	return e ? /* @__PURE__ */ o(r, {
+		variant: "ghost",
+		size: "small",
+		children: "만났던"
+	}) : null;
+}
+function l(t) {
+	return /* @__PURE__ */ o(i, {
+		tag: "p",
+		variant: "c3M",
+		color: "grey.50",
+		children: e(t)
+	});
+}
+function u({ numChildren: e, totalHours: r }) {
+	return e === 0 || r === 0 ? /* @__PURE__ */ s(t, {
+		gap: 1,
+		alignItems: "flex-start",
+		children: [/* @__PURE__ */ o(n, {
+			name: "KidsLine",
+			size: "xSmall",
+			color: "grey.70",
+			inlineCSS: { transform: "translateY(0.5px)" }
+		}), /* @__PURE__ */ s(i, {
+			tag: "p",
+			variant: "b5R",
+			color: "grey.70",
+			children: [
+				"째깍악어에 ",
+				/* @__PURE__ */ o("strong", { children: "새로 오신 선생님" }),
+				"이에요"
+			]
+		})]
+	}) : /* @__PURE__ */ s(t, {
+		gap: 1,
+		alignItems: "flex-start",
+		children: [/* @__PURE__ */ o(n, {
+			name: "TimeLine",
+			size: "xSmall",
+			color: "grey.70",
+			inlineCSS: { transform: "translateY(0.5px)" }
+		}), /* @__PURE__ */ s(i, {
+			tag: "p",
+			variant: "b5R",
+			color: "grey.70",
+			children: [
+				/* @__PURE__ */ o("strong", { children: e }),
+				"명의 아이와 ",
+				/* @__PURE__ */ o("strong", { children: r }),
+				"시간을 함께했어요"
+			]
+		})]
+	});
+}
+function d({ careers: e = [], certificates: r = [], educations: a = [], categories: c = [] }) {
+	let l = r.length + e.length + a.length;
+	return e?.length > 0 ? /* @__PURE__ */ s(t, {
+		gap: 1,
+		alignItems: "flex-start",
+		children: [/* @__PURE__ */ o(n, {
+			name: "SpecialLine",
+			size: "xSmall",
+			color: "grey.70",
+			inlineCSS: {
+				flexShrink: 0,
+				transform: "translateY(0.5px)"
+			}
+		}), /* @__PURE__ */ s(i, {
+			tag: "p",
+			variant: "b5R",
+			color: "grey.70",
+			children: [e?.[0], l > 1 && /* @__PURE__ */ s("small", { children: [
+				" 외 ",
+				l - 1,
+				"개"
+			] })]
+		})]
+	}) : r?.length > 0 ? /* @__PURE__ */ s(t, {
+		gap: 1,
+		alignItems: "flex-start",
+		children: [/* @__PURE__ */ o(n, {
+			name: "CertificateLine",
+			size: "xSmall",
+			color: "grey.70",
+			inlineCSS: {
+				flexShrink: 0,
+				transform: "translateY(0.5px)"
+			}
+		}), /* @__PURE__ */ s(i, {
+			tag: "p",
+			variant: "b5R",
+			color: "grey.70",
+			children: [r?.[0], l > 1 && /* @__PURE__ */ s("small", { children: [
+				" 외 ",
+				l - 1,
+				"개"
+			] })]
+		})]
+	}) : a?.length > 0 ? /* @__PURE__ */ s(t, {
+		gap: 1,
+		alignItems: "flex-start",
+		children: [/* @__PURE__ */ o(n, {
+			name: "UniversityLine",
+			size: "xSmall",
+			color: "grey.70",
+			inlineCSS: {
+				flexShrink: 0,
+				transform: "translateY(0.5px)"
+			}
+		}), /* @__PURE__ */ s(i, {
+			tag: "p",
+			variant: "b5R",
+			color: "grey.70",
+			children: [a?.[0], l > 1 && /* @__PURE__ */ s("small", { children: [
+				" 외 ",
+				l - 1,
+				"개"
+			] })]
+		})]
+	}) : c?.length > 0 ? /* @__PURE__ */ s(t, {
+		gap: 1,
+		alignItems: "flex-start",
+		children: [/* @__PURE__ */ o(n, {
+			name: "ToyLine",
+			size: "xSmall",
+			color: "grey.70",
+			inlineCSS: {
+				flexShrink: 0,
+				transform: "translateY(0.5px)"
+			}
+		}), /* @__PURE__ */ s(i, {
+			tag: "p",
+			variant: "b5R",
+			color: "grey.70",
+			children: [c?.join(", "), "에 자신 있어요!"]
+		})]
+	}) : null;
+}
+function f(e) {
+	return /* @__PURE__ */ s(a, { children: [
+		"예상 금액 ",
+		(e || 0).toLocaleString(),
+		"원",
+		/* @__PURE__ */ o(i, {
+			tag: "span",
+			variant: "b5R",
+			color: "grey.50",
+			children: "/ 회당"
+		})
+	] });
+}
+function p(e) {
+	return /* @__PURE__ */ s(t, {
+		gap: 1,
+		alignItems: "center",
+		children: [/* @__PURE__ */ o(n, {
+			name: "InformationLine",
+			size: "xSmall",
+			color: "etc.orange",
+			inlineCSS: { transform: "translateY(-0.5px)" }
+		}), /* @__PURE__ */ o(i, {
+			tag: "p",
+			variant: "c4R",
+			color: "etc.orange",
+			children: e
+		})]
+	});
+}
+//#endregion
+export { c as getBadgeLabel, u as getCareActivityLabel, f as getChargeLabel, p as getNote, l as getPictureLabel, d as getStrengthLabel };

package/dist/teacher/profile/components/KokTeacherCard/index.d.ts

@@ -0,0 +1,4 @@
+import { KokTeacherCardProps, default as KokTeacherCard } from './KokTeacherCard';
+export * from './KokTeacherCard.utils';
+export type { KokTeacherCardProps };
+export default KokTeacherCard;

package/dist/teacher/profile/components/KokTeacherCard/index.mjs

@@ -0,0 +1,6 @@
+import e from "./KokTeacherCard.mjs";
+import { getBadgeLabel as t, getCareActivityLabel as n, getChargeLabel as r, getNote as i, getPictureLabel as a, getStrengthLabel as o } from "./KokTeacherCard.utils.mjs";
+//#region teacher/profile/components/KokTeacherCard/index.ts
+var s = e;
+//#endregion
+export { s as default, t as getBadgeLabel, n as getCareActivityLabel, r as getChargeLabel, i as getNote, a as getPictureLabel, o as getStrengthLabel };

package/dist/teacher/profile/components/ProfileSummary/index.d.ts

@@ -1,3 +1,4 @@
 import { ProfileSummaryProps, default as ProfileSummary } from './ProfileSummary';
+export * from './ProfileSummary.utils';
 export type { ProfileSummaryProps };
 export default ProfileSummary;

package/dist/teacher/profile/components/ProfileSummary/index.mjs

@@ -1,5 +1,6 @@
-import e from "./ProfileSummary.mjs";
+import { getLastActiveText as e } from "./ProfileSummary.utils.mjs";
+import t from "./ProfileSummary.mjs";
 //#region teacher/profile/components/ProfileSummary/index.ts
-var t = e;
+var n = t;
 //#endregion
-export { t as default };
+export { n as default, e as getLastActiveText };

package/dist/teacher/profile/components/index.d.ts

@@ -10,6 +10,7 @@ export { default as AbilityCollection } from './AbilityCollection';
 export { default as AvailableScheduleSection } from './AvailableScheduleSection';
 export { default as CareNoteSection } from './CareNoteSection';
 export { default as ParentReviewSection } from './ParentReviewSection';
+export { default as KokTeacherCard } from './KokTeacherCard';
 export * from './ProfileSummary';
 export * from './StatBadgeCollection';
 export * from './ActivityGallery';
@@ -22,3 +23,4 @@ export * from './AbilityCollection';
 export * from './AvailableScheduleSection';
 export * from './CareNoteSection';
 export * from './ParentReviewSection';
+export * from './KokTeacherCard';

package/dist/teacher/profile/components/index.mjs

@@ -1,24 +1,27 @@
-import e from "./ProfileSummary/index.mjs";
-import t from "./StatBadgeCollection/StatBadge/index.mjs";
-import n from "./StatBadgeCollection/index.mjs";
-import r from "./ActivityGallery/ActivityGalleryItem/index.mjs";
-import i from "./ActivityGallery/index.mjs";
-import a from "./CertificateSection/CertificateItem/index.mjs";
-import o from "./CertificateSection/index.mjs";
-import s from "./CareerSection/CareerItem/index.mjs";
-import c from "./CareerSection/index.mjs";
-import l from "./EducationSection/EducationItem/index.mjs";
-import u from "./EducationSection/index.mjs";
-import d from "./PreferredActivityKeywordGroup/index.mjs";
-import { getPreferredAgeKeywords as f } from "./PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
-import p from "./PreferredAgeGroup/index.mjs";
-import { getAbilityCollection as m } from "./AbilityCollection/AbilityCollection.utils.mjs";
-import h from "./AbilityCollection/AbilityBadge/index.mjs";
-import g from "./AbilityCollection/index.mjs";
-import _ from "./AvailableScheduleSection/index.mjs";
-import v from "./CareNoteSection/CareNote/index.mjs";
-import y from "./CareNoteSection/index.mjs";
-import { getChildLabel as b } from "./ParentReviewSection/ParentReviewSection.utils.mjs";
-import x from "./ParentReviewSection/ParentReviewCard/index.mjs";
-import S from "./ParentReviewSection/index.mjs";
-export { h as AbilityBadge, g as AbilityCollection, i as ActivityGallery, r as ActivityGalleryItem, _ as AvailableScheduleSection, v as CareNote, y as CareNoteSection, s as CareerItem, c as CareerSection, a as CertificateItem, o as CertificateSection, l as EducationItem, u as EducationSection, x as ParentReviewCard, S as ParentReviewSection, d as PreferredActivityKeywordGroup, p as PreferredAgeGroup, e as ProfileSummary, t as StatBadge, n as StatBadgeCollection, m as getAbilityCollection, b as getChildLabel, f as getPreferredAgeKeywords };
+import { getLastActiveText as e } from "./ProfileSummary/ProfileSummary.utils.mjs";
+import t from "./ProfileSummary/index.mjs";
+import n from "./StatBadgeCollection/StatBadge/index.mjs";
+import r from "./StatBadgeCollection/index.mjs";
+import i from "./ActivityGallery/ActivityGalleryItem/index.mjs";
+import a from "./ActivityGallery/index.mjs";
+import o from "./CertificateSection/CertificateItem/index.mjs";
+import s from "./CertificateSection/index.mjs";
+import c from "./CareerSection/CareerItem/index.mjs";
+import l from "./CareerSection/index.mjs";
+import u from "./EducationSection/EducationItem/index.mjs";
+import d from "./EducationSection/index.mjs";
+import f from "./PreferredActivityKeywordGroup/index.mjs";
+import { getPreferredAgeKeywords as p } from "./PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
+import m from "./PreferredAgeGroup/index.mjs";
+import { getAbilityCollection as h } from "./AbilityCollection/AbilityCollection.utils.mjs";
+import g from "./AbilityCollection/AbilityBadge/index.mjs";
+import _ from "./AbilityCollection/index.mjs";
+import v from "./AvailableScheduleSection/index.mjs";
+import y from "./CareNoteSection/CareNote/index.mjs";
+import b from "./CareNoteSection/index.mjs";
+import { getChildLabel as x } from "./ParentReviewSection/ParentReviewSection.utils.mjs";
+import S from "./ParentReviewSection/ParentReviewCard/index.mjs";
+import C from "./ParentReviewSection/index.mjs";
+import { getBadgeLabel as w, getCareActivityLabel as T, getChargeLabel as E, getNote as D, getPictureLabel as O, getStrengthLabel as k } from "./KokTeacherCard/KokTeacherCard.utils.mjs";
+import A from "./KokTeacherCard/index.mjs";
+export { g as AbilityBadge, _ as AbilityCollection, a as ActivityGallery, i as ActivityGalleryItem, v as AvailableScheduleSection, y as CareNote, b as CareNoteSection, c as CareerItem, l as CareerSection, o as CertificateItem, s as CertificateSection, u as EducationItem, d as EducationSection, A as KokTeacherCard, S as ParentReviewCard, C as ParentReviewSection, f as PreferredActivityKeywordGroup, m as PreferredAgeGroup, t as ProfileSummary, n as StatBadge, r as StatBadgeCollection, h as getAbilityCollection, w as getBadgeLabel, T as getCareActivityLabel, E as getChargeLabel, x as getChildLabel, e as getLastActiveText, D as getNote, O as getPictureLabel, p as getPreferredAgeKeywords, k as getStrengthLabel };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dotss/tictoccroc",
   "type": "module",
-  "version": "0.11.1",
+  "version": "0.12.0",
   "description": "Tictoccroc shared components, hooks, utils, and APIs for Dotss",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",