@sunggang/ui-lib 0.0.3 → 0.0.4

package/index.esm.js

@@ -3431,7 +3431,7 @@ var DropImage = function(param) {
                             children: /*#__PURE__*/ jsx("div", {
                                 className: "border-2 border-dashed border-gray-400 rounded-lg bg-gray-100",
                                 children: /*#__PURE__*/ jsxs("div", {
-                                    className: "flex items-center flex-col p-16",
+                                    className: "flex items-center flex-col h-48 justify-center",
                                     children: [
                                         /*#__PURE__*/ jsx("p", {
                                             className: "font-normal text-sm text-gray-400 py-4",
@@ -3450,7 +3450,7 @@ var DropImage = function(param) {
             })),
             preview && /*#__PURE__*/ jsx("div", {
                 className: "flex pt-2 gap-2",
-                children: (previewFiles === null || previewFiles === void 0 ? void 0 : previewFiles.length) ? previewFiles.length > 0 && previewFiles.map(function(item) {
+                children: (previewFiles === null || previewFiles === void 0 ? void 0 : previewFiles.length) ? previewFiles.length > 0 ? previewFiles.map(function(item) {
                     return /*#__PURE__*/ jsx("div", {
                         children: /*#__PURE__*/ jsx("img", {
                             className: "w-24 h-24 object-cover",
@@ -3458,15 +3458,15 @@ var DropImage = function(param) {
                             alt: ""
                         })
                     }, item === null || item === void 0 ? void 0 : item.uuid);
-                }) : imageUrls && imageUrls.length && imageUrls.map(function(item) {
+                }) : null : imageUrls && imageUrls.length ? imageUrls.map(function(item) {
                     return /*#__PURE__*/ jsx("div", {
                         children: /*#__PURE__*/ jsx("img", {
                             className: "w-24 h-24 object-cover",
-                            src: item,
+                            src: item === null || item === void 0 ? void 0 : item.url,
                             alt: ""
                         })
-                    }, item);
-                })
+                    }, item === null || item === void 0 ? void 0 : item.url);
+                }) : null
             })
         ]
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js"

package/src/lib/DropImage/index.d.ts

@@ -1,7 +1,13 @@
 import React from 'react';
+interface ImageItem {
+    map?: any;
+    length?: ImageItem | undefined;
+    url: string;
+    book_items_category_id: string | null;
+}
 interface DropImageProps {
     preview?: boolean;
-    imageUrls?: string[];
+    imageUrls?: ImageItem[];
     setFiles: React.Dispatch<React.SetStateAction<File[]>>;
 }
 export declare const DropImage: React.FC<DropImageProps>;