@ienlab/react-library 0.17.0-beta.48 → 0.17.0-beta.49
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/dist/components/image/ImageUploadField.d.ts +7 -1
- package/dist/components/image/ImageUploadField.d.ts.map +1 -1
- package/dist/components/image/ImageUploadSortableField.d.ts +8 -2
- package/dist/components/image/ImageUploadSortableField.d.ts.map +1 -1
- package/dist/my-library.cjs.js +2 -2
- package/dist/my-library.es.js +351 -346
- package/package.json +1 -1
|
@@ -17,6 +17,7 @@ type ImageUploadFieldProps = {
|
|
|
17
17
|
value: FileUploadItem;
|
|
18
18
|
onChange: (value: FileUploadItem) => void;
|
|
19
19
|
aspectRatio?: string;
|
|
20
|
+
cardAspectRatio?: string;
|
|
20
21
|
accept?: string;
|
|
21
22
|
components?: InjectedComponents;
|
|
22
23
|
requiredSize?: string;
|
|
@@ -24,6 +25,8 @@ type ImageUploadFieldProps = {
|
|
|
24
25
|
maxFileSizeMB?: number;
|
|
25
26
|
requiredAspectRatio?: boolean;
|
|
26
27
|
className?: string;
|
|
28
|
+
width?: string;
|
|
29
|
+
height?: string;
|
|
27
30
|
};
|
|
28
31
|
/**
|
|
29
32
|
* 단일 이미지 업로드 필드 컴포넌트.
|
|
@@ -36,6 +39,7 @@ type ImageUploadFieldProps = {
|
|
|
36
39
|
* @param value - 현재 업로드된 이미지 아이템
|
|
37
40
|
* @param onChange - 이미지 변경 시 호출되는 콜백
|
|
38
41
|
* @param aspectRatio - 이미지 표시 영역의 종횡비 (기본값 "1 / 1")
|
|
42
|
+
* @param cardAspectRatio - 업로드 카드 영역의 종횡비 (설정하지 않으면 aspectRatio와 동일)
|
|
39
43
|
* @param accept - 허용할 파일 MIME 타입 (기본값 "image/*")
|
|
40
44
|
* @param requiredSize - 필수 이미지 크기 (예: "1920x1080")
|
|
41
45
|
* @param maxSize - 최대 이미지 크기 (예: "3840x2160")
|
|
@@ -43,7 +47,9 @@ type ImageUploadFieldProps = {
|
|
|
43
47
|
* @param requiredAspectRatio - 종횡비 검증 활성화 여부
|
|
44
48
|
* @param components - 주입 가능한 커스텀 컴포넌트
|
|
45
49
|
* @param className - 컴포넌트에 적용할 CSS 클래스명
|
|
50
|
+
* @param width - 필드 너비 (CSS 값, 예: "20rem", "100%")
|
|
51
|
+
* @param height - 필드 높이 (CSS 값, 예: "20rem", "auto")
|
|
46
52
|
*/
|
|
47
|
-
export declare function ImageUploadField({ id, label, uploadHintText, descriptionText, value, onChange, aspectRatio, accept, requiredSize, maxSize, maxFileSizeMB, requiredAspectRatio, components, className }: ImageUploadFieldProps): import("react").JSX.Element;
|
|
53
|
+
export declare function ImageUploadField({ id, label, uploadHintText, descriptionText, value, onChange, aspectRatio, cardAspectRatio, accept, requiredSize, maxSize, maxFileSizeMB, requiredAspectRatio, components, className, width, height, }: ImageUploadFieldProps): import("react").JSX.Element;
|
|
48
54
|
export {};
|
|
49
55
|
//# sourceMappingURL=ImageUploadField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageUploadField.d.ts","sourceRoot":"","sources":["../../../src/components/image/ImageUploadField.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EAEzB,MAAM,OAAO,CAAA;AACd,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAS1C,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAC5D,KAAK,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACjC,UAAU,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAA;IACjE,gBAAgB,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;IAClD,MAAM,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IACvC,SAAS,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;CACrC,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,KAAK,EAAE,cAAc,CAAA;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"ImageUploadField.d.ts","sourceRoot":"","sources":["../../../src/components/image/ImageUploadField.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EAEzB,MAAM,OAAO,CAAA;AACd,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAS1C,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAC5D,KAAK,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACjC,UAAU,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAA;IACjE,gBAAgB,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;IAClD,MAAM,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IACvC,SAAS,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;CACrC,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,KAAK,EAAE,cAAc,CAAA;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAkGD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,gBAAgB,CAAC,EACG,EAAE,EACF,KAAK,EACL,cAAc,EACd,eAAe,EACf,KAAK,EACL,QAAQ,EACR,WAAqB,EACrB,eAAe,EACf,MAAkB,EAClB,YAAY,EACZ,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,GACP,EAAE,qBAAqB,+BAmLzD"}
|
|
@@ -20,6 +20,7 @@ type ImageUploadSortableFieldProps = {
|
|
|
20
20
|
items: FileUploadItem[];
|
|
21
21
|
onChange: (items: FileUploadItem[]) => void;
|
|
22
22
|
aspectRatio?: string;
|
|
23
|
+
cardAspectRatio?: string;
|
|
23
24
|
accept?: string;
|
|
24
25
|
components?: InjectedComponents;
|
|
25
26
|
requiredSize?: string;
|
|
@@ -27,6 +28,8 @@ type ImageUploadSortableFieldProps = {
|
|
|
27
28
|
maxFileSizeMB?: number;
|
|
28
29
|
requiredAspectRatio?: boolean;
|
|
29
30
|
className?: string;
|
|
31
|
+
width?: string;
|
|
32
|
+
height?: string;
|
|
30
33
|
};
|
|
31
34
|
/**
|
|
32
35
|
* 정렬 가능한 다중 이미지 업로드 필드 컴포넌트.
|
|
@@ -38,7 +41,8 @@ type ImageUploadSortableFieldProps = {
|
|
|
38
41
|
* @param uploadHintText - 업로드 영역에 표시할 힌트 텍스트
|
|
39
42
|
* @param items - 현재 업로드된 이미지 아이템 배열
|
|
40
43
|
* @param onChange - 이미지 목록 변경 시 호출되는 콜백
|
|
41
|
-
* @param aspectRatio - 이미지
|
|
44
|
+
* @param aspectRatio - 이미지 표시 영역의 종횡비 (기본값 "1 / 1")
|
|
45
|
+
* @param cardAspectRatio - 업로드 카드 영역의 종횡비 (설정하지 않으면 aspectRatio와 동일)
|
|
42
46
|
* @param accept - 허용할 파일 MIME 타입 (기본값 "image/*")
|
|
43
47
|
* @param requiredSize - 필수 이미지 크기 (예: "1920x1080")
|
|
44
48
|
* @param maxSize - 최대 이미지 크기 (예: "3840x2160")
|
|
@@ -46,7 +50,9 @@ type ImageUploadSortableFieldProps = {
|
|
|
46
50
|
* @param requiredAspectRatio - 종횡비 검증 활성화 여부
|
|
47
51
|
* @param components - 주입 가능한 커스텀 컴포넌트
|
|
48
52
|
* @param className - 컴포넌트에 적용할 CSS 클래스명
|
|
53
|
+
* @param width - 필드 너비 (CSS 값, 예: "20rem", "100%")
|
|
54
|
+
* @param height - 필드 높이 (CSS 값, 예: "20rem", "auto")
|
|
49
55
|
*/
|
|
50
|
-
export declare function ImageUploadSortableField({ id, label, descriptionText, uploadHintText, items, onChange, aspectRatio, accept, requiredSize, maxSize, maxFileSizeMB, requiredAspectRatio, components, className, }: ImageUploadSortableFieldProps): import("react").JSX.Element;
|
|
56
|
+
export declare function ImageUploadSortableField({ id, label, descriptionText, uploadHintText, items, onChange, aspectRatio, cardAspectRatio, accept, requiredSize, maxSize, maxFileSizeMB, requiredAspectRatio, components, className, width, height, }: ImageUploadSortableFieldProps): import("react").JSX.Element;
|
|
51
57
|
export {};
|
|
52
58
|
//# sourceMappingURL=ImageUploadSortableField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageUploadSortableField.d.ts","sourceRoot":"","sources":["../../../src/components/image/ImageUploadSortableField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,aAAa,EAEb,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,SAAS,EAUd,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,mBAAmB,CAAA;AAS1B,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAC5D,KAAK,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACjC,UAAU,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAA;IACjE,gBAAgB,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;IAClD,UAAU,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IACzC,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IACvC,SAAS,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;CACrC,CAAA;AAED,KAAK,6BAA6B,GAAG;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"ImageUploadSortableField.d.ts","sourceRoot":"","sources":["../../../src/components/image/ImageUploadSortableField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,aAAa,EAEb,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,SAAS,EAUd,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,mBAAmB,CAAA;AAS1B,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAC5D,KAAK,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACjC,UAAU,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAA;IACjE,gBAAgB,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;IAClD,UAAU,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IACzC,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IACvC,SAAS,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;CACrC,CAAA;AAED,KAAK,6BAA6B,GAAG;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AA0JD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,wBAAwB,CAAC,EACG,EAAE,EACF,KAAK,EACL,eAAe,EACf,cAAc,EACd,KAAK,EACL,QAAQ,EACR,WAAqB,EACrB,eAAe,EACf,MAAkB,EAClB,YAAY,EACZ,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,GACP,EAAE,6BAA6B,+BA0NzE"}
|