sprint-asia-custom-component 0.1.112 → 0.1.113

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 (5) hide show
  1. package/dist/index.js +11 -8
  2. package/package.json +1 -1
  3. package/src/components/footer/index.js +10 -6
  4. package/src/index.js +1 -1
  5. package/src/templates/index.js +15 -1
package/dist/index.js CHANGED
@@ -47903,7 +47903,8 @@
47903
47903
  modeLeftButton = "danger",
47904
47904
  modeRightButton = "outline",
47905
47905
  onClickLeftButton,
47906
- onClickRightButton
47906
+ onClickRightButton,
47907
+ additionalButton
47907
47908
  }) => {
47908
47909
  return /*#__PURE__*/React__default["default"].createElement("div", {
47909
47910
  className: "fixed bottom-0 flex justify-end w-full items-center py-1 px-6 bg-white"
@@ -47911,29 +47912,31 @@
47911
47912
  className: "flex items-center mr-48"
47912
47913
  }, isActiveLeftButton && /*#__PURE__*/React__default["default"].createElement("div", {
47913
47914
  className: "m-1"
47914
- }, modeLeftButton == "primary" && /*#__PURE__*/React__default["default"].createElement(PrimaryButton, {
47915
+ }, modeLeftButton === "primary" && /*#__PURE__*/React__default["default"].createElement(PrimaryButton, {
47915
47916
  title: titleLeftButton,
47916
47917
  onClick: onClickLeftButton,
47917
47918
  isActive: true
47918
- }), modeLeftButton == "danger" && /*#__PURE__*/React__default["default"].createElement(DangerButton, {
47919
+ }), modeLeftButton === "danger" && /*#__PURE__*/React__default["default"].createElement(DangerButton, {
47919
47920
  title: titleLeftButton,
47920
47921
  onClick: onClickLeftButton,
47921
47922
  isActive: true
47922
- }), modeLeftButton == "outline" && /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
47923
+ }), modeLeftButton === "outline" && /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
47923
47924
  title: titleLeftButton,
47924
47925
  onClick: onClickLeftButton,
47925
47926
  isActive: true
47926
- })), isActiveRightButton && /*#__PURE__*/React__default["default"].createElement("div", {
47927
+ })), additionalButton && /*#__PURE__*/React__default["default"].createElement("div", {
47928
+ className: "m-1"
47929
+ }, additionalButton), isActiveRightButton && /*#__PURE__*/React__default["default"].createElement("div", {
47927
47930
  className: "m-1"
47928
- }, modeRightButton == "primary" && /*#__PURE__*/React__default["default"].createElement(PrimaryButton, {
47931
+ }, modeRightButton === "primary" && /*#__PURE__*/React__default["default"].createElement(PrimaryButton, {
47929
47932
  title: titleRightButton,
47930
47933
  onClick: onClickRightButton,
47931
47934
  isActive: isActive
47932
- }), modeRightButton == "danger" && /*#__PURE__*/React__default["default"].createElement(DangerButton, {
47935
+ }), modeRightButton === "danger" && /*#__PURE__*/React__default["default"].createElement(DangerButton, {
47933
47936
  title: titleRightButton,
47934
47937
  onClick: onClickRightButton,
47935
47938
  isActive: isActive
47936
- }), modeRightButton == "outline" && /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
47939
+ }), modeRightButton === "outline" && /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
47937
47940
  title: titleRightButton,
47938
47941
  onClick: onClickRightButton,
47939
47942
  isActive: isActive
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.112",
4
+ "version": "0.1.113",
5
5
  "private": false,
6
6
  "dependencies": {
7
7
  "@headlessui/react": "^1.7.18",
package/src/components/footer/index.js CHANGED
@@ -13,32 +13,36 @@ const Footer = ({
13
13
  modeRightButton = "outline",
14
14
  onClickLeftButton,
15
15
  onClickRightButton,
16
+ additionalButton,
16
17
  }) => {
17
18
  return (
18
19
  <div className="fixed bottom-0 flex justify-end w-full items-center py-1 px-6 bg-white">
19
20
  <div className="flex items-center mr-48">
20
21
  {isActiveLeftButton && (
21
22
  <div className="m-1">
22
- {modeLeftButton == "primary" && (
23
+ {modeLeftButton === "primary" && (
23
24
  <PrimaryButton title={titleLeftButton} onClick={onClickLeftButton} isActive={true} />
24
25
  )}
25
- {modeLeftButton == "danger" && (
26
+ {modeLeftButton === "danger" && (
26
27
  <DangerButton title={titleLeftButton} onClick={onClickLeftButton} isActive={true} />
27
28
  )}
28
- {modeLeftButton == "outline" && (
29
+ {modeLeftButton === "outline" && (
29
30
  <OutlineButton title={titleLeftButton} onClick={onClickLeftButton} isActive={true} />
30
31
  )}
31
32
  </div>
32
33
  )}
34
+
35
+ {additionalButton && <div className="m-1">{additionalButton}</div>}
36
+
33
37
  {isActiveRightButton && (
34
38
  <div className="m-1">
35
- {modeRightButton == "primary" && (
39
+ {modeRightButton === "primary" && (
36
40
  <PrimaryButton title={titleRightButton} onClick={onClickRightButton} isActive={isActive} />
37
41
  )}
38
- {modeRightButton == "danger" && (
42
+ {modeRightButton === "danger" && (
39
43
  <DangerButton title={titleRightButton} onClick={onClickRightButton} isActive={isActive} />
40
44
  )}
41
- {modeRightButton == "outline" && (
45
+ {modeRightButton === "outline" && (
42
46
  <OutlineButton title={titleRightButton} onClick={onClickRightButton} isActive={isActive} />
43
47
  )}
44
48
  </div>
package/src/index.js CHANGED
@@ -149,5 +149,5 @@ export {
149
149
  DescriptionFile,
150
150
  TextEditor,
151
151
  CustomPhone,
152
- TextArea
152
+ TextArea,
153
153
  };
package/src/templates/index.js CHANGED
@@ -39,7 +39,7 @@ import TextInput from "../components/textinput";
39
39
  import HeaderTable from "../components/table/headerTable";
40
40
 
41
41
  import BillingList from "../components/table/listTable/billing";
42
-
42
+ import Footer from "../components/footer";
43
43
  import ModalBilling from "../components/modal/modalBilling";
44
44
  import ModalDeclineBilling from "../components/modal/modalDeclineBilling";
45
45
  import TextEditor from "../components/texteditor";
@@ -842,6 +842,20 @@ const Templates = () => {
842
842
  <Header title="Navbar" />
843
843
  </div>
844
844
 
845
+ <div>
846
+ <Footer
847
+ modeLeftButton="outline"
848
+ modeRightButton="primary"
849
+ titleLeftButton="Cancel"
850
+ titleRightButton="Submit"
851
+ isActiveLeftButton
852
+ isActiveRightButton
853
+ onClickLeftButton={() => {}}
854
+ onClickRightButton={() => {}}
855
+ additionalButton={<PrimaryButton title={"Additional"} onClick={() => {}} isActive={true} />}
856
+ />
857
+ </div>
858
+
845
859
  <div className="flex my-4 justify-center">
846
860
  <CustomPhone mode="Empty" />
847
861
  <CustomPhone mode="Whatsapp" data="Ini message" />