sprint-asia-custom-component 0.1.146 → 0.1.148

package/dist/index.js

@@ -224,7 +224,8 @@
     icon = null,
     positionIcon = "left",
     //left, right // Position
-    onClick = () => {}
+    onClick = () => {},
+    isSubmit = false
   }) => {
     const [isPressed, setIsPressed] = React.useState(false);
     const handleButtonPress = () => {
@@ -238,7 +239,7 @@
     };
     return /*#__PURE__*/React__default["default"].createElement("button", {
       className: `
-            ${isPressed && isActive ? 'bg-primary700 text-white' : isActive ? 'bg-primary500 hover:bg-primary600 text-white cursor-pointer' : 'bg-neutral30 text-neutral80 cursor-default'} 
+            ${isPressed && isActive ? "bg-primary700 text-white" : isActive ? "bg-primary500 hover:bg-primary600 text-white cursor-pointer" : "bg-neutral30 text-neutral80 cursor-default"} 
             ${type === "full" && "w-full"}
             ${size === "small" && "text-sm h-7"}
             ${size === "medium" && "text-md h-8"}
@@ -253,7 +254,8 @@
       onMouseDown: handleButtonPress,
       onMouseUp: handleButtonRelease,
       onTouchStart: handleButtonPress,
-      onTouchEnd: handleButtonRelease
+      onTouchEnd: handleButtonRelease,
+      type: isSubmit ? "submit" : "button"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex items-center"
     }, isIconVisible && positionIcon == "left" && icon && /*#__PURE__*/React__default["default"].createElement("span", {
@@ -26275,7 +26277,9 @@
       src: URL.createObjectURL(selectedFile),
       alt: "Selected",
       className: "object-contain rounded-lg w-full h-full"
-    })))), error && /*#__PURE__*/React__default["default"].createElement("p", {
+    })))), selectedFile && errorMessage && /*#__PURE__*/React__default["default"].createElement("p", {
+      className: "text-danger500 text-xs mt-1"
+    }, errorMessage), 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"

package/package.json

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

package/src/components/button/primarybutton/index.js

@@ -1,33 +1,40 @@
-import React, { useState } from 'react';
+import React, { useState } from "react";
 
 const PrimaryButton = ({
-    title = "Button",
-    type = "wrap",
-    isActive = true,
-    size = "large",
-    isIconVisible = false,
-    icon = null,
-    positionIcon = "left", //left, right // Position
-    onClick = () => {}
+  title = "Button",
+  type = "wrap",
+  isActive = true,
+  size = "large",
+  isIconVisible = false,
+  icon = null,
+  positionIcon = "left", //left, right // Position
+  onClick = () => {},
+  isSubmit = false,
 }) => {
-    const [isPressed, setIsPressed] = useState(false);
+  const [isPressed, setIsPressed] = useState(false);
 
-    const handleButtonPress = () => {
-        setIsPressed(true);
-    };
+  const handleButtonPress = () => {
+    setIsPressed(true);
+  };
 
-    const handleButtonRelease = () => {
-        setIsPressed(false);
-    };
+  const handleButtonRelease = () => {
+    setIsPressed(false);
+  };
 
-    const handleClick = (e) => {
-        onClick(e);
-    };
+  const handleClick = (e) => {
+    onClick(e);
+  };
 
   return (
     <button
-        className={`
-            ${(isPressed && isActive) ? 'bg-primary700 text-white' : (isActive ? 'bg-primary500 hover:bg-primary600 text-white cursor-pointer' : 'bg-neutral30 text-neutral80 cursor-default')} 
+      className={`
+            ${
+              isPressed && isActive
+                ? "bg-primary700 text-white"
+                : isActive
+                ? "bg-primary500 hover:bg-primary600 text-white cursor-pointer"
+                : "bg-neutral30 text-neutral80 cursor-default"
+            } 
             ${type === "full" && "w-full"}
             ${size === "small" && "text-sm h-7"}
             ${size === "medium" && "text-md h-8"}
@@ -36,26 +43,22 @@ const PrimaryButton = ({
             ${size === "extra very large" && "text-2xl h-14"}
             ${size === "detail division" && "text-sm h-10"}
             ${size === "client approval" && "text-sm h-8"}
-            rounded-lg drop-shadow-md text-center py-1.5 px-4 flex justify-center items-center`
-        }
-        disabled={!isActive}
-        onClick={handleClick}
-        onMouseDown={handleButtonPress}
-        onMouseUp={handleButtonRelease}
-        onTouchStart={handleButtonPress}
-        onTouchEnd={handleButtonRelease}
+            rounded-lg drop-shadow-md text-center py-1.5 px-4 flex justify-center items-center`}
+      disabled={!isActive}
+      onClick={handleClick}
+      onMouseDown={handleButtonPress}
+      onMouseUp={handleButtonRelease}
+      onTouchStart={handleButtonPress}
+      onTouchEnd={handleButtonRelease}
+      type={isSubmit ? "submit" : "button"}
     >
-        <div className='flex items-center'>
-                {
-                    isIconVisible && positionIcon == "left" && icon && <span className='mr-1'>{icon}</span>
-                }
-                <p>{title}</p>
-                {
-                    isIconVisible && positionIcon == "right" && icon && <span className='ml-1'>{icon}</span>
-                }
-            </div>
+      <div className="flex items-center">
+        {isIconVisible && positionIcon == "left" && icon && <span className="mr-1">{icon}</span>}
+        <p>{title}</p>
+        {isIconVisible && positionIcon == "right" && icon && <span className="ml-1">{icon}</span>}
+      </div>
     </button>
   );
 };
 
-export default PrimaryButton;
+export default PrimaryButton;

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

@@ -123,6 +123,7 @@ const DropzoneUploadPhoto = ({
           </div>
         </div>
       </div>
+      {selectedFile && errorMessage && <p className="text-danger500 text-xs mt-1">{errorMessage}</p>}
       {error && <p className="text-danger500 text-xs mt-1">{error}</p>}
       <p className="text-xs text-neutral300 mt-1">{subtitle}</p>
     </div>