sprint-asia-custom-component 0.1.57 → 0.1.59

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.
Files changed (3) hide show
  1. package/dist/index.js +3 -3
  2. package/package.json +1 -1
  3. package/src/components/dropzone/uploadphoto/index.js +42 -39
package/dist/index.js CHANGED
@@ -26024,14 +26024,14 @@
26024
26024
  },
26025
26025
  onDropRejected
26026
26026
  });
26027
- return /*#__PURE__*/React__default["default"].createElement("div", {
26027
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
26028
26028
  className: "w-52 h-52"
26029
26029
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26030
26030
  className: "cursor-pointer relative"
26031
26031
  }, /*#__PURE__*/React__default["default"].createElement("div", _extends$2({}, getRootProps({
26032
26032
  className: 'dropzone'
26033
26033
  }), {
26034
- className: `${errorMessage || error ? "border-danger500" : "border-neutral50"} "bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed"`,
26034
+ className: `${errorMessage || error ? "border-danger500 border-dashed" : "border-neutral50 border-dashed"} "bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed"`,
26035
26035
  onMouseEnter: () => setIsHovered(true),
26036
26036
  onMouseLeave: () => setIsHovered(false)
26037
26037
  }), /*#__PURE__*/React__default["default"].createElement("input", getInputProps()), currentImage && !selectedImage ? /*#__PURE__*/React__default["default"].createElement("img", {
@@ -26060,7 +26060,7 @@
26060
26060
  className: "text-white"
26061
26061
  })), /*#__PURE__*/React__default["default"].createElement("p", {
26062
26062
  className: "text-xs text-white mt-2"
26063
- }, "Upload Image"))))), error && /*#__PURE__*/React__default["default"].createElement("p", {
26063
+ }, "Upload Image")))))), error && /*#__PURE__*/React__default["default"].createElement("p", {
26064
26064
  className: "text-danger500 text-xs mt-1"
26065
26065
  }, error), /*#__PURE__*/React__default["default"].createElement("p", {
26066
26066
  className: "text-xs text-neutral300 mt-1"
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sprint-asia-custom-component",
3
3
  "main": "dist/index.js",
4
- "version": "0.1.57",
4
+ "version": "0.1.59",
5
5
  "private": false,
6
6
  "dependencies": {
7
7
  "@headlessui/react": "^1.7.18",
package/src/components/dropzone/uploadphoto/index.js CHANGED
@@ -37,55 +37,58 @@ const DropzoneUploadPhoto = ({
37
37
  });
38
38
 
39
39
  return (
40
- <div className='w-52 h-52'>
41
- <div
42
- className="cursor-pointer relative"
43
- >
40
+ <>
41
+
42
+ <div className='w-52 h-52'>
44
43
  <div
45
- {...getRootProps({ className: 'dropzone' })}
46
- className={`${(errorMessage || error) ? "border-danger500": "border-neutral50"} "bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed"`}
47
- onMouseEnter={() => setIsHovered(true)}
48
- onMouseLeave={() => setIsHovered(false)}
44
+ className="cursor-pointer relative"
49
45
  >
50
- <input {...getInputProps()} />
51
- {
52
- currentImage && !selectedImage ?
53
- <img
54
- src={currentImage}
55
- className="w-full h-full object-cover rounded-md"
56
- />
57
- :
58
- !currentImage && !selectedImage ?
59
- <div className="flex w-full h-full justify-center items-center text-center">
60
- <div>
61
- <div className='flex justify-center'>
62
- <PiPlus size={18} className='text-neutral300'/>
46
+ <div
47
+ {...getRootProps({ className: 'dropzone' })}
48
+ className={`${(errorMessage || error) ? "border-danger500 border-dashed": "border-neutral50 border-dashed"} "bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed"`}
49
+ onMouseEnter={() => setIsHovered(true)}
50
+ onMouseLeave={() => setIsHovered(false)}
51
+ >
52
+ <input {...getInputProps()} />
53
+ {
54
+ currentImage && !selectedImage ?
55
+ <img
56
+ src={currentImage}
57
+ className="w-full h-full object-cover rounded-md"
58
+ />
59
+ :
60
+ !currentImage && !selectedImage ?
61
+ <div className="flex w-full h-full justify-center items-center text-center">
62
+ <div>
63
+ <div className='flex justify-center'>
64
+ <PiPlus size={18} className='text-neutral300'/>
65
+ </div>
66
+ <p className="text-xs text-neutral300 mt-2">Upload Image</p>
67
+ {errorMessage && <p className="text-xs text-danger500">{errorMessage}</p>}
63
68
  </div>
64
- <p className="text-xs text-neutral300 mt-2">Upload Image</p>
65
- {errorMessage && <p className="text-xs text-danger500">{errorMessage}</p>}
66
69
  </div>
67
- </div>
68
- :
69
- <img
70
- src={selectedImage}
71
- className="w-full h-full object-cover rounded-md"
72
- />
73
- }
74
- {(selectedImage || currentImage) && isHovered && (
75
- <div className="absolute inset-0 rounded-md bg-black bg-opacity-40 items-center flex justify-center">
76
- <div>
77
- <div className='flex justify-center'>
78
- <PiPlus size={18} className='text-white'/>
70
+ :
71
+ <img
72
+ src={selectedImage}
73
+ className="w-full h-full object-cover rounded-md"
74
+ />
75
+ }
76
+ {(selectedImage || currentImage) && isHovered && (
77
+ <div className="absolute inset-0 rounded-md bg-black bg-opacity-40 items-center flex justify-center">
78
+ <div>
79
+ <div className='flex justify-center'>
80
+ <PiPlus size={18} className='text-white'/>
81
+ </div>
82
+ <p className="text-xs text-white mt-2">Upload Image</p>
79
83
  </div>
80
- <p className="text-xs text-white mt-2">Upload Image</p>
81
84
  </div>
82
- </div>
83
- )}
85
+ )}
86
+ </div>
84
87
  </div>
85
88
  </div>
86
89
  {error && <p className="text-danger500 text-xs mt-1">{error}</p>}
87
90
  <p className="text-xs text-neutral300 mt-1">{subtitle}</p>
88
- </div>
91
+ </>
89
92
  );
90
93
  };
91
94