npm - @tipp/ui - Versions diffs - 2.1.5 → 2.1.6 - Mend

@tipp/ui 2.1.5 → 2.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (94) hide show

package/dist/molecules/index.js CHANGED Viewed

@@ -1,9 +1,14 @@
 import "../chunk-KSS4FSJI.js";
+import {
+  ExpandTable,
+  createColumnHelper
+} from "../chunk-453FF4FU.js";
+import "../chunk-WDUSQ6HR.js";
 import "../chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "../chunk-225Z5DAB.js";
-import "../chunk-6EVQKUU5.js";
+} from "../chunk-J7CUTDKS.js";
+import "../chunk-4QIUPPBA.js";
 import "../chunk-6R37KLPX.js";
 import "../chunk-IYSEPNXE.js";
 import "../chunk-D4WHIKQQ.js";
@@ -21,7 +26,7 @@ import "../chunk-EBGKFGME.js";
 import "../chunk-HYMGXDPL.js";
 import {
   CurriculumSidebar
-} from "../chunk-XJFILYJ7.js";
+} from "../chunk-OHA7BIRX.js";
 import "../chunk-OSM7B4AJ.js";
 import "../chunk-LRKARLHL.js";
 import "../chunk-4BKYFOTB.js";
@@ -29,11 +34,11 @@ import "../chunk-22HJDAZH.js";
 import "../chunk-HFXODPRR.js";
 import {
   CurriculumSubNav
-} from "../chunk-D62LUG5E.js";
+} from "../chunk-YHT7DP6A.js";
 import {
   CurriculumProvider,
   useCurriculumContext
-} from "../chunk-4G7AM6OU.js";
+} from "../chunk-YN4SHJ2O.js";
 import {
   CurriculumV2Layout
 } from "../chunk-M6VXNQHU.js";
@@ -43,12 +48,19 @@ import {
 import {
   DatePicker
 } from "../chunk-I24MOOUK.js";
-import {
-  ExpandTable,
-  createColumnHelper
-} from "../chunk-BE6JPXUV.js";
-import "../chunk-WDUSQ6HR.js";
 import "../chunk-AI7EZKUN.js";
+import {
+  LearningPost
+} from "../chunk-BR6BA3US.js";
+import {
+  Navigation
+} from "../chunk-45DIMUO4.js";
+import {
+  RadioButtonCard
+} from "../chunk-SLXXCM56.js";
+import {
+  Stepper
+} from "../chunk-JYWMHBRR.js";
 import {
   TagSelector
 } from "../chunk-WK7R5OB3.js";
@@ -60,6 +72,9 @@ import "../chunk-NWJSLIQ3.js";
 import "../chunk-BXX3B3E4.js";
 import "../chunk-ZM763HMC.js";
 import "../chunk-2BPFXK4L.js";
+import {
+  DotNavigation
+} from "../chunk-IJOOKMKQ.js";
 import {
   DownloadCard
 } from "../chunk-MLMYWZZN.js";
@@ -69,22 +84,7 @@ import {
 import {
   GhostPost
 } from "../chunk-SMXAOGFW.js";
-import {
-  LearningPost
-} from "../chunk-BR6BA3US.js";
 import "../chunk-RX5DC5KO.js";
-import {
-  Navigation
-} from "../chunk-45DIMUO4.js";
-import {
-  RadioButtonCard
-} from "../chunk-SLXXCM56.js";
-import {
-  Stepper
-} from "../chunk-JYWMHBRR.js";
-import {
-  DotNavigation
-} from "../chunk-IJOOKMKQ.js";
 import "../chunk-A6W2ZWYA.js";
 import "../chunk-QD5ZSFPG.js";
 import "../chunk-YJ7ZFOYL.js";
@@ -147,18 +147,18 @@ import "../chunk-LQY4RKWI.js";
 import "../chunk-ZD7MNMED.js";
 import "../chunk-53ZVUOHV.js";
 import "../chunk-VY56ZADJ.js";
-import "../chunk-2TPQQBUQ.js";
 import "../chunk-HLFTU725.js";
 import "../chunk-XD3KUE4Q.js";
 import "../chunk-MEKWBVXE.js";
 import "../chunk-PVL7SJYR.js";
-import "../chunk-25Q6QLSN.js";
 import "../chunk-TPEIE4IP.js";
 import "../chunk-XSX6K7SK.js";
 import "../chunk-UQN63IRS.js";
 import "../chunk-K25BYIJ7.js";
 import "../chunk-ECVAWQXV.js";
 import "../chunk-D7EYDD4E.js";
+import "../chunk-2TPQQBUQ.js";
+import "../chunk-25Q6QLSN.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
 import "../chunk-2NMEKWO5.js";

package/dist/molecules/navigation.js CHANGED Viewed

@@ -63,18 +63,18 @@ import "../chunk-LQY4RKWI.js";
 import "../chunk-ZD7MNMED.js";
 import "../chunk-53ZVUOHV.js";
 import "../chunk-VY56ZADJ.js";
-import "../chunk-2TPQQBUQ.js";
 import "../chunk-HLFTU725.js";
 import "../chunk-XD3KUE4Q.js";
 import "../chunk-MEKWBVXE.js";
 import "../chunk-PVL7SJYR.js";
-import "../chunk-25Q6QLSN.js";
 import "../chunk-TPEIE4IP.js";
 import "../chunk-XSX6K7SK.js";
 import "../chunk-UQN63IRS.js";
 import "../chunk-K25BYIJ7.js";
 import "../chunk-ECVAWQXV.js";
 import "../chunk-D7EYDD4E.js";
+import "../chunk-2TPQQBUQ.js";
+import "../chunk-25Q6QLSN.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
 import "../chunk-2NMEKWO5.js";

package/dist/molecules/radio-button-card.js CHANGED Viewed

@@ -63,18 +63,18 @@ import "../chunk-LQY4RKWI.js";
 import "../chunk-ZD7MNMED.js";
 import "../chunk-53ZVUOHV.js";
 import "../chunk-VY56ZADJ.js";
-import "../chunk-2TPQQBUQ.js";
 import "../chunk-HLFTU725.js";
 import "../chunk-XD3KUE4Q.js";
 import "../chunk-MEKWBVXE.js";
 import "../chunk-PVL7SJYR.js";
-import "../chunk-25Q6QLSN.js";
 import "../chunk-TPEIE4IP.js";
 import "../chunk-XSX6K7SK.js";
 import "../chunk-UQN63IRS.js";
 import "../chunk-K25BYIJ7.js";
 import "../chunk-ECVAWQXV.js";
 import "../chunk-D7EYDD4E.js";
+import "../chunk-2TPQQBUQ.js";
+import "../chunk-25Q6QLSN.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
 import "../chunk-2NMEKWO5.js";

package/dist/molecules/stepper.js CHANGED Viewed

@@ -6,18 +6,18 @@ import "../chunk-LH57PIY2.js";
 import "../chunk-25HMMI7R.js";
 import "../chunk-53ZVUOHV.js";
 import "../chunk-VY56ZADJ.js";
-import "../chunk-2TPQQBUQ.js";
 import "../chunk-HLFTU725.js";
 import "../chunk-XD3KUE4Q.js";
 import "../chunk-MEKWBVXE.js";
 import "../chunk-PVL7SJYR.js";
-import "../chunk-25Q6QLSN.js";
 import "../chunk-TPEIE4IP.js";
 import "../chunk-XSX6K7SK.js";
 import "../chunk-UQN63IRS.js";
 import "../chunk-K25BYIJ7.js";
 import "../chunk-ECVAWQXV.js";
 import "../chunk-D7EYDD4E.js";
+import "../chunk-2TPQQBUQ.js";
+import "../chunk-25Q6QLSN.js";
 import "../chunk-2NMEKWO5.js";
 export {
   Stepper

package/dist/molecules/tag-selector.js CHANGED Viewed

@@ -63,18 +63,18 @@ import "../chunk-LQY4RKWI.js";
 import "../chunk-ZD7MNMED.js";
 import "../chunk-53ZVUOHV.js";
 import "../chunk-VY56ZADJ.js";
-import "../chunk-2TPQQBUQ.js";
 import "../chunk-HLFTU725.js";
 import "../chunk-XD3KUE4Q.js";
 import "../chunk-MEKWBVXE.js";
 import "../chunk-PVL7SJYR.js";
-import "../chunk-25Q6QLSN.js";
 import "../chunk-TPEIE4IP.js";
 import "../chunk-XSX6K7SK.js";
 import "../chunk-UQN63IRS.js";
 import "../chunk-K25BYIJ7.js";
 import "../chunk-ECVAWQXV.js";
 import "../chunk-D7EYDD4E.js";
+import "../chunk-2TPQQBUQ.js";
+import "../chunk-25Q6QLSN.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
 import "../chunk-2NMEKWO5.js";

package/dist/molecules/time-select.js CHANGED Viewed

@@ -68,18 +68,18 @@ import "../chunk-LQY4RKWI.js";
 import "../chunk-ZD7MNMED.js";
 import "../chunk-53ZVUOHV.js";
 import "../chunk-VY56ZADJ.js";
-import "../chunk-2TPQQBUQ.js";
 import "../chunk-HLFTU725.js";
 import "../chunk-XD3KUE4Q.js";
 import "../chunk-MEKWBVXE.js";
 import "../chunk-PVL7SJYR.js";
-import "../chunk-25Q6QLSN.js";
 import "../chunk-TPEIE4IP.js";
 import "../chunk-XSX6K7SK.js";
 import "../chunk-UQN63IRS.js";
 import "../chunk-K25BYIJ7.js";
 import "../chunk-ECVAWQXV.js";
 import "../chunk-D7EYDD4E.js";
+import "../chunk-2TPQQBUQ.js";
+import "../chunk-25Q6QLSN.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
 import "../chunk-2NMEKWO5.js";

package/dist/utils/curriculum.utils.js CHANGED Viewed

@@ -8,18 +8,18 @@ import {
 } from "../chunk-AI7EZKUN.js";
 import "../chunk-53ZVUOHV.js";
 import "../chunk-VY56ZADJ.js";
-import "../chunk-2TPQQBUQ.js";
 import "../chunk-HLFTU725.js";
 import "../chunk-XD3KUE4Q.js";
 import "../chunk-MEKWBVXE.js";
 import "../chunk-PVL7SJYR.js";
-import "../chunk-25Q6QLSN.js";
 import "../chunk-TPEIE4IP.js";
 import "../chunk-XSX6K7SK.js";
 import "../chunk-UQN63IRS.js";
 import "../chunk-K25BYIJ7.js";
 import "../chunk-ECVAWQXV.js";
 import "../chunk-D7EYDD4E.js";
+import "../chunk-2TPQQBUQ.js";
+import "../chunk-25Q6QLSN.js";
 import "../chunk-2NMEKWO5.js";
 export {
   CurriculumListIcons,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "2.1.5",
+  "version": "2.1.6",
   "private": false,
   "type": "module",
   "exports": {

package/src/molecules/curriculumV2/curriculum-context.tsx CHANGED Viewed

@@ -5,6 +5,7 @@ import React, {
   useMemo,
   useCallback,
   useRef,
+  useEffect,
 } from 'react';
 import {
   type CurriculumSectionTitleContents,
@@ -65,6 +66,9 @@ export interface CurriculumProviderProps extends Pick<CurriculumContextValue, 'c
     reviewId: string;
     answer: Record<string, string>;
   }) => void;
+  /** 현재 화면에 표시 중인 컨텐츠 인덱스 변경 시 호출 */
+  onChangeSelectedContent?: (item: CurriculumListContents) => void;
 }
 export function CurriculumProvider(props: CurriculumProviderProps): React.ReactElement {
@@ -75,7 +79,8 @@ export function CurriculumProvider(props: CurriculumProviderProps): React.ReactE
     onReviewValueChange,
     curriculumReviewAnswers,
     tempCurriculumReviewAnswers,
-    curriculumCompleteMap
+    curriculumCompleteMap,
+    onChangeSelectedContent
   } = props;
   const sidebarRef = useRef<HTMLDivElement>(null);
@@ -160,6 +165,10 @@ export function CurriculumProvider(props: CurriculumProviderProps): React.ReactE
     [list, selectedIndexState]
   );
+  const selectedItem = useMemo(()=>{
+    return list[selectedIndexState];
+  },[list,selectedIndexState])
   const selectedSectionTitle = useMemo(() => {
     // selectedIndexState 이전 인덱스 중 가장 가까운 섹션 타이틀 찾기
     const prevItems = list.slice(0, selectedIndexState).reverse();
@@ -167,6 +176,11 @@ export function CurriculumProvider(props: CurriculumProviderProps): React.ReactE
   }, [list, selectedIndexState]);
+  useEffect(()=>{
+    onChangeSelectedContent?.(selectedItem);
+  // eslint-disable-next-line react-hooks/exhaustive-deps -- useEffect 호출 최적화
+  },[selectedItem])
   return (
     <CurriculumContext.Provider value={{
       curriculum,
@@ -179,7 +193,7 @@ export function CurriculumProvider(props: CurriculumProviderProps): React.ReactE
       selectPrev,
       selectNext,
       selectedSectionTitle,
-      selectedItem: list[selectedIndexState],
+      selectedItem,
       scrollAreaRef: sidebarRef,
       onReviewSubmit,
       onReviewValueChange,