@ihabdevteam/core 0.9.1 → 0.9.3

package/dist/packages/core/src/components.d.ts

@@ -230,8 +230,10 @@ export type { ConfirmPopupProps } from './components/Popup/ConfirmPopup';
 export { default as CouponInputPopup } from './components/Popup/CouponInputPopup';
 export type { CouponInputPopupProps } from './components/Popup/CouponInputPopup';
 export { default as MenuTooltip } from './components/Tooltip/MenuTooltip';
+export { default as InfoTooltip } from './components/Tooltip/InfoTooltip';
 export { default as TooltipInfo } from './components/Tooltip/InfoTooltip';
 export { default as DescriptionTooltip } from './components/Tooltip/DescriptionTooltip';
+export { default as TextBoxTooltip } from './components/Tooltip/TextBoxTooltip';
 export { default as TooltipTextBox } from './components/Tooltip/TextBoxTooltip';
 export { default as TrainingTooltip, TRAINING_TOOLTIP_HOVER_DELAY_MS } from './components/Tooltip/TrainingTooltip';
 export type { TooltipTrainingProps } from './components/Tooltip/TrainingTooltip';

package/dist/packages/core/src/components.js

@@ -164,10 +164,18 @@ export { default as ListPopup } from './components/Popup/ListPopup';
 export { default as ConfirmPopup } from './components/Popup/ConfirmPopup';
 export { default as CouponInputPopup } from './components/Popup/CouponInputPopup';
 export { default as MenuTooltip } from './components/Tooltip/MenuTooltip';
+export { default as InfoTooltip } from './components/Tooltip/InfoTooltip';
+/* 배럴 이름이 파일명과 뒤집혀 있었다(TooltipInfo). 소비자가 그것을 알아채고
+   `import { TooltipInfo as InfoTooltip }` 로 도로 바꿔 쓰고 있었다 — 이름이 틀렸다는
+   가장 분명한 증거다. 파일명·형제 컴포넌트(DescriptionTooltip, MenuTooltip)와 맞췄다.
+   옛 이름은 깨뜨리지 않으려고 남겨둔다. 소비자가 다 옮기면 지운다. */
 export { default as TooltipInfo } from './components/Tooltip/InfoTooltip';
 /* 제목 + 사유 목록을 띄우는 툴팁. 컴포넌트는 진작 있었는데 배럴에 없어 소비자가
    쓸 수 없었다(어드민이 '왜 재생성 권고인지'를 이걸로 알린다). */
 export { default as DescriptionTooltip } from './components/Tooltip/DescriptionTooltip';
+export { default as TextBoxTooltip } from './components/Tooltip/TextBoxTooltip';
+/* 같은 까닭. 이쪽은 옛 이름을 쓰는 소비자가 한 곳도 없어(실측 0건) 원래는 그냥
+   바꿔도 됐지만, 짝이 되는 InfoTooltip 과 다르게 다룰 까닭이 없어 나란히 남긴다. */
 export { default as TooltipTextBox } from './components/Tooltip/TextBoxTooltip';
 export { default as TrainingTooltip, TRAINING_TOOLTIP_HOVER_DELAY_MS } from './components/Tooltip/TrainingTooltip';
 export { default as EffectPartyPopper } from './components/Effect/EffectPartyPopper';

package/dist/packages/core/src/hooks/useVisitAllPanel.js

@@ -26,16 +26,23 @@ export function useVisitAllPanel(mergedVisits) {
         return true;
     }), [mergedVisits, vapSearch, vapStatus]);
     const vapTotal = Math.max(1, Math.ceil(vapFiltered.length / Number(vapPageSize)));
-    // 필터/검색으로 결과가 줄면 현재 페이지가 총 페이지를 초과해 빈 화면이 됨 → 슬라이스 시 clamp
+    // 결과가 줄면 지금 쪽이 총 쪽수를 넘는다. 자르는 자리에서는 진작 조이고 있었는데
+    // **돌려주는 vapPage 는 날것이었다** — 그래서 쪽 표시에 그대로 넣으면 "3 / 1" 처럼
+    // 없는 쪽이 떴다. 찾기 칸은 그 자리에서 쪽을 1로 되돌려 줘서 가려져 있었고, 목록이
+    // 밖에서 줄어드는 길(다른 고객으로 바뀜·서버가 다시 준 목록)에서 드러났다.
+    //
+    // 상태는 손대지 않고 돌려주는 값만 조인다. 상태는 "어디로 가려 했나"(의도)이고
+    // 돌려주는 값은 "지금 어디인가"(사실)다. 그래서 setVapPage 의 뜻이 안 바뀌어
+    // 소비자를 깨뜨리지 않고, 줄었다 늘어나면 원래 보던 쪽으로 돌아온다.
+    const vapPageClamped = Math.min(vapPage, vapTotal);
     const vapPageItems = useMemo(() => {
-        const page = Math.min(vapPage, vapTotal);
-        return vapFiltered.slice((page - 1) * Number(vapPageSize), page * Number(vapPageSize));
-    }, [vapFiltered, vapPage, vapPageSize, vapTotal]);
+        return vapFiltered.slice((vapPageClamped - 1) * Number(vapPageSize), vapPageClamped * Number(vapPageSize));
+    }, [vapFiltered, vapPageClamped, vapPageSize]);
     return {
         vapSearch, setVapSearch,
         vapPageSize, setVapPageSize,
         vapStatus, setVapStatus,
-        vapPage, setVapPage,
+        vapPage: vapPageClamped, setVapPage,
         vapFiltered,
         vapTotal,
         vapPageItems,

package/dist/packages/core/src/hooks/useWordTrainingDataGeneration.js

@@ -27,6 +27,15 @@ export function useWordTrainingDataGeneration(types, difficulty, contrastCount,
     const [perTypeData, setPerTypeData] = useState({});
     const [generating, setGenerating] = useState(false);
     const { cho = null, jung = null, jong = null, syllable = null } = composition ?? {};
+    // gradeFilter 는 **내용**으로 의존해야 한다. 배열 자체를 의존성에 넣으면 끝나지 않는다:
+    // 배치가 끝날 때마다 setPerTypeData 로 다시 그려지고, 그때 새 배열이 생겨 effect 가
+    // 또 돌고, 또 끝나고… 실측으로 아무것도 안 누른 채 1533번을 만들었다.
+    //
+    // 인자를 생략하면 특히 그렇다 — 기본값 `[]` 는 부를 때마다 새로 만들어진다.
+    // composition 은 cho/jung/jong/syllable 로 풀어 원시값으로 의존하고 있었는데,
+    // 배열인 이쪽만 빠져 있었다. effect 안에서 어차피 정렬해 문자열로 쓰고 있으니
+    // 그 문자열을 의존성으로 삼는다. 내용이 같으면 다시 만들지 않는다.
+    const gradeKey = gradeFilter.length > 0 ? gradeFilter.slice().sort().join(',') : '';
     // 단어풀 갱신 시 사전 계산 (백그라운드 fire-and-forget)
     useEffect(() => {
         if (poolVersion > 0) {
@@ -40,7 +49,6 @@ export function useWordTrainingDataGeneration(types, difficulty, contrastCount,
         setGenerating(true);
         (async () => {
             const compFilter = toCompositionFilter({ cho, jung, jong, syllable });
-            const gradeKey = gradeFilter.length > 0 ? gradeFilter.slice().sort().join(',') : '';
             const compKey = `${cho ?? ''}_${jung ?? ''}_${jong ?? ''}_${syllable ?? ''}_${gradeKey}`;
             const results = {};
             await Promise.all(types.map(async (t) => {
@@ -92,7 +100,7 @@ export function useWordTrainingDataGeneration(types, difficulty, contrastCount,
             }
         })();
         return () => { cancelled = true; };
-    }, [difficulty, contrastCount, cho, jung, jong, syllable, excludeNoImage, sameStructureOnly, phonemeView, poolVersion, gradeFilter]); // eslint-disable-line react-hooks/exhaustive-deps
+    }, [difficulty, contrastCount, cho, jung, jong, syllable, excludeNoImage, sameStructureOnly, phonemeView, poolVersion, gradeKey]); // eslint-disable-line react-hooks/exhaustive-deps
     /* eslint-enable react-hooks/set-state-in-effect */
     return { perTypeData, generating };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ihabdevteam/core",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "private": false,
   "main": "dist/ihabdevteam-core.cjs.js",
   "module": "dist/ihabdevteam-core.esm.js",