@ebrains/react 0.6.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: '62768f8a6cc8ac16b13f9b2bb9cf5835f7f63844',
-      class: "block"
-    }, !this.authenticated && h("eds-button", {
-      key: '31e341d628242fed472f673c0fe8346c7871515d',
-      label: "Login",
-      intent: "primary",
-      "extra-class": "text-default",
-      "aria-label": "Login",
-      triggerClick: this.handleLogin.bind(this)
-    }));
-  }
-};
-
-export { EdsLogin as eds_login };

package/eds-logo.entry.esm.js

@@ -1,87 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index.esm2.js';
-import { h as hLogoColor } from './logo-color-7f1fd803.esm.js';
-import { h as hLogoBlack, a as hLogoColorWhite, b as hLogoWhite, c as hLogoWhiteNoBg, v as vLogoColor, d as vLogoBlack, e as vLogoColorWhite, f as vLogoWhite, g as vLogoWhiteNoBg } from './logo-white-no-bg-f382f86f.esm.js';
-import { s as sendAnalytics } from './analytics-44b1416b.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsLogoCss = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{color:currentColor}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media (min-width: 900px){.lg\\:w-\\[150px\\]{width:150px}}";
-const EdsLogoStyle0 = edsLogoCss;
-const EdsLogo = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.href = '/';
-    this.orientation = 'horizontal';
-    this.type = undefined;
-    this.label = 'Home';
-  }
-  /**
-   * Handles the click event on the logo link.
-   * Emits a `matomoEvent` for analytics tracking with details about the interaction.
-   * - `category`: Component type (e.g., "ui-component").
-   * - `tag`: The HTML tag name of the component.
-   * - `name`: Event name, set as "logo".
-   * - `action`: The action, set as "click".
-   */
-  handleClick() {
-    sendAnalytics({
-      category: 'ui-component',
-      tag: this.el.tagName.toLowerCase(),
-      name: 'logo',
-      action: 'click'
-    });
-  }
-  /**
-   * Determines the appropriate SVG content based on the `orientation` and `type` props.
-   */
-  getLogo() {
-    const logos = {
-      horizontal: {
-        color: hLogoColor,
-        black: hLogoBlack,
-        'color-white': hLogoColorWhite,
-        white: hLogoWhite,
-        'no-bg': hLogoWhiteNoBg
-      },
-      vertical: {
-        color: vLogoColor,
-        black: vLogoBlack,
-        'color-white': vLogoColorWhite,
-        white: vLogoWhite,
-        'no-bg': vLogoWhiteNoBg
-      }
-    };
-    // Validate the orientation and type
-    const validOrientation = logos[this.orientation];
-    if (!validOrientation) {
-      //console.error(`Invalid orientation "${this.orientation}". Falling back to "horizontal".`);
-      return hLogoColor; // Default fallback logo
-    }
-    const validLogo = validOrientation[this.type];
-    if (!validLogo) {
-      //console.error(`Invalid type "${this.type}" for orientation "${this.orientation}". Falling back to "color".`);
-      return validOrientation['color']; // Fallback to color logo
-    }
-    return validLogo;
-  }
-  render() {
-    const logoContent = this.getLogo();
-    return h("a", {
-      key: 'ee8de4071b0137020341982b4c5cb2c938f1c4df',
-      href: this.href,
-      onClick: () => this.handleClick(),
-      class: "eds-logo-wrapper",
-      "aria-label": this.label
-    }, h("div", {
-      key: '1eb620afbcc5a2a5c6914cc1c91a45ca62d0068c',
-      innerHTML: logoContent
-    }));
-  }
-  get el() {
-    return getElement(this);
-  }
-};
-EdsLogo.style = EdsLogoStyle0;
-
-export { EdsLogo as eds_logo };

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 };