From 4548d3f7ecb3ea5b596c6f1599fed5d355fbc523 Mon Sep 17 00:00:00 2001
From: shoaibv2 <skrj1337@gmail.com>
Date: Wed, 13 Apr 2022 15:55:48 +0500
Subject: [PATCH 1/2] add Collapse(#8)

---
 apps/views/pages/Collapse.jsx                 | 16 ++++++++++++++
 apps/views/pages/{index.tsx => index.jsx}     |  2 ++
 packages/kbs-core/src/components/Collapse.jsx | 22 +++++++++++++++++++
 packages/kbs-core/src/index.tsx               |  2 ++
 4 files changed, 42 insertions(+)
 create mode 100644 apps/views/pages/Collapse.jsx
 rename apps/views/pages/{index.tsx => index.jsx} (88%)
 create mode 100644 packages/kbs-core/src/components/Collapse.jsx

diff --git a/apps/views/pages/Collapse.jsx b/apps/views/pages/Collapse.jsx
new file mode 100644
index 0000000..66b2bbd
--- /dev/null
+++ b/apps/views/pages/Collapse.jsx
@@ -0,0 +1,16 @@
+import { Collapse } from "kbs-core";
+
+function Collap() {
+  return (
+    <>
+      <Collapse
+        variant="primary"
+        lablecontent="Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.
+"
+        lable="toggle"
+      />
+    </>
+  );
+}
+
+export default Collap;
diff --git a/apps/views/pages/index.tsx b/apps/views/pages/index.jsx
similarity index 88%
rename from apps/views/pages/index.tsx
rename to apps/views/pages/index.jsx
index bcc7457..c87335f 100644
--- a/apps/views/pages/index.tsx
+++ b/apps/views/pages/index.jsx
@@ -15,6 +15,8 @@ export default function Docs() {
       <br />
       <br />
       <Button>Hello</Button>
+      <br />
+      <Link href="/Collapse">Collapse</Link>
     </div>
   );
 }
diff --git a/packages/kbs-core/src/components/Collapse.jsx b/packages/kbs-core/src/components/Collapse.jsx
new file mode 100644
index 0000000..db12d47
--- /dev/null
+++ b/packages/kbs-core/src/components/Collapse.jsx
@@ -0,0 +1,22 @@
+function Collapse(props) {
+  return (
+    <div>
+      <button
+        className={`btn btn-${props.variant}`}
+        type="button"
+        data-bs-toggle="collapse"
+        data-bs-target="#collapseExample"
+        aria-expanded="false"
+        aria-controls="collapseExample"
+      >
+        {props.label}
+      </button>
+
+      <div className="collapse" id="collapseExample">
+        <div className="card card-body">{props.labelcontent}</div>
+      </div>
+    </div>
+  );
+}
+
+export default Collapse;
diff --git a/packages/kbs-core/src/index.tsx b/packages/kbs-core/src/index.tsx
index f623b20..0808d6c 100644
--- a/packages/kbs-core/src/index.tsx
+++ b/packages/kbs-core/src/index.tsx
@@ -1,2 +1,4 @@
 import * as React from "react";
+import Collapse from "./components/Collapse";
 export { Button, type ButtonProps } from "./Button";
+export { Collapse };

From 3e2c1790fcfbee326d2d093b7db3b7bd3daeb4ca Mon Sep 17 00:00:00 2001
From: shoaibv2 <skrj1337@gmail.com>
Date: Sat, 30 Apr 2022 21:17:58 +0500
Subject: [PATCH 2/2] Change Location (#8)

---
 apps/views/pages/Collapse.jsx                    | 16 ----------------
 apps/views/pages/collapse.tsx                    | 14 ++++++++++++++
 .../views/pages}/components/Collapse.jsx         |  0
 apps/views/pages/index.jsx                       |  2 +-
 packages/kbs-core/src/index.tsx                  |  3 +--
 5 files changed, 16 insertions(+), 19 deletions(-)
 delete mode 100644 apps/views/pages/Collapse.jsx
 create mode 100644 apps/views/pages/collapse.tsx
 rename {packages/kbs-core/src => apps/views/pages}/components/Collapse.jsx (100%)

diff --git a/apps/views/pages/Collapse.jsx b/apps/views/pages/Collapse.jsx
deleted file mode 100644
index 66b2bbd..0000000
--- a/apps/views/pages/Collapse.jsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Collapse } from "kbs-core";
-
-function Collap() {
-  return (
-    <>
-      <Collapse
-        variant="primary"
-        lablecontent="Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.
-"
-        lable="toggle"
-      />
-    </>
-  );
-}
-
-export default Collap;
diff --git a/apps/views/pages/collapse.tsx b/apps/views/pages/collapse.tsx
new file mode 100644
index 0000000..32b725b
--- /dev/null
+++ b/apps/views/pages/collapse.tsx
@@ -0,0 +1,14 @@
+import Collapse from "./components/Collapse";
+
+function Collap() {
+  return (
+    <Collapse
+      variant="primary"
+      lablecontent="Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.
+"
+      lable="toggle"
+    />
+  );
+}
+
+export default Collap;
diff --git a/packages/kbs-core/src/components/Collapse.jsx b/apps/views/pages/components/Collapse.jsx
similarity index 100%
rename from packages/kbs-core/src/components/Collapse.jsx
rename to apps/views/pages/components/Collapse.jsx
diff --git a/apps/views/pages/index.jsx b/apps/views/pages/index.jsx
index c87335f..7d77907 100644
--- a/apps/views/pages/index.jsx
+++ b/apps/views/pages/index.jsx
@@ -16,7 +16,7 @@ export default function Docs() {
       <br />
       <Button>Hello</Button>
       <br />
-      <Link href="/Collapse">Collapse</Link>
+      <Link href="/collapse">Collapse</Link>
     </div>
   );
 }
diff --git a/packages/kbs-core/src/index.tsx b/packages/kbs-core/src/index.tsx
index 0808d6c..165de09 100644
--- a/packages/kbs-core/src/index.tsx
+++ b/packages/kbs-core/src/index.tsx
@@ -1,4 +1,3 @@
 import * as React from "react";
-import Collapse from "./components/Collapse";
+
 export { Button, type ButtonProps } from "./Button";
-export { Collapse };