@ihabdevteam/core 0.27.0 → 0.29.0
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.
- package/README.md +19 -65
- package/dist/components.cjs.js +1 -1
- package/dist/components.esm.css +1 -1
- package/dist/hooks.cjs.js +1 -1
- package/dist/ihabdevteam-core.cjs.js +2 -2
- package/dist/ihabdevteam-core.css +1 -1
- package/dist/ihabdevteam-core.d.ts +1 -1
- package/dist/packages/core/src/version.d.ts +1 -1
- package/dist/packages/core/src/version.js +1 -1
- package/dist/utils.cjs.js +1 -1
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -176,23 +176,6 @@ import { Loader } from '@ihabdevteam/core'
|
|
|
176
176
|
|
|
177
177
|
---
|
|
178
178
|
|
|
179
|
-
### SearchField
|
|
180
|
-
|
|
181
|
-
```tsx
|
|
182
|
-
import { SearchField } from '@ihabdevteam/core'
|
|
183
|
-
|
|
184
|
-
const [query, setQuery] = React.useState('')
|
|
185
|
-
|
|
186
|
-
<SearchField
|
|
187
|
-
value={query}
|
|
188
|
-
onChange={setQuery}
|
|
189
|
-
placeholder="훈련 검색"
|
|
190
|
-
suggestions={['일상 듣기', '소음 훈련', '받아쓰기']}
|
|
191
|
-
/>
|
|
192
|
-
```
|
|
193
|
-
|
|
194
|
-
---
|
|
195
|
-
|
|
196
179
|
### ProgressIndicator
|
|
197
180
|
|
|
198
181
|
```tsx
|
|
@@ -230,20 +213,6 @@ const navItems = [
|
|
|
230
213
|
|
|
231
214
|
---
|
|
232
215
|
|
|
233
|
-
### SideNavFooter
|
|
234
|
-
|
|
235
|
-
```tsx
|
|
236
|
-
import { SideNavFooter } from '@ihabdevteam/core'
|
|
237
|
-
|
|
238
|
-
<SideNavFooter
|
|
239
|
-
onSetting={() => openSettings()}
|
|
240
|
-
onHelp={() => openHelp()}
|
|
241
|
-
onAccount={() => openAccount()}
|
|
242
|
-
/>
|
|
243
|
-
```
|
|
244
|
-
|
|
245
|
-
---
|
|
246
|
-
|
|
247
216
|
### TooltipInfo / TooltipTextBox
|
|
248
217
|
|
|
249
218
|
```tsx
|
|
@@ -306,43 +275,14 @@ const plan: PaymentPlanData = {
|
|
|
306
275
|
|
|
307
276
|
---
|
|
308
277
|
|
|
309
|
-
###
|
|
310
|
-
|
|
311
|
-
소음 훈련 팝업입니다. `trainingData.contexts`에 문장 배열을 전달하세요.
|
|
312
|
-
|
|
313
|
-
```tsx
|
|
314
|
-
import { NoiseTrainingPagePopup, type TrainingData } from '@ihabdevteam/core'
|
|
315
|
-
|
|
316
|
-
const trainingData: TrainingData = {
|
|
317
|
-
id: 'noise-01',
|
|
318
|
-
title: '카페 소음 훈련',
|
|
319
|
-
contexts: [
|
|
320
|
-
{ sentence: '오늘 날씨가 정말 좋습니다.', contextCode: 'ctx_001' },
|
|
321
|
-
{ sentence: '회의가 3시에 시작됩니다.', contextCode: 'ctx_002' },
|
|
322
|
-
],
|
|
323
|
-
}
|
|
324
|
-
|
|
325
|
-
<NoiseTrainingPagePopup
|
|
326
|
-
trainingData={trainingData}
|
|
327
|
-
popupTitle="소음 훈련"
|
|
328
|
-
onResult={(result) => console.log('점수:', result?.score)}
|
|
329
|
-
onClose={() => setOpen(false)}
|
|
330
|
-
onBack={() => goBack()}
|
|
331
|
-
/>
|
|
332
|
-
```
|
|
333
|
-
|
|
334
|
-
> `contexts`는 소음 훈련 전용입니다. 일반 선택형 훈련은 `TrainingPagePopup` + `items` 배열을 사용하세요.
|
|
335
|
-
|
|
336
|
-
---
|
|
337
|
-
|
|
338
|
-
### Effect_PartyPopper
|
|
278
|
+
### EffectPartyPopper
|
|
339
279
|
|
|
340
280
|
훈련 완료 등 성공 이벤트에 사용할 수 있는 폭죽 애니메이션입니다.
|
|
341
281
|
|
|
342
282
|
```tsx
|
|
343
|
-
import {
|
|
283
|
+
import { EffectPartyPopper } from '@ihabdevteam/core'
|
|
344
284
|
|
|
345
|
-
<
|
|
285
|
+
<EffectPartyPopper
|
|
346
286
|
active={showConfetti}
|
|
347
287
|
count={60}
|
|
348
288
|
duration={2500}
|
|
@@ -352,6 +292,20 @@ import { Effect_PartyPopper } from '@ihabdevteam/core'
|
|
|
352
292
|
|
|
353
293
|
---
|
|
354
294
|
|
|
295
|
+
### 예전 README 에 있었으나 **지금은 없는 것**
|
|
296
|
+
|
|
297
|
+
옛 판을 보고 오신 분을 위해 적어 둔다. 아래는 이 꾸러미에 **없다** —
|
|
298
|
+
import 하면 바로 터진다.
|
|
299
|
+
|
|
300
|
+
| 옛 이름 | 지금 |
|
|
301
|
+
|---|---|
|
|
302
|
+
| `SearchField` | 없다. 입력칸은 `TextField`, 낱말 검색은 `WordSearchFilterPanel` |
|
|
303
|
+
| `SideNavFooter` | 없다. `SideNav` 가 그 자리를 대신한다 |
|
|
304
|
+
| `NoiseTrainingPagePopup` | 없다. `TrainingPagePopup` 을 쓴다. (`TrainingData` **타입은 그대로 있다** — `TrainingData_2` 를 그 이름으로 내보낸다) |
|
|
305
|
+
| `Effect_PartyPopper` | **`EffectPartyPopper`** — 밑줄이 빠졌다 |
|
|
306
|
+
|
|
307
|
+
`npm run audit:doc-imports` 가 이런 것을 다시 못 생기게 막는다.
|
|
308
|
+
|
|
355
309
|
## 배포·사용 권장 사항 (Exports · 타입 · 자원 · 스코핑)
|
|
356
310
|
|
|
357
311
|
아래는 패키지를 외부 프로젝트에서 안정적으로 사용하기 위한 권장 설정과 예시입니다.
|
|
@@ -482,12 +436,12 @@ npm publish --access public
|
|
|
482
436
|
```tsx
|
|
483
437
|
import React from 'react'
|
|
484
438
|
import '@ihabdevteam/core/styles.css'
|
|
485
|
-
import { CoreScope,
|
|
439
|
+
import { CoreScope, Button } from '@ihabdevteam/core'
|
|
486
440
|
|
|
487
441
|
export default function App(){
|
|
488
442
|
return (
|
|
489
443
|
<CoreScope>
|
|
490
|
-
<
|
|
444
|
+
<Button variant="main" label="Home" onClick={() => {}} />
|
|
491
445
|
</CoreScope>
|
|
492
446
|
)
|
|
493
447
|
}
|