ketekny-ui-kit 1.0.123 → 1.0.125

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ketekny-ui-kit",
   "type": "module",
-  "version": "1.0.123",
+  "version": "1.0.125",
   "description": "A Vue 3 UI component library with Tailwind CSS styling",
   "main": "index.js",
   "files": [

package/src/twoColLayout/components/MultilevelSidebar.vue

@@ -14,10 +14,21 @@ import {
 import SidebarMenuItem from './SidebarMenuItem.vue'
 import kMenu from '../../ui/kMenu.vue'
 import demoAvatarUrl from '../assets/placeholder-user.jpg'
+import logoLightUrl from '../assets/logo-light.png'
+import logoDarkUrl from '../assets/logo-dark.png'
+import logoIconLightUrl from '../assets/logo_icon.jpg'
+import logoIconDarkUrl from '../assets/logo-icon-dark.png'
 
 const FAVORITES_STORAGE_KEY = 'ketekny-ui-sidebar-favorites'
 const MENU_TAB_STORAGE_KEY = 'ketekny-ui-sidebar-menu-tab'
-const LOGO_BASE_URL = 'https://s3.ketekny.gr/public/web-apps/logos'
+// const LOGO_BASE_URL = 'https://s3.ketekny.gr/public/web-apps/logos'
+
+const DEFAULT_LOGOS = {
+  light: logoLightUrl,
+  dark: logoDarkUrl,
+  iconLight: logoIconLightUrl,
+  iconDark: logoIconDarkUrl,
+}
 const LG_VIEWPORT_QUERY = '(min-width: 1024px)'
 
 export default {
@@ -45,6 +56,11 @@ export default {
       type: String,
       default: "",
     },
+    // { light, dark, iconLight, iconDark } — any subset overrides the default
+    logos: {
+      type: Object,
+      default: null,
+    },
     width: {
       type: String,
       default: "360px",
@@ -57,6 +73,10 @@ export default {
       type: Array,
       default: () => [],
     },
+    showMenuSearch: {
+      type: Boolean,
+      default: true,
+    },
     account: {
       type: Object,
       default: null,
@@ -83,7 +103,6 @@ export default {
   data() {
     return {
       demoAvatarUrl,
-      logoBaseUrl: LOGO_BASE_URL,
       activeId: '',
       activeMenuTab: 'all',
       query: '',
@@ -100,6 +119,9 @@ export default {
     }
   },
   computed: {
+    logoSrc() {
+      return { ...DEFAULT_LOGOS, ...this.logos }
+    },
     sidebarWidthStyle() {
       return {
         width: this.collapsed ? this.collapsedWidth : this.width,
@@ -228,6 +250,9 @@ export default {
     activeMenuTab(value) {
       this.persistActiveMenuTab(value)
     },
+    showMenuSearch(value) {
+      if (!value) this.clearQuery()
+    },
     mobileOpen(isOpen) {
       if (isOpen) this.syncCollapsedForViewport()
     },
@@ -483,13 +508,13 @@ export default {
     <div class="relative flex items-center px-4 py-4" :class="collapsed ? 'justify-center' : 'gap-2.5'">
       <template v-if="collapsed">
         <img
-          :src="`${logoBaseUrl}/logo_icon.jpg`"
+          :src="logoSrc.iconLight"
           alt="Ketekny logo"
           class="sidebar-logo-light size-9 shrink-0 rounded-lg object-contain cursor-pointer"
           @click="handleLogoClick"
         />
         <img
-          :src="`${logoBaseUrl}/logo-icon-dark.png`"
+          :src="logoSrc.iconDark"
           alt="Ketekny logo"
           class="sidebar-logo-dark size-9 shrink-0 rounded-lg object-contain cursor-pointer"
           @click="handleLogoClick"
@@ -497,13 +522,13 @@ export default {
       </template>
       <template v-else>
         <img
-          :src="`${logoBaseUrl}/logo-light.png`"
+          :src="logoSrc.light"
           alt="Ketekny logo"
           class="sidebar-logo-light min-w-0 flex-1 object-contain cursor-pointer"
           @click="handleLogoClick"
         />
         <img
-          :src="`${logoBaseUrl}/logo-dark.png`"
+          :src="logoSrc.dark"
           alt="Ketekny logo"
           class="sidebar-logo-dark min-w-0 flex-1 object-contain cursor-pointer"
           @click="handleLogoClick"
@@ -568,7 +593,7 @@ export default {
         </div>
       </div>
 
-      <div v-if="!collapsed && (!showMenuTabs || activeMenuTab === 'all')" class="px-1 pb-3">
+      <div v-if="showMenuSearch && !collapsed && (!showMenuTabs || activeMenuTab === 'all')" class="px-1 pb-3">
         <div class="relative">
           <Search
             class="pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-[var(--sidebar-text-muted)]"

package/src/twoColLayout/components/TwoColLayout.vue

@@ -6,9 +6,11 @@
       :theme="theme"
       :title="title"
       :app-icon="appIcon"
+      :logos="logos"
       :width="width"
       :collapsed-width="collapsedWidth"
       :main-menu="mainMenu"
+      :show-menu-search="showMenuSearch"
       :mobile-open="mobileMenuOpen"
       :account="account"
       :contact-email="contactEmail"
@@ -70,6 +72,11 @@ export default {
       type: String,
       default: "",
     },
+    // { light, dark, iconLight, iconDark } — any subset overrides the default
+    logos: {
+      type: Object,
+      default: null,
+    },
     width: {
       type: String,
       default: "360px",
@@ -82,6 +89,10 @@ export default {
       type: Array,
       default: () => [],
     },
+    showMenuSearch: {
+      type: Boolean,
+      default: true,
+    },
     account: {
       type: Object,
       default: null,