@tipp/ui 2.1.5 → 2.1.7

package/dist/molecules/index.js

@@ -1,10 +1,15 @@
 import "../chunk-KSS4FSJI.js";
+import {
+  ExpandTable,
+  createColumnHelper
+} from "../chunk-BE6JPXUV.js";
+import "../chunk-WDUSQ6HR.js";
 import "../chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "../chunk-225Z5DAB.js";
-import "../chunk-6EVQKUU5.js";
-import "../chunk-6R37KLPX.js";
+} from "../chunk-RGADLWN7.js";
+import "../chunk-RLWHEE4V.js";
+import "../chunk-2DJALSMS.js";
 import "../chunk-IYSEPNXE.js";
 import "../chunk-D4WHIKQQ.js";
 import "../chunk-JLNQOXEV.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,11 +48,6 @@ import {
 import {
   DatePicker
 } from "../chunk-I24MOOUK.js";
-import {
-  ExpandTable,
-  createColumnHelper
-} from "../chunk-BE6JPXUV.js";
-import "../chunk-WDUSQ6HR.js";
 import "../chunk-AI7EZKUN.js";
 import {
   TagSelector

package/dist/types/index.js

@@ -1,4 +1,4 @@
 import "../chunk-NL4NAHXG.js";
-import "../chunk-NMLVUAFW.js";
 import "../chunk-GSMBJMXJ.js";
+import "../chunk-NMLVUAFW.js";
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "2.1.5",
+  "version": "2.1.7",
   "private": false,
   "type": "module",
   "exports": {
@@ -56,8 +56,8 @@
     "ts-jest": "^29.2.2",
     "ts-node": "^10.9.2",
     "tsup": "^8.0.2",
-    "@tipp/eslint-config": "1.1.2",
-    "@tipp/typescript-config": "1.0.1"
+    "@tipp/typescript-config": "1.0.1",
+    "@tipp/eslint-config": "1.1.2"
   },
   "peerDependencies": {
     "@types/react": "*",

package/src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx

@@ -26,8 +26,6 @@ function CurriculumReviewStepsInner(): React.ReactNode {
     handleAnswerChange
   } = useCurriculumReviewContext();
   const { questions } = reviewContents;
-
-  console.log(formik);
  
   if (step === 0) {
     return <StartReview onStart={handleStart} />;

package/src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx

@@ -30,8 +30,8 @@ function CurriculumReview(props: CurriculumReviewProps): React.ReactNode {
 
   const defaultValues = useMemo(() => { 
     const allAnswers = {
-      ...curriculumReviewAnswers, 
-      ...tempCurriculumReviewAnswers
+      ...tempCurriculumReviewAnswers,
+      ...curriculumReviewAnswers
     };
 
     return item.questions.reduce<Record<string, string>>((acc, question) => {

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

@@ -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,