@ebrains/react 0.5.0-alpha.0 → 0.7.0-alpha.0

package/eds-login.entry.esm.js

@@ -1,97 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index.esm2.js';
-import { l as login, a as logout, i as initKeycloak, b as isAuthenticated, g as getUser } from './keycloak-d502ec16.esm.js';
-import { t as toast } from './toastManager-d9eee791.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsLogin = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.authStatusChanged = createEvent(this, "authStatusChanged", 7);
-    /**
-     * Handles user login by invoking the Keycloak `login` function.
-     * Only triggers login if the user is not already authenticated.
-     */
-    this.handleLogin = async () => {
-      if (!this.authenticated) {
-        try {
-          await login();
-          toast.show('You are authenticated', 'success');
-        } catch (error) {
-          toast.show(error.message, 'error');
-        }
-      }
-    };
-    /**
-     * Handles user logout by invoking the Keycloak `logout` function.
-     * Resets the `authenticated` state to `false` after logout.
-     */
-    this.handleLogout = async () => {
-      try {
-        await logout();
-      } catch (error) {
-        toast.show(error.message, 'error');
-      }
-      this.authenticated = false;
-      this.user = null;
-    };
-    this.keycloakUrl = undefined;
-    this.keycloakRealm = undefined;
-    this.keycloakClientId = undefined;
-    this.authenticated = false;
-    this.user = null;
-  }
-  /**
-   * Lifecycle method that runs when the component is about to load.
-   * It initializes authentication by calling the `initAuth` method.
-   */
-  async componentWillLoad() {
-    // Check if required props are provided (optional check)
-    if (!this.keycloakUrl || !this.keycloakRealm || !this.keycloakClientId) {
-      // eslint-disable-next-line
-      console.error('Keycloak configuration props are missing.');
-      return;
-    }
-    await this.initAuth();
-  }
-  /**
-   * Initializes the Keycloak authentication by configuring Keycloak with the provided props.
-   * Sets the `authenticated` state and `user` data if the user is authenticated.
-   * Emits `authStatusChanged` event with the authentication status.
-   */
-  async initAuth() {
-    try {
-      await initKeycloak({
-        url: this.keycloakUrl,
-        realm: this.keycloakRealm,
-        clientId: this.keycloakClientId
-      }, true);
-      if (isAuthenticated()) {
-        this.user = getUser();
-        this.authenticated = true;
-        this.authStatusChanged.emit({
-          authenticated: this.authenticated,
-          user: this.user
-        }); // Emit auth status change
-      }
-    } catch (error) {
-      toast.show(error.message, 'error');
-    }
-  }
-  render() {
-    return h("div", {
-      key: 'cd30a135920ae77959330a43a8544bb9c231986e',
-      class: "block"
-    }, !this.authenticated && h("eds-button", {
-      key: '98fa63c46b063a67c215ff9160c6dfbfee2265f7',
-      label: "Login",
-      intent: "primary",
-      "extra-class": "text-default",
-      "aria-label": "Login",
-      triggerClick: this.handleLogin.bind(this)
-    }));
-  }
-};
-
-export { EdsLogin as eds_login };

package/eds-matomo-notice.entry.esm.js

@@ -1,128 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index.esm2.js';
-import { t as toast } from './toastManager-d9eee791.esm.js';
-import { m as matomoOptIn } from './analytics-1cde8e4a.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsMatomoNoticeCss = ".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.left-0{left:0rem}.left-1\\/2{left:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}";
-const EdsMatomoNoticeStyle0 = edsMatomoNoticeCss;
-const EdsMatomoNotice = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.title = 'Analytics Consent';
-    this.description = 'We use anonymous analytics to improve our services. No personal data is collected unless you give your consent.';
-    this.showNotice = true;
-  }
-  /**
-   * Lifecycle method called before the component is rendered.
-   * Checks for the presence of the "mtm_consent" cookie to determine
-   * if the notice should be displayed.
-   */
-  componentWillLoad() {
-    this.checkConsentCookie();
-  }
-  /**
-   * Lifecycle method called after the component has been rendered.
-   * Emits `parentContext` events for each `eds-button` in the shadow DOM.
-   */
-  componentDidLoad() {
-    const btns = this.el.shadowRoot.querySelectorAll('eds-button');
-    btns.forEach(b => {
-      this.emitContext(b);
-    });
-  }
-  /**
-   * Emits a custom `parentContext` event for a given button element.
-   * This can be used to provide context information about the component.
-   *
-   * @param linkElement - The button element to which the event will be dispatched.
-   */
-  emitContext(linkElement) {
-    const event = new CustomEvent('parentContext', {
-      detail: {
-        componentName: this.el.tagName.toLowerCase(),
-        identifier: null
-      }
-    });
-    linkElement.dispatchEvent(event);
-  }
-  /**
-   * Checks if the Matomo "mtm_consent" cookie exists in the browser.
-   * If the cookie is found, the notice is hidden.
-   */
-  checkConsentCookie() {
-    const consentCookie = document.cookie.split('; ').find(row => row.startsWith('mtm_consent='));
-    //this.showNotice = !consentCookie;
-    const sessionDeferred = sessionStorage.getItem('matomo-deferred');
-    this.showNotice = !consentCookie && !sessionDeferred;
-  }
-  /**
-   * Handles user consent for analytics tracking.
-   * Calls the `matomoOptIn` utility and shows a success toast notification.
-   */
-  optInAnalytics() {
-    matomoOptIn();
-    toast.show('You have opted in to analytics.', 'success');
-    this.hideNotice();
-  }
-  /**
-   * Handles user opt-out from analytics tracking.
-   * Calls the `matomoOptOut` utility and shows a warning toast notification.
-   
-  private optOutAnalytics() {
-    matomoOptOut();
-    toast.show('You have opted out of analytics.', 'warning');
-    this.hideNotice();
-  }*/
-  /**
-   * Handles "Ask me later" action by storing a session storage entry
-   * and hiding the notice for the rest of the session.
-   */
-  deferDecision() {
-    sessionStorage.setItem('matomo-deferred', 'true');
-    toast.show('You can decide later.', 'warning');
-    this.hideNotice();
-  }
-  /**
-   * Hides the notice by updating the `showNotice` state.
-   */
-  hideNotice() {
-    this.showNotice = false;
-  }
-  /**
-   * Renders the Matomo consent notice with user options.
-   * Includes an accordion for the description and two buttons for user consent.
-   */
-  render() {
-    if (!this.showNotice) {
-      return null;
-    }
-    return h("div", {
-      class: "fixed bottom-0 p-8 z-10 grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center"
-    }, h("eds-accordion", {
-      title: this.title,
-      description: this.description,
-      switchBg: true,
-      expanded: true
-    }, h("div", {
-      class: "flex items-center gap-4"
-    }, h("eds-button", {
-      intent: "primary",
-      label: "Yes, I agree",
-      "aria-label": "Opt-in for analytics",
-      onClick: () => this.optInAnalytics()
-    }), h("eds-button", {
-      intent: "ghost",
-      label: "Ask me later",
-      "aria-label": "Defer analytics decision",
-      onClick: () => this.deferDecision()
-    }))));
-  }
-  get el() {
-    return getElement(this);
-  }
-};
-EdsMatomoNotice.style = EdsMatomoNoticeStyle0;
-
-export { EdsMatomoNotice as eds_matomo_notice };

package/eds-navigator.entry.esm.js

@@ -1,72 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index.esm2.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsNavigator = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.prevLabel = undefined;
-    this.nextLabel = undefined;
-    this.prevUrl = undefined;
-    this.nextUrl = undefined;
-    this.linkSize = 'small';
-    this.linkIntent = 'tertiary';
-  }
-  componentDidLoad() {
-    // Emit context for each eds-link element after the component is fully loaded
-    const links = this.el.querySelectorAll('eds-link');
-    links.forEach(link => {
-      this.emitContext(link);
-    });
-  }
-  /**
-   * Emits a custom event 'parentContext' for a given link element with the component's context.
-   * @param linkElement - The eds-link element to emit the event for.
-   */
-  emitContext(linkElement) {
-    const event = new CustomEvent('parentContext', {
-      detail: {
-        componentName: this.el.tagName.toLowerCase(),
-        identifier: null
-      }
-    });
-    linkElement.dispatchEvent(event);
-  }
-  render() {
-    return h("ul", {
-      key: '712287e683436cc98c2d6ef195501add1929522e',
-      class: "flex lg:flex grow items-center justify-center gap-x-8"
-    }, this.prevLabel && h("eds-link", {
-      key: '4fda36ce37897284d7062f88133f147831d96a6f',
-      label: this.prevLabel,
-      url: this.prevUrl || undefined,
-      disabled: !this.prevUrl,
-      "aria-label": this.prevLabel,
-      size: this.linkSize,
-      intent: this.linkIntent,
-      class: "mr-auto !p-8 lg:!pr-12"
-    }, h("eds-icon-wrapper", {
-      key: '9bfa6bbbdc68641f65bec49f207d96f075b9a5b0',
-      icon: "chevron-left"
-    }), this.prevLabel), this.nextLabel && h("eds-link", {
-      key: '6ee8ebee011a2c30a74645b072c7c37929d0a55f',
-      label: this.nextLabel,
-      url: this.nextUrl || undefined,
-      disabled: !this.nextUrl,
-      "aria-label": this.nextLabel,
-      size: this.linkSize,
-      intent: this.linkIntent,
-      class: "ml-auto !p-8 lg:!pl-12"
-    }, this.nextLabel, h("eds-icon-wrapper", {
-      key: '44ebd4dcce0e367df7d9035bb445e49fde35e913',
-      icon: "chevron-right",
-      class: "w-20 h-20"
-    })));
-  }
-  get el() {
-    return getElement(this);
-  }
-};
-
-export { EdsNavigator as eds_navigator };