mediacube-ui-v2 0.0.287 → 0.0.288

package/dist/components/templates/McTable/McTableSort/McTableSort.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as l, defineAsyncComponent as u, computed as n, openBlock as d, createElementBlock as m, createVNode as _, unref as p } from "vue";
-const g = /* @__PURE__ */ l({
+import { defineComponent as u, defineAsyncComponent as d, computed as r, openBlock as _, createElementBlock as m, createVNode as p, unref as f } from "vue";
+const x = /* @__PURE__ */ u({
   __name: "McTableSort",
   props: {
     sort: {
@@ -12,8 +12,8 @@ const g = /* @__PURE__ */ l({
     }
   },
   emits: ["change"],
-  setup(c, { emit: r }) {
-    const i = u(() => import("../../../elements/McSvgIcon/McSvgIcon.vue.js")), s = r, e = c, t = n(() => e.column === e.sort.sort_column), o = n(() => {
+  setup(c, { emit: i }) {
+    const s = d(() => import("../../../elements/McSvgIcon/McSvgIcon.vue.js")), l = i, e = c, t = r(() => e.column === e.sort.sort_column && e.sort.sort_direction !== null), o = r(() => {
       switch (!0) {
         case (e.sort.sort_direction === "asc" && t.value):
           return {
@@ -24,7 +24,7 @@ const g = /* @__PURE__ */ l({
         case (e.sort.sort_direction === "desc" && t.value):
           return {
             direction: "desc",
-            next_direction: "asc",
+            next_direction: null,
             icon: "arrow_downward"
           };
         default:
@@ -35,16 +35,20 @@ const g = /* @__PURE__ */ l({
           };
       }
     }), a = () => {
-      s("change", {
+      const n = o.value.next_direction ? {
         sort_column: e.column,
         sort_direction: o.value.next_direction
-      });
+      } : {
+        sort_column: null,
+        sort_direction: null
+      };
+      l("change", n);
     };
-    return (f, v) => (d(), m("div", {
+    return (n, v) => (_(), m("div", {
       class: "mc-table-sort",
       onClick: a
     }, [
-      _(p(i), {
+      p(f(s), {
         size: "200",
         name: o.value.icon,
         color: t.value ? "black" : "gray"
@@ -53,5 +57,5 @@ const g = /* @__PURE__ */ l({
   }
 });
 export {
-  g as default
+  x as default
 };

package/dist/types/types/ITable.d.ts

@@ -33,7 +33,7 @@ export type ITableTotals<T extends ITableColumnBase> = {
 };
 export type ITableData = any[];
 export interface ITableSort {
-    sort_column: string;
+    sort_column: string | null;
     sort_direction: SortDirection;
 }
 export interface ITableSortState {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui-v2",
-  "version": "0.0.287",
+  "version": "0.0.288",
   "license": "MIT",
   "description": "Design system for Mediacube services",
   "sideEffects": [