sprint-asia-custom-component 0.1.59 → 0.1.61

package/dist/index.js

@@ -26031,7 +26031,7 @@
     }, /*#__PURE__*/React__default["default"].createElement("div", _extends$2({}, getRootProps({
       className: 'dropzone'
     }), {
-      className: `${errorMessage || error ? "border-danger500 border-dashed" : "border-neutral50 border-dashed"} "bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed"`,
+      className: `${errorMessage || error ? "border-danger500 border-dashed" : "border-neutral50 border-dashed"} 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", {
@@ -47834,10 +47834,12 @@
   };
 
   const Footer = ({
-    titleLeftButton = "Cancel",
-    titleRightButton = "Submit",
+    titleLeftButton = "Delete",
+    titleRightButton = "Edit",
     isActiveLeftButton,
     isActiveRightButton,
+    modeLeftButton = "danger",
+    modeRightButton = "outline",
     onClickLeftButton,
     onClickRightButton
   }) => {
@@ -47845,18 +47847,34 @@
       className: "fixed bottom-0 flex justify-end w-full items-center py-1 px-6 bg-white"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex items-center mr-48"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, isActiveLeftButton && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "m-1"
-    }, /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
+    }, modeLeftButton == "primary" && /*#__PURE__*/React__default["default"].createElement(PrimaryButton, {
       title: titleLeftButton,
       onClick: onClickLeftButton,
-      isActive: isActiveLeftButton
-    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      isActive: true
+    }), modeLeftButton == "danger" && /*#__PURE__*/React__default["default"].createElement(DangerButton, {
+      title: titleLeftButton,
+      onClick: onClickLeftButton,
+      isActive: true
+    }), modeLeftButton == "outline" && /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
+      title: titleLeftButton,
+      onClick: onClickLeftButton,
+      isActive: true
+    })), isActiveRightButton && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "m-1"
-    }, /*#__PURE__*/React__default["default"].createElement(PrimaryButton, {
+    }, modeRightButton == "primary" && /*#__PURE__*/React__default["default"].createElement(PrimaryButton, {
+      title: titleRightButton,
+      onClick: onClickRightButton,
+      isActive: true
+    }), modeRightButton == "danger" && /*#__PURE__*/React__default["default"].createElement(DangerButton, {
+      title: titleRightButton,
+      onClick: onClickRightButton,
+      isActive: true
+    }), modeRightButton == "outline" && /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
       title: titleRightButton,
       onClick: onClickRightButton,
-      isActive: isActiveRightButton
+      isActive: true
     }))));
   };
 

package/package.json

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

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

@@ -45,7 +45,7 @@ const DropzoneUploadPhoto = ({
                 >
                     <div
                         {...getRootProps({ className: 'dropzone' })}
-                        className={`${(errorMessage || error) ? "border-danger500 border-dashed": "border-neutral50 border-dashed"} "bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed"`}
+                        className={`${(errorMessage || error) ? "border-danger500 border-dashed": "border-neutral50 border-dashed"} bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed`}
                         onMouseEnter={() => setIsHovered(true)}
                         onMouseLeave={() => setIsHovered(false)}
                     >

package/src/components/footer/index.js

@@ -1,32 +1,79 @@
 import React from 'react';
 import OutlineButton from '../button/outlinebutton';
+import DangerButton from '../button/dangerbutton';
 import PrimaryButton from '../button/primarybutton';
 
 const Footer = ({ 
-    titleLeftButton = "Cancel",
-    titleRightButton = "Submit",
+    titleLeftButton = "Delete",
+    titleRightButton = "Edit",
     isActiveLeftButton,
     isActiveRightButton,
+    modeLeftButton = "danger",
+    modeRightButton = "outline",
     onClickLeftButton,
     onClickRightButton
 }) => {
   return (
     <div className='fixed bottom-0 flex justify-end w-full items-center py-1 px-6 bg-white'>
         <div className='flex items-center mr-48'>
-            <div className='m-1'>
-                <OutlineButton 
-                    title={titleLeftButton}
-                    onClick={onClickLeftButton}
-                    isActive={isActiveLeftButton}
-                />
-            </div>
-            <div className='m-1'>
-                <PrimaryButton 
-                    title={titleRightButton}
-                    onClick={onClickRightButton}
-                    isActive={isActiveRightButton}
-                />
-            </div>
+            {
+                isActiveLeftButton && 
+                <div className='m-1'>
+                    {
+                        modeLeftButton == "primary" &&
+                        <PrimaryButton 
+                            title={titleLeftButton}
+                            onClick={onClickLeftButton}
+                            isActive={true}
+                        />
+                    }
+                    {
+                        modeLeftButton == "danger" &&
+                        <DangerButton 
+                            title={titleLeftButton}
+                            onClick={onClickLeftButton}
+                            isActive={true}
+                        />
+                    }
+                    {
+                        modeLeftButton == "outline" &&
+                        <OutlineButton 
+                            title={titleLeftButton}
+                            onClick={onClickLeftButton}
+                            isActive={true}
+                        />
+                    }
+                </div>
+            }
+            {
+                isActiveRightButton &&
+                <div className='m-1'>
+                    {
+                        modeRightButton == "primary" &&
+                        <PrimaryButton 
+                            title={titleRightButton}
+                            onClick={onClickRightButton}
+                            isActive={true}
+                        />
+                    }
+                    {
+                        modeRightButton == "danger" &&
+                        <DangerButton 
+                            title={titleRightButton}
+                            onClick={onClickRightButton}
+                            isActive={true}
+                        />
+                    }
+                    {
+                        modeRightButton == "outline" &&
+                        <OutlineButton 
+                            title={titleRightButton}
+                            onClick={onClickRightButton}
+                            isActive={true}
+                        />
+                    }
+                </div>
+            }
         </div>
     </div>
   );