From 1208c1a8ce8bd30672a1deb4cc9cdbdbb06ab0cb Mon Sep 17 00:00:00 2001
From: callmeroot <anoushka.jha.che21@itbhu.ac.in>
Date: Thu, 29 Aug 2024 14:22:06 +0530
Subject: [PATCH] updated API specs

---
 CHANGELOG.md              | 12 ------------
 docs/pages/playground.vue |  4 +---
 lib/KTable/index.vue      | 13 +++++++------
 3 files changed, 8 insertions(+), 21 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 06cb0b44d..26fbcaf53 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -37,18 +37,6 @@ Changelog is rather internal in nature. See release notes for the public overvie
 
 [#650]: https://github.com/learningequality/kolibri-design-system/pull/650
 
-
-[#727]
-  - **Description:** Initial implementation of `KTable` component
-  - **Products impact:** New Component
-  - **Addresses:** [#328](https://github.com/learningequality/kolibri-design-system/issues/328)
-  - **Components:** KTable
-  - **Breaking:** No
-  - **Impacts a11y:**  Yes
-  - **Guidance:**
-[#727] https://github.com/learningequality/kolibri-design-system/pull/727
-
-
 - [#723]
   - **Description:** Updates $core-time value from 0.25s to 0.15s
   - **Products impact:** User experience - faster transitions
diff --git a/docs/pages/playground.vue b/docs/pages/playground.vue
index ea269cd8d..0d7ed480e 100644
--- a/docs/pages/playground.vue
+++ b/docs/pages/playground.vue
@@ -10,7 +10,6 @@
       :rows="rows"
       caption="Local Sorting Table"
       :style="{height: '300px'}"
-      :useLocalSorting="true"
       sortable
     >
       <template #header="{ header, index }">
@@ -32,8 +31,8 @@
       :headers="headersWithCustomWidths"
       :rows="backendRows"
       caption="Backend Sorting Table"
-      :useLocalSorting="false"
       sortable
+      disableDefaultSorting
       @changeSort="changeSortHandler"
     >
       <template #header="{ header, index }">
@@ -53,7 +52,6 @@
       :headers="headers"
       :rows="rows"
       caption="Non Sortable Table"
-      :sortable="false"
     />
 
   </div>
diff --git a/lib/KTable/index.vue b/lib/KTable/index.vue
index 80c105894..bea63c0bc 100644
--- a/lib/KTable/index.vue
+++ b/lib/KTable/index.vue
@@ -102,7 +102,7 @@
     setup(props, { emit }) {
       const headers = ref(props.headers);
       const rows = ref(props.rows);
-      const useLocalSorting = ref(props.useLocalSorting);
+      const useLocalSorting = ref(props.sortable && !props.disableDefaultSorting);
       const {
         sortKey,
         sortOrder,
@@ -112,8 +112,8 @@
       } = useSorting(headers, rows, useLocalSorting);
 
       const finalRows = computed(() => {
-        if (props.sortable) {
-          return useLocalSorting.value ? sortedRows.value : rows.value;
+        if (props.sortable && !props.disableDefaultSorting) {
+          return sortedRows.value;
         } else {
           return rows.value;
         }
@@ -191,10 +191,11 @@
         type: String,
         required: true,
       },
+
       /**
-       * Enables or disables local sorting of the table data.
+       * Disables the default sorting when sortable is true. Facilitates integration with externally sorted data.
        */
-      useLocalSorting: {
+      disableDefaultSorting: {
         type: Boolean,
         default: false,
       },
@@ -203,7 +204,7 @@
        */
       sortable: {
         type: Boolean,
-        default: true,
+        default: false,
       },
       /**
        * The message to display when the table is empty.