sprint-asia-custom-component 0.1.56 → 0.1.58

package/dist/index.js

@@ -26024,19 +26024,19 @@
       },
       onDropRejected
     });
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "w-52 h-52"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "cursor-pointer relative"
     }, /*#__PURE__*/React__default["default"].createElement("div", _extends$2({}, getRootProps({
       className: 'dropzone'
     }), {
-      className: "bg-neutral20 h-52 w-52 border-2 border-neutral50 border-dashed",
+      className: `${errorMessage || error ? "border-danger500" : "border-neutral50"} "bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed"`,
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false)
     }), /*#__PURE__*/React__default["default"].createElement("input", getInputProps()), currentImage && !selectedImage ? /*#__PURE__*/React__default["default"].createElement("img", {
       src: currentImage,
-      className: "w-full h-full object-cover"
+      className: "w-full h-full object-cover rounded-md"
     }) : !currentImage && !selectedImage ? /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex w-full h-full justify-center items-center text-center"
     }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -26050,9 +26050,9 @@
       className: "text-xs text-danger500"
     }, errorMessage))) : /*#__PURE__*/React__default["default"].createElement("img", {
       src: selectedImage,
-      className: "w-full h-full object-cover"
+      className: "w-full h-full object-cover rounded-md"
     }), (selectedImage || currentImage) && isHovered && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "absolute inset-0 bg-black bg-opacity-40 items-center flex justify-center"
+      className: "absolute inset-0 rounded-md bg-black bg-opacity-40 items-center flex justify-center"
     }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex justify-center"
     }, /*#__PURE__*/React__default["default"].createElement(PiPlus, {
@@ -26060,11 +26060,11 @@
       className: "text-white"
     })), /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-xs text-white mt-2"
-    }, "Upload Image")))), error && /*#__PURE__*/React__default["default"].createElement("p", {
+    }, "Upload Image")))))), error && /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-danger500 text-xs mt-1"
     }, error), /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-xs text-neutral300 mt-1"
-    }, subtitle)));
+    }, subtitle));
   };
 
   var img$4 = "data:image/png;base64,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";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sprint-asia-custom-component",
   "main": "dist/index.js",
-  "version": "0.1.56",
+  "version": "0.1.58",
   "private": false,
   "dependencies": {
     "@headlessui/react": "^1.7.18",

package/src/components/dropzone/uploadphoto/index.js

@@ -37,55 +37,58 @@ const DropzoneUploadPhoto = ({
     });
 
     return (
-        <div className='w-52 h-52'>
-            <div
-                className="cursor-pointer relative"
-            >
+        <>
+        
+            <div className='w-52 h-52'>
                 <div
-                    {...getRootProps({ className: 'dropzone' })}
-                    className="bg-neutral20 h-52 w-52 border-2 border-neutral50 border-dashed"
-                    onMouseEnter={() => setIsHovered(true)}
-                    onMouseLeave={() => setIsHovered(false)}
+                    className="cursor-pointer relative"
                 >
-                    <input {...getInputProps()} />
-                    {
-                        currentImage && !selectedImage ?
-                        <img
-                            src={currentImage}
-                            className="w-full h-full object-cover"
-                        />
-                        :
-                        !currentImage && !selectedImage ?
-                        <div className="flex w-full h-full justify-center items-center text-center">
-                            <div>
-                                <div className='flex justify-center'>
-                                    <PiPlus size={18} className='text-neutral300'/>
+                    <div
+                        {...getRootProps({ className: 'dropzone' })}
+                        className={`${(errorMessage || error) ? "border-danger500": "border-neutral50"} "bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed"`}
+                        onMouseEnter={() => setIsHovered(true)}
+                        onMouseLeave={() => setIsHovered(false)}
+                    >
+                        <input {...getInputProps()} />
+                        {
+                            currentImage && !selectedImage ?
+                            <img
+                                src={currentImage}
+                                className="w-full h-full object-cover rounded-md"
+                            />
+                            :
+                            !currentImage && !selectedImage ?
+                            <div className="flex w-full h-full justify-center items-center text-center">
+                                <div>
+                                    <div className='flex justify-center'>
+                                        <PiPlus size={18} className='text-neutral300'/>
+                                    </div>
+                                    <p className="text-xs text-neutral300 mt-2">Upload Image</p>
+                                    {errorMessage && <p className="text-xs text-danger500">{errorMessage}</p>}
                                 </div>
-                                <p className="text-xs text-neutral300 mt-2">Upload Image</p>
-                                {errorMessage && <p className="text-xs text-danger500">{errorMessage}</p>}
                             </div>
-                        </div>
-                        :
-                        <img
-                            src={selectedImage}
-                            className="w-full h-full object-cover"
-                        />
-                    }
-                    {(selectedImage || currentImage) && isHovered && (
-                        <div className="absolute inset-0 bg-black bg-opacity-40 items-center flex justify-center">
-                            <div>
-                                <div className='flex justify-center'>
-                                    <PiPlus size={18} className='text-white'/>
+                            :
+                            <img
+                                src={selectedImage}
+                                className="w-full h-full object-cover rounded-md"
+                            />
+                        }
+                        {(selectedImage || currentImage) && isHovered && (
+                            <div className="absolute inset-0 rounded-md bg-black bg-opacity-40 items-center flex justify-center">
+                                <div>
+                                    <div className='flex justify-center'>
+                                        <PiPlus size={18} className='text-white'/>
+                                    </div>
+                                    <p className="text-xs text-white mt-2">Upload Image</p>
                                 </div>
-                                <p className="text-xs text-white mt-2">Upload Image</p>
                             </div>
-                        </div>
-                    )}
+                        )}
+                    </div>
                 </div>
-                {error && <p className="text-danger500 text-xs mt-1">{error}</p>}
-                <p className="text-xs text-neutral300 mt-1">{subtitle}</p>
             </div>
-        </div>
+            {error && <p className="text-danger500 text-xs mt-1">{error}</p>}
+            <p className="text-xs text-neutral300 mt-1">{subtitle}</p>
+        </>
     );
 };