sprintify-ui 0.0.65 → 0.0.67

package/dist/sprintify-ui.es.js

@@ -6947,16 +6947,16 @@ const Dc = /* @__PURE__ */ Ve(Lc, [["render", Fc]]), Pc = { class: "flex justify
     }
   },
   emits: [
-    "click",
+    "cell-click",
     "delete",
     "checkAll",
     "update:checked-rows",
-    "check"
+    "ce-check"
   ],
   setup(e, { expose: r, emit: n }) {
     const l = e, o = et(), a = xe.http, s = sr(), i = Et(), p = N(null), c = N(null);
     function w(u) {
-      n("click", u);
+      n("cell-click", u);
     }
     const g = (u, m) => u.can && Object.prototype.hasOwnProperty.call(u.can, m) ? u.can[m] : !0, E = (u) => g(u, "update"), L = (u) => g(u, "delete");
     function S(u) {
@@ -7056,7 +7056,7 @@ const Dc = /* @__PURE__ */ Ve(Lc, [["render", Fc]]), Pc = { class: "flex justify
                 onCheck: m[0] || (m[0] = (se) => u.$emit("check", se)),
                 "onUpdate:checkedRows": m[1] || (m[1] = (se) => u.$emit("update:checked-rows", se)),
                 onCheckAll: m[2] || (m[2] = (se) => u.$emit("checkAll", se)),
-                onClick: w
+                onCellClick: w
               }, {
                 default: H(() => [
                   Y(u.$slots, "default"),
@@ -10768,13 +10768,16 @@ const np = { class: "relative flex space-x-3" }, rp = { class: "text-sm leading-
           U(ln, {
             item: c,
             dark: e.dark,
-            "item-class": "flex w-full hover:text-slate-600"
+            "item-class": [
+              "flex w-full",
+              e.dark ? "text-slate-300 hover:text-white" : "text-slate-900 hover:text-slate-600"
+            ]
           }, {
             default: H(() => [
               ze(W(c.label), 1)
             ]),
             _: 2
-          }, 1032, ["item", "dark"])
+          }, 1032, ["item", "dark", "item-class"])
         ]))), 128))
       ])) : Q("", !0)
     ]));

package/dist/types/src/components/BaseDataTable.vue.d.ts

@@ -148,11 +148,11 @@ declare const _default: {
                 type: NumberConstructor;
             };
         }>> & {
-            onClick?: ((...args: any[]) => any) | undefined;
             onDelete?: ((...args: any[]) => any) | undefined;
             onCheckAll?: ((...args: any[]) => any) | undefined;
             "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
-            onCheck?: ((...args: any[]) => any) | undefined;
+            "onCell-click"?: ((...args: any[]) => any) | undefined;
+            "onCe-check"?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "actions" | "urlQuery" | "defaultQuery" | "searchable" | "historyMode" | "detailed" | "checkable" | "checkableActions" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "maxHeight" | "editButton" | "editUrl" | "deleteButton" | "deleteUrl" | "toggleable">;
         $attrs: {
             [x: string]: unknown;
@@ -165,7 +165,7 @@ declare const _default: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "click" | "delete" | "checkAll" | "update:checked-rows" | "check", ...args: any[]) => void;
+        $emit: (event: "delete" | "checkAll" | "update:checked-rows" | "cell-click" | "ce-check", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             /**
@@ -293,15 +293,15 @@ declare const _default: {
                 type: NumberConstructor;
             };
         }>> & {
-            onClick?: ((...args: any[]) => any) | undefined;
             onDelete?: ((...args: any[]) => any) | undefined;
             onCheckAll?: ((...args: any[]) => any) | undefined;
             "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
-            onCheck?: ((...args: any[]) => any) | undefined;
+            "onCell-click"?: ((...args: any[]) => any) | undefined;
+            "onCe-check"?: ((...args: any[]) => any) | undefined;
         }, {
             fetch: () => void;
             query: import("vue").ComputedRef<DataTableQuery | null>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "delete" | "checkAll" | "update:checked-rows" | "check")[], string, {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "checkAll" | "update:checked-rows" | "cell-click" | "ce-check")[], string, {
             actions: MenuItemInterface[];
             urlQuery: Record<string, any>;
             defaultQuery: DataTableQuery;
@@ -465,11 +465,11 @@ declare const _default: {
             type: NumberConstructor;
         };
     }>> & {
-        onClick?: ((...args: any[]) => any) | undefined;
         onDelete?: ((...args: any[]) => any) | undefined;
         onCheckAll?: ((...args: any[]) => any) | undefined;
         "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
-        onCheck?: ((...args: any[]) => any) | undefined;
+        "onCell-click"?: ((...args: any[]) => any) | undefined;
+        "onCe-check"?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         fetch: () => void;
         query: import("vue").ComputedRef<DataTableQuery | null>;
@@ -603,15 +603,15 @@ declare const _default: {
         type: NumberConstructor;
     };
 }>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
     onCheckAll?: ((...args: any[]) => any) | undefined;
     "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
-    onCheck?: ((...args: any[]) => any) | undefined;
+    "onCell-click"?: ((...args: any[]) => any) | undefined;
+    "onCe-check"?: ((...args: any[]) => any) | undefined;
 }, {
     fetch: () => void;
     query: import("vue").ComputedRef<DataTableQuery | null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "delete" | "checkAll" | "update:checked-rows" | "check")[], "click" | "delete" | "checkAll" | "update:checked-rows" | "check", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "checkAll" | "update:checked-rows" | "cell-click" | "ce-check")[], "delete" | "checkAll" | "update:checked-rows" | "cell-click" | "ce-check", {
     actions: MenuItemInterface[];
     urlQuery: Record<string, any>;
     defaultQuery: DataTableQuery;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.65",
+  "version": "0.0.67",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseDataTable.vue

@@ -39,7 +39,7 @@
           @check="$emit('check', $event)"
           @update:checked-rows="$emit('update:checked-rows', $event)"
           @check-all="$emit('checkAll', $event)"
-          @click="onClick"
+          @cell-click="onCellClick"
         >
           <template #default>
             <slot />
@@ -335,11 +335,11 @@ const props = defineProps({
 });
 
 const emit = defineEmits([
-  'click',
+  'cell-click',
   'delete',
   'checkAll',
   'update:checked-rows',
-  'check',
+  'ce-check',
 ]);
 
 const dataIterator = ref(null) as Ref<null | InstanceType<
@@ -352,8 +352,8 @@ const dataIterator = ref(null) as Ref<null | InstanceType<
 |--------------------------------------------------------------------------
 */
 
-function onClick(payload: CollectionItem) {
-  emit('click', payload);
+function onCellClick(payload: CollectionItem) {
+  emit('cell-click', payload);
 }
 
 /*

package/src/components/BaseNavbarSideItem.vue

@@ -25,7 +25,12 @@
         <BaseActionItem
           :item="subItem"
           :dark="dark"
-          item-class="flex w-full hover:text-slate-600"
+          :item-class="[
+            'flex w-full',
+            dark
+              ? 'text-slate-300 hover:text-white'
+              : 'text-slate-900 hover:text-slate-600',
+          ]"
         >
           {{ subItem.label }}
         </BaseActionItem>