@scglab/admin-ui 0.1.4 → 0.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.
- package/README.md +100 -0
- package/dist/index.cjs +52 -30
- package/dist/index.cjs.map +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +57 -30
- package/dist/index.d.ts +57 -30
- package/dist/index.js +52 -30
- package/dist/index.js.map +1 -1
- package/dist/styles/index.css +55 -40
- package/package.json +20 -8
package/README.md
CHANGED
|
@@ -205,6 +205,106 @@ yarn build
|
|
|
205
205
|
- `dist/index.d.ts` - TypeScript 타입 정의
|
|
206
206
|
- `dist/styles/index.css` - 스타일 파일
|
|
207
207
|
|
|
208
|
+
## 📦 NPM 배포
|
|
209
|
+
|
|
210
|
+
### 배포 전 체크리스트
|
|
211
|
+
|
|
212
|
+
1. **버전 업데이트**
|
|
213
|
+
```bash
|
|
214
|
+
# 패치 버전 (0.1.5 -> 0.1.6)
|
|
215
|
+
npm version patch
|
|
216
|
+
|
|
217
|
+
# 마이너 버전 (0.1.5 -> 0.2.0)
|
|
218
|
+
npm version minor
|
|
219
|
+
|
|
220
|
+
# 메이저 버전 (0.1.5 -> 1.0.0)
|
|
221
|
+
npm version major
|
|
222
|
+
```
|
|
223
|
+
|
|
224
|
+
2. **빌드 확인**
|
|
225
|
+
```bash
|
|
226
|
+
npm run build
|
|
227
|
+
```
|
|
228
|
+
|
|
229
|
+
빌드가 성공적으로 완료되었는지 확인하고, `dist` 폴더에 다음 파일들이 생성되었는지 확인하세요:
|
|
230
|
+
- `index.cjs`, `index.js` (번들 파일)
|
|
231
|
+
- `index.d.ts` (타입 정의 파일)
|
|
232
|
+
- `styles/index.css` (스타일 파일)
|
|
233
|
+
|
|
234
|
+
3. **package.json 확인**
|
|
235
|
+
- `name`: `@scglab/admin-ui`
|
|
236
|
+
- `version`: 올바른 버전인지 확인
|
|
237
|
+
- `main`, `module`, `types`, `exports` 필드가 올바르게 설정되어 있는지 확인
|
|
238
|
+
- `files`: `["dist", "README.md"]` - 배포될 파일 목록 확인
|
|
239
|
+
|
|
240
|
+
### NPM 배포
|
|
241
|
+
|
|
242
|
+
1. **NPM 로그인**
|
|
243
|
+
```bash
|
|
244
|
+
npm login
|
|
245
|
+
```
|
|
246
|
+
|
|
247
|
+
NPM 계정 정보를 입력하여 로그인합니다.
|
|
248
|
+
|
|
249
|
+
2. **배포 실행**
|
|
250
|
+
```bash
|
|
251
|
+
# Public 패키지로 배포 (Scoped 패키지는 기본적으로 private)
|
|
252
|
+
npm publish --access public
|
|
253
|
+
```
|
|
254
|
+
|
|
255
|
+
3. **배포 확인**
|
|
256
|
+
배포가 완료되면 다음 링크에서 확인할 수 있습니다:
|
|
257
|
+
- NPM 페이지: `https://www.npmjs.com/package/@scglab/admin-ui`
|
|
258
|
+
|
|
259
|
+
또는 터미널에서 확인:
|
|
260
|
+
```bash
|
|
261
|
+
npm view @scglab/admin-ui
|
|
262
|
+
```
|
|
263
|
+
|
|
264
|
+
### 배포 취소 (필요한 경우)
|
|
265
|
+
|
|
266
|
+
```bash
|
|
267
|
+
# 특정 버전 배포 취소 (배포 후 72시간 이내)
|
|
268
|
+
npm unpublish @scglab/admin-ui@0.1.5
|
|
269
|
+
|
|
270
|
+
# 전체 패키지 삭제 (주의!)
|
|
271
|
+
npm unpublish @scglab/admin-ui --force
|
|
272
|
+
```
|
|
273
|
+
|
|
274
|
+
### 자동화 스크립트
|
|
275
|
+
|
|
276
|
+
배포 과정을 자동화하려면 `package.json`에 다음 스크립트를 추가할 수 있습니다:
|
|
277
|
+
|
|
278
|
+
```json
|
|
279
|
+
{
|
|
280
|
+
"scripts": {
|
|
281
|
+
"prepublishOnly": "npm run build",
|
|
282
|
+
"release:patch": "npm version patch && npm publish --access public",
|
|
283
|
+
"release:minor": "npm version minor && npm publish --access public",
|
|
284
|
+
"release:major": "npm version major && npm publish --access public"
|
|
285
|
+
}
|
|
286
|
+
}
|
|
287
|
+
```
|
|
288
|
+
|
|
289
|
+
사용 예시:
|
|
290
|
+
```bash
|
|
291
|
+
# 패치 버전 배포
|
|
292
|
+
npm run release:patch
|
|
293
|
+
|
|
294
|
+
# 마이너 버전 배포
|
|
295
|
+
npm run release:minor
|
|
296
|
+
|
|
297
|
+
# 메이저 버전 배포
|
|
298
|
+
npm run release:major
|
|
299
|
+
```
|
|
300
|
+
|
|
301
|
+
### 주의사항
|
|
302
|
+
|
|
303
|
+
- ⚠️ 배포 전 반드시 빌드를 실행하여 최신 코드가 반영되도록 하세요
|
|
304
|
+
- ⚠️ 버전을 올릴 때는 [Semantic Versioning](https://semver.org/) 규칙을 따르세요
|
|
305
|
+
- ⚠️ 배포된 패키지는 24시간 이후에는 삭제할 수 없으니 신중하게 배포하세요
|
|
306
|
+
- ⚠️ `.npmignore` 파일이 없으면 `.gitignore`가 사용됩니다
|
|
307
|
+
|
|
208
308
|
## 📝 라이센스
|
|
209
309
|
|
|
210
310
|
MIT © SCGLab
|
package/dist/index.cjs
CHANGED
|
@@ -387,10 +387,17 @@ function Tooltip({ tooltipInfo, position = "right" }) {
|
|
|
387
387
|
},
|
|
388
388
|
children: [
|
|
389
389
|
tooltipInfo,
|
|
390
|
-
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
390
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
391
|
+
"span",
|
|
392
|
+
{
|
|
393
|
+
className: "absolute top-10 right-10 cursor-pointer",
|
|
394
|
+
onClick: (e) => {
|
|
395
|
+
e.stopPropagation();
|
|
396
|
+
setIsOpen(false);
|
|
397
|
+
},
|
|
398
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ColorIcTagClose_default, { width: 10, height: 10, color: "text" })
|
|
399
|
+
}
|
|
400
|
+
)
|
|
394
401
|
]
|
|
395
402
|
}
|
|
396
403
|
)
|
|
@@ -721,10 +728,12 @@ var Checkbox = (0, import_react2.forwardRef)(
|
|
|
721
728
|
...props
|
|
722
729
|
}
|
|
723
730
|
),
|
|
724
|
-
disabled ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ColorIcCheckDim_default, { width: 18, height: 18 }) :
|
|
725
|
-
"
|
|
726
|
-
|
|
727
|
-
|
|
731
|
+
disabled ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ColorIcCheckDim_default, { width: 18, height: 18 }) : (
|
|
732
|
+
// <img src={IcCheckMarkDim} alt="check-dim" className="w-18 h-18" />
|
|
733
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
734
|
+
"div",
|
|
735
|
+
{
|
|
736
|
+
className: `
|
|
728
737
|
h-18 w-18
|
|
729
738
|
${getTypeNoneCheckedClass()}
|
|
730
739
|
transition-all duration-200
|
|
@@ -733,27 +742,34 @@ var Checkbox = (0, import_react2.forwardRef)(
|
|
|
733
742
|
${error ? "border-red" : ""}
|
|
734
743
|
${className}
|
|
735
744
|
`,
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
745
|
+
onClick: handleCheckboxClick,
|
|
746
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
747
|
+
"span",
|
|
748
|
+
{
|
|
749
|
+
className: `${getTypeCheckedIconClass()} flex items-center justify-center`,
|
|
750
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
751
|
+
"svg",
|
|
752
|
+
{
|
|
753
|
+
width: "18",
|
|
754
|
+
height: "18",
|
|
755
|
+
viewBox: "0 0 20 20",
|
|
756
|
+
fill: "none",
|
|
757
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
758
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
759
|
+
"path",
|
|
760
|
+
{
|
|
761
|
+
d: "M15.292 5.93848C15.5167 5.687 15.8864 5.68757 16.1104 5.94043L16.1172 5.94727L16.123 5.95508C16.2977 6.1856 16.3012 6.54196 16.0713 6.77832L16.0723 6.7793L9.55078 13.9229L9.55176 13.9238C9.36406 14.1357 9.1186 14.25 8.84668 14.25C8.59606 14.25 8.33167 14.1383 8.1416 13.9238V13.9229L4.90918 10.373L4.90625 10.3701C4.69767 10.1343 4.69773 9.77005 4.90625 9.53418C5.12992 9.2815 5.49974 9.28064 5.72461 9.53125L8.86426 12.9795L15.292 5.9375V5.93848Z",
|
|
762
|
+
fill: "currentColor",
|
|
763
|
+
stroke: "currentColor",
|
|
764
|
+
strokeWidth: "0.5"
|
|
765
|
+
}
|
|
766
|
+
)
|
|
767
|
+
}
|
|
768
|
+
)
|
|
769
|
+
}
|
|
770
|
+
)
|
|
771
|
+
}
|
|
772
|
+
)
|
|
757
773
|
)
|
|
758
774
|
] }),
|
|
759
775
|
label && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `text-sm ${type === "outline" ? "ml-4" : "ml-8"}`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
@@ -3339,7 +3355,13 @@ function ToolTipBox({ title, children }) {
|
|
|
3339
3355
|
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ColorIcTooltipBlue_default, { width: 14, height: 14 }),
|
|
3340
3356
|
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Text, { size: "body14", fontWeight: "bold", color: "primary", children: title })
|
|
3341
3357
|
] }),
|
|
3342
|
-
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
3358
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
3359
|
+
"span",
|
|
3360
|
+
{
|
|
3361
|
+
className: `w-16 h-16 cursor-pointer transition-transform duration-300 ${isOpen ? "" : "rotate-180"}`,
|
|
3362
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ColorIcTooltipArrow_default, { width: 14, height: 14, color: "primary" })
|
|
3363
|
+
}
|
|
3364
|
+
)
|
|
3343
3365
|
]
|
|
3344
3366
|
}
|
|
3345
3367
|
),
|