sprint-asia-custom-component 0.1.101 → 0.1.103

package/dist/index.js

@@ -23882,11 +23882,11 @@
     }, linkSubtitle)), image && (typeof image === "string" ? /*#__PURE__*/React__default["default"].createElement("img", {
       src: image,
       alt: "voucher-img",
-      className: "w-52 h-52 object-cover rounded-lg mt-1"
+      className: "w-52 h-52 object-contain rounded-lg mt-1"
     }) : /*#__PURE__*/React__default["default"].createElement("img", {
       src: URL.createObjectURL(image),
       alt: "voucher-img",
-      className: "w-52 h-52 object-cover rounded-lg mt-1"
+      className: "w-52 h-52 object-contain rounded-lg mt-1"
     })));
   };
 
@@ -26080,7 +26080,10 @@
     }, title), required && /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-sm font-normal text-danger500 ml-1"
     }, "*")), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: `${disabled ? "cursor-default" : "cursor-pointer"} w-fit`
+      className: `${disabled ? "cursor-default" : "cursor-pointer"}`,
+      style: {
+        width: "fit-content"
+      }
     }, /*#__PURE__*/React__default["default"].createElement("div", _extends$2({}, getRootProps({
       className: "dropzone"
     }), {

package/package.json

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

package/src/components/description/index.js

@@ -29,9 +29,13 @@ const Description = ({ title, value, textColor = "default", subtitle, linkSubtit
 
       {image &&
         (typeof image === "string" ? (
-          <img src={image} alt="voucher-img" className="w-52 h-52 object-cover rounded-lg mt-1" />
+          <img src={image} alt="voucher-img" className="w-52 h-52 object-contain rounded-lg mt-1" />
         ) : (
-          <img src={URL.createObjectURL(image)} alt="voucher-img" className="w-52 h-52 object-cover rounded-lg mt-1" />
+          <img
+            src={URL.createObjectURL(image)}
+            alt="voucher-img"
+            className="w-52 h-52 object-contain rounded-lg mt-1"
+          />
         ))}
     </div>
   );

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

@@ -40,7 +40,7 @@ const DropzoneUploadPhoto = ({
         <p className="text-black text-sm mb-1">{title}</p>
         {required && <p className="text-sm font-normal text-danger500 ml-1">*</p>}
       </div>
-      <div className={`${disabled ? "cursor-default" : "cursor-pointer"} w-fit`}>
+      <div className={`${disabled ? "cursor-default" : "cursor-pointer"}`} style={{ width: "fit-content" }}>
         <div
           {...getRootProps({ className: "dropzone" })}
           style={{

package/src/templates/index.js

@@ -1117,6 +1117,9 @@ const Templates = () => {
         // disabled={true}
         // layout="rectangle"
         selectedFile={currentImage}
+        title="Upload a photos with minimum resolution 300 x 300 px and maximum 5000 x 5000 px."
+        subtitle="Format File PNG, JPEG, or JPG, Maximal File 5 MB"
+        required={true}
       />
 
       <div className="m-9"></div>