sprint-asia-custom-component 0.1.111 → 0.1.113

package/dist/index.js

@@ -191,8 +191,8 @@
   };
 
   const Alert = ({
-    title = "Title",
-    subtitle = "Subtitle",
+    title,
+    subtitle,
     type = "primary",
     titleLeftButton,
     titleRightButton,
@@ -224,9 +224,9 @@
                             ${type === "warning" && "text-warning800"}
                             ${type === "danger" && "text-danger500"} 
                             mr-2`
-    })), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", {
+    })), /*#__PURE__*/React__default["default"].createElement("div", null, title && /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-md font-semibold text-black"
-    }, title), /*#__PURE__*/React__default["default"].createElement("p", {
+    }, title), subtitle && /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-sm font-normal text-black"
     }, subtitle))), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex items-center"
@@ -47903,7 +47903,8 @@
     modeLeftButton = "danger",
     modeRightButton = "outline",
     onClickLeftButton,
-    onClickRightButton
+    onClickRightButton,
+    additionalButton
   }) => {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "fixed bottom-0 flex justify-end w-full items-center py-1 px-6 bg-white"
@@ -47911,29 +47912,31 @@
       className: "flex items-center mr-48"
     }, isActiveLeftButton && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "m-1"
-    }, modeLeftButton == "primary" && /*#__PURE__*/React__default["default"].createElement(PrimaryButton, {
+    }, modeLeftButton === "primary" && /*#__PURE__*/React__default["default"].createElement(PrimaryButton, {
       title: titleLeftButton,
       onClick: onClickLeftButton,
       isActive: true
-    }), modeLeftButton == "danger" && /*#__PURE__*/React__default["default"].createElement(DangerButton, {
+    }), modeLeftButton === "danger" && /*#__PURE__*/React__default["default"].createElement(DangerButton, {
       title: titleLeftButton,
       onClick: onClickLeftButton,
       isActive: true
-    }), modeLeftButton == "outline" && /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
+    }), modeLeftButton === "outline" && /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
       title: titleLeftButton,
       onClick: onClickLeftButton,
       isActive: true
-    })), isActiveRightButton && /*#__PURE__*/React__default["default"].createElement("div", {
+    })), additionalButton && /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "m-1"
+    }, additionalButton), isActiveRightButton && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "m-1"
-    }, modeRightButton == "primary" && /*#__PURE__*/React__default["default"].createElement(PrimaryButton, {
+    }, modeRightButton === "primary" && /*#__PURE__*/React__default["default"].createElement(PrimaryButton, {
       title: titleRightButton,
       onClick: onClickRightButton,
       isActive: isActive
-    }), modeRightButton == "danger" && /*#__PURE__*/React__default["default"].createElement(DangerButton, {
+    }), modeRightButton === "danger" && /*#__PURE__*/React__default["default"].createElement(DangerButton, {
       title: titleRightButton,
       onClick: onClickRightButton,
       isActive: isActive
-    }), modeRightButton == "outline" && /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
+    }), modeRightButton === "outline" && /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
       title: titleRightButton,
       onClick: onClickRightButton,
       isActive: isActive

package/package.json

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

package/src/components/alert/index.js

@@ -4,8 +4,8 @@ import OutlineButton from '../button/outlinebutton'
 import PrimaryButton from '../button/primarybutton'
 
 const Alert = ({
-    title = "Title", 
-    subtitle = "Subtitle",
+    title, 
+    subtitle,
     type = "primary",
     titleLeftButton,
     titleRightButton,
@@ -45,8 +45,14 @@ const Alert = ({
                 }
             </div>
             <div>
-                <p className='text-md font-semibold text-black'>{title}</p>
-                <p className='text-sm font-normal text-black'>{subtitle}</p>
+                {
+                    title &&
+                    <p className='text-md font-semibold text-black'>{title}</p>
+                }
+                {
+                    subtitle &&
+                    <p className='text-sm font-normal text-black'>{subtitle}</p>
+                }
             </div>
         </div>
         <div className='flex items-center'>

package/src/components/footer/index.js

@@ -13,32 +13,36 @@ const Footer = ({
   modeRightButton = "outline",
   onClickLeftButton,
   onClickRightButton,
+  additionalButton,
 }) => {
   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">
         {isActiveLeftButton && (
           <div className="m-1">
-            {modeLeftButton == "primary" && (
+            {modeLeftButton === "primary" && (
               <PrimaryButton title={titleLeftButton} onClick={onClickLeftButton} isActive={true} />
             )}
-            {modeLeftButton == "danger" && (
+            {modeLeftButton === "danger" && (
               <DangerButton title={titleLeftButton} onClick={onClickLeftButton} isActive={true} />
             )}
-            {modeLeftButton == "outline" && (
+            {modeLeftButton === "outline" && (
               <OutlineButton title={titleLeftButton} onClick={onClickLeftButton} isActive={true} />
             )}
           </div>
         )}
+
+        {additionalButton && <div className="m-1">{additionalButton}</div>}
+
         {isActiveRightButton && (
           <div className="m-1">
-            {modeRightButton == "primary" && (
+            {modeRightButton === "primary" && (
               <PrimaryButton title={titleRightButton} onClick={onClickRightButton} isActive={isActive} />
             )}
-            {modeRightButton == "danger" && (
+            {modeRightButton === "danger" && (
               <DangerButton title={titleRightButton} onClick={onClickRightButton} isActive={isActive} />
             )}
-            {modeRightButton == "outline" && (
+            {modeRightButton === "outline" && (
               <OutlineButton title={titleRightButton} onClick={onClickRightButton} isActive={isActive} />
             )}
           </div>

package/src/index.js

@@ -149,5 +149,5 @@ export {
   DescriptionFile,
   TextEditor,
   CustomPhone,
-  TextArea
+  TextArea,
 };

package/src/templates/index.js

@@ -39,7 +39,7 @@ import TextInput from "../components/textinput";
 import HeaderTable from "../components/table/headerTable";
 
 import BillingList from "../components/table/listTable/billing";
-
+import Footer from "../components/footer";
 import ModalBilling from "../components/modal/modalBilling";
 import ModalDeclineBilling from "../components/modal/modalDeclineBilling";
 import TextEditor from "../components/texteditor";
@@ -842,6 +842,20 @@ const Templates = () => {
         <Header title="Navbar" />
       </div>
 
+      <div>
+        <Footer
+          modeLeftButton="outline"
+          modeRightButton="primary"
+          titleLeftButton="Cancel"
+          titleRightButton="Submit"
+          isActiveLeftButton
+          isActiveRightButton
+          onClickLeftButton={() => {}}
+          onClickRightButton={() => {}}
+          additionalButton={<PrimaryButton title={"Additional"} onClick={() => {}} isActive={true} />}
+        />
+      </div>
+
       <div className="flex my-4 justify-center">
         <CustomPhone mode="Empty" />
         <CustomPhone mode="Whatsapp" data="Ini message" />