classcard-ui 0.2.898 → 0.2.900

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.898",
+  "version": "0.2.900",
   "main": "dist/classcard-ui.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CInsetTabs/CInsetTabs.vue

@@ -4,13 +4,7 @@
       class="group flex rounded-lg bg-gray-100 p-0.5 hover:bg-gray-200"
       aria-label="Tabs"
     >
-      <button
-        v-for="(tabOption, index) in tabOptions"
-        :key="tabOption.label"
-        x-ref="dates"
-        class="focus:outline-none flex min-w-0 flex-grow rounded-md focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-100"
-        :tabindex="currentTab === tabOption.label ? '0' : '-1'"
-        @keydown.arrow-left="
+      <!-- @keydown.arrow-left="
           $emit(
             'update-tab',
             index === 0 ? tabOption.label : tabOptions[index - 1].label
@@ -23,8 +17,14 @@
               ? tabOptions.find((tab) => tab.label !== tabOption.label).label
               : tabOptions[index - 1].label
           )
-        "
-        @click="$emit('update-tab', tabOption.label)"
+        " -->
+      <button
+        v-for="(tabOption, index) in tabOptions"
+        :key="index"
+        x-ref="dates"
+        class="focus:outline-none flex min-w-0 flex-grow rounded-md focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-100"
+        :tabindex="currentTab === tabOption.label ? '0' : '-1'"
+        @click="handleButtonClick(tabOption)"
       >
         <span
           x-show="true"
@@ -76,6 +76,11 @@ export default {
       type: Array,
     },
   },
+  methods: {
+    handleButtonClick(tabOption) {
+      this.$emit("update-tab", tabOption.label);
+    },
+  },
 };
 </script>
 

package/src/components/CInsetTabs/index.js

@@ -0,0 +1,3 @@
+import CInsetTabs from "./CInsetTabs.vue";
+
+export default CInsetTabs;

package/src/components/index.js

@@ -47,3 +47,4 @@ export { default as CUpload } from "./CUpload";
 export { default as CConfirmActionModal } from "./CConfirmActionModal";
 export { default as CCalendar } from "./CCalendar";
 export { default as CButtonSelectBorder } from "./CButtonSelectBorder";
+export { default as CInsetTabs } from "./CInsetTabs";