pukaad-ui-lib 1.416.0 → 1.418.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.416.0",
+  "version": "1.418.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/card/card-content/card-content-menu.d.vue.ts

@@ -1,7 +1,9 @@
-import type { CardContentMenuState } from "#pukaad-ui/types/components/card/card-content";
+import type { CardContentMenuState, CardContentItem } from "#pukaad-ui/types/components/card/card-content";
 type __VLS_Props = {
+    item?: CardContentItem;
     state?: CardContentMenuState;
     isPinned?: boolean;
+    isHidden?: boolean;
     isBookmarked?: boolean;
     isShow?: boolean;
     hidePin?: boolean;
@@ -14,6 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onAction?: ((name: string) => any) | undefined;
 }>, {
     isPinned: boolean;
+    isHidden: boolean;
     isBookmarked: boolean;
     isShow: boolean;
     hidePin: boolean;

package/dist/runtime/components/card/card-content/card-content-menu.vue

@@ -18,8 +18,10 @@
 <script setup>
 import { computed } from "vue";
 const props = defineProps({
+  item: { type: Object, required: false },
   state: { type: String, required: false },
   isPinned: { type: Boolean, required: false, default: false },
+  isHidden: { type: Boolean, required: false, default: false },
   isBookmarked: { type: Boolean, required: false, default: false },
   isShow: { type: Boolean, required: false, default: false },
   hidePin: { type: Boolean, required: false, default: false },
@@ -31,23 +33,47 @@ const onActionClick = (action) => {
   if (action.clickable === false) return;
   emit("action", action.name);
 };
+const isPinned = computed(() => props.item?.pinned ?? props.isPinned);
+const isHidden = computed(() => props.item?.hidden ?? props.isHidden);
+const isBookmarked = computed(() => props.item?.bookmarked ?? props.isBookmarked);
 const actions = computed(() => {
   if (props.state === "my-content") {
-    const pinAction = props.hidePin ? [] : [{ name: "pin", icon: "lucide:pin", isActive: props.isPinned }];
-    return [
-      ...pinAction,
-      ...props.hidePreview ? [] : [{ name: "preview", icon: "lucide:tv-minimal-play" }],
-      {
-        name: "delete",
-        icon: "lucide:trash-2",
-        variant: "default",
-        color: "destructive"
-      }
-    ];
+    const result = [];
+    if (!props.hidePin && !isHidden.value) {
+      result.push({
+        name: "pin",
+        icon: "lucide:pin",
+        isActive: isPinned.value
+      });
+    }
+    if (!isPinned.value) {
+      result.push({
+        name: "hide",
+        icon: isHidden.value ? "lucide:eye-off" : "lucide:eye",
+        isActive: isHidden.value
+      });
+    }
+    if (!props.hidePreview) {
+      result.push({
+        name: "preview",
+        icon: "lucide:tv-minimal-play"
+      });
+    }
+    result.push({
+      name: "renew",
+      icon: "lucide:history"
+    });
+    result.push({
+      name: "delete",
+      icon: "lucide:trash-2",
+      variant: "default",
+      color: "destructive"
+    });
+    return result;
   }
   if (props.state === "content") {
     const result = [];
-    if (props.isPinned) {
+    if (isPinned.value) {
       result.push({
         name: "pin",
         icon: "lucide:pin",
@@ -59,8 +85,10 @@ const actions = computed(() => {
       result.push({
         name: "bookmark",
         icon: "lucide:bookmark",
-        isActive: props.isBookmarked
+        isActive: isBookmarked.value
       });
+    }
+    if (!props.hideBookmark && !props.hidePreview) {
       result.push({ name: "preview", icon: "lucide:tv-minimal-play" });
     }
     return result;

package/dist/runtime/components/card/card-content/card-content-menu.vue.d.ts

@@ -1,7 +1,9 @@
-import type { CardContentMenuState } from "#pukaad-ui/types/components/card/card-content";
+import type { CardContentMenuState, CardContentItem } from "#pukaad-ui/types/components/card/card-content";
 type __VLS_Props = {
+    item?: CardContentItem;
     state?: CardContentMenuState;
     isPinned?: boolean;
+    isHidden?: boolean;
     isBookmarked?: boolean;
     isShow?: boolean;
     hidePin?: boolean;
@@ -14,6 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onAction?: ((name: string) => any) | undefined;
 }>, {
     isPinned: boolean;
+    isHidden: boolean;
     isBookmarked: boolean;
     isShow: boolean;
     hidePin: boolean;

package/dist/runtime/components/card/card-content/card-content.vue

@@ -25,13 +25,12 @@
 
     <div v-if="hasMenu" class="absolute left-[146px] top-[8px] z-content">
       <CardContentMenu
+        :item="props.item"
         :state="props.state"
-        :is-pinned="!!props.item.pinned"
-        :is-bookmarked="!!props.item.bookmarked"
-        :hide-pin="!!props.hidePin"
-        :hide-preview="!!props.hidePreview"
-        :hide-bookmark="!!props.hideBookmark"
         :is-show="isMenuShow"
+        :hide-pin="props.hidePin"
+        :hide-preview="props.hidePreview"
+        :hide-bookmark="props.hideBookmark"
         @action="onMenuAction"
       />
     </div>
@@ -104,7 +103,7 @@ const showTime = computed(() => !!props.item.expireAt);
 const hasMenu = computed(() => {
   if (props.selectable || !props.state) return false;
   if (props.disable) {
-    return !!(props.item.pinned && !props.hidePin || props.item.bookmarked && !props.hideBookmark);
+    return !!(props.item.pinned && !props.hidePin || props.item.hidden || props.item.bookmarked && !props.hideBookmark);
   }
   return true;
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.416.0",
+  "version": "1.418.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",