@salla.sa/twilight-components 2.14.423 → 2.14.425

package/dist/collection/components/salla-menu/salla-menu.js

@@ -12,19 +12,12 @@ export class SallaMenu {
          * Boolean indicating whether to use React Link elements for menu links.
          */
         this.useReactLink = false;
-        /**
-         * When true (footer menu only), appends a link to open cookie preferences.
-         * Use as `with-cookie-preferences` in markup.
-         */
-        this.withCookiePreferences = false;
         this.menus = [];
-        this.cookiePreferencesLabel = '';
         this.displayAllText = '';
     }
     async componentWillLoad() {
         return salla.onReady(() => {
             this.displayAllText = salla.lang.get('blocks.home.display_all');
-            this.cookiePreferencesLabel = salla.lang.get('common.cookies.settings');
             if (this.sourceValue && this.source === 'json') {
                 this.menus = typeof this.sourceValue === 'string' ? JSON.parse(this.sourceValue) : this.sourceValue || [];
             }
@@ -34,20 +27,9 @@ export class SallaMenu {
         });
     }
     getMenuItems() {
-        /**
-          * Avoid saving the menu to localStorage (default) when in the development environment
-          * or when modifying the theme in the dashboard
-          */
-        // const isPreview = salla.config.isDebug() || salla.helpers.isPreview()
-        // const cacheKey = `${this.source}_menus_${salla.lang.locale}`
-        // const cachedMenus = salla.storage.getWithTTL(cacheKey, [])
-        // if (cachedMenus.length > 0 && !isPreview) {
-        //   this.menus = cachedMenus
-        //   return;
-        // }
-        return salla.api.component.getMenus(this.source).then(({ data }) => {
+        return salla.api.component.getMenus(this.source).then(async ({ data }) => {
             this.menus = data;
-            // !isPreview && salla.storage.setWithTTL(cacheKey, this.menus)
+            await salla.hooks.call('salla-menu', 'afterFetchMenuItems', this);
         }).catch((error) => {
             salla.logger.error('salla-menu::Error fetching menus', error);
         });
@@ -112,12 +94,8 @@ export class SallaMenu {
             return h("a", { key: menu.id, href: menu.url, target: menu.target, class: {
                     "s-menu-footer-item": !this.topnav,
                     "s-menu-topnav-item topnav-link-item right-side": this.topnav
-                } }, menu.title);
-        }), this.withCookiePreferences ? (h("a", { href: "#cookies-settings", class: {
-                "s-menu-footer-item": !this.topnav,
-                "s-menu-topnav-item topnav-link-item right-side": this.topnav,
-                "s-cookies-settings-link": true,
-            } }, this.cookiePreferencesLabel)) : null));
+                }, ...(menu.callback ? { onClick: menu.callback } : {}) }, menu.title);
+        })));
     }
     /**
   * Get the menus
@@ -265,22 +243,20 @@ export class SallaMenu {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "When true (footer menu only), appends a link to open cookie preferences.\nUse as `with-cookie-preferences` in markup."
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "defaultValue": "false"
+                "reflect": false
             }
         };
     }
     static get states() {
         return {
-            "menus": {},
-            "cookiePreferencesLabel": {}
+            "menus": {}
         };
     }
 }