@ebrains/react 0.0.1-alpha.0 → 0.2.0-alpha.0

package/eds-icon-chevron-right.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { c as chevronRight } from './chevron-right-b88ed2d4.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconChevronRight = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '998491aed74bd3edd1fb8545f85ab52cf2703b3f',
+      class: this.class,
+      innerHTML: chevronRight
+    });
+  }
+};
+
+export { EdsIconChevronRight as eds_icon_chevron_right };

package/eds-icon-chevron-up.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { c as chevronUp } from './chevron-up-c66bd477.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconChevronUp = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: 'd0723afa766fc6dac454ec84602bd50ba4e49950',
+      class: this.class,
+      innerHTML: chevronUp
+    });
+  }
+};
+
+export { EdsIconChevronUp as eds_icon_chevron_up };

package/eds-icon-close.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { c as close } from './close-87fc0d63.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconClose = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '365ad476b1be9c708e73598cad1dd42a908fa1cd',
+      class: this.class,
+      innerHTML: close
+    });
+  }
+};
+
+export { EdsIconClose as eds_icon_close };

package/eds-icon-copy.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { c as copy } from './copy-03b72cb6.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconCopy = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '770c34b98ec0e0a7e16de4d7b5b41b4afec9911e',
+      class: this.class,
+      innerHTML: copy
+    });
+  }
+};
+
+export { EdsIconCopy as eds_icon_copy };

package/eds-icon-eu.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { e as euSvg } from './eu-9ddde93a.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconEu = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: 'cc6e5f7d7333ff7ed4a6f716e0ee90806fa782f9',
+      class: this.class,
+      innerHTML: euSvg
+    });
+  }
+};
+
+export { EdsIconEu as eds_icon_eu };

package/eds-icon-facebook.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { f as facebook } from './facebook-9cb5c17f.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconFacebook = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: 'f859db4f8b6679e138e6d72d1d0f5e5bd1bcf997',
+      class: this.class,
+      innerHTML: facebook
+    });
+  }
+};
+
+export { EdsIconFacebook as eds_icon_facebook };

package/eds-icon-gitlab.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { g as gitlabBlack } from './mono-53f70232.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconGitlab = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '5a91cfc15c4dec2b50ce57fb0f1d6cc8f57b03e8',
+      class: this.class,
+      innerHTML: gitlabBlack
+    });
+  }
+};
+
+export { EdsIconGitlab as eds_icon_gitlab };

package/eds-icon-linkedin.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { l as linkedin } from './linkedin-e8650abb.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconLinkedin = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: 'b8e0661a74a92c72b6db109cb48db12da48dcf92',
+      class: this.class,
+      innerHTML: linkedin
+    });
+  }
+};
+
+export { EdsIconLinkedin as eds_icon_linkedin };

package/eds-icon-loader.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { l as loader } from './loader-c9628637.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconLoader = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '260c4eeb69ff79d943571c1461346b9019ea513a',
+      class: this.class,
+      innerHTML: loader
+    });
+  }
+};
+
+export { EdsIconLoader as eds_icon_loader };

package/eds-icon-mastodon.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { m as mastodon } from './mastodon-3703ec61.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconMastodon = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '902598891dfe926f92ce5d30dc135896c6eccd43',
+      class: this.class,
+      innerHTML: mastodon
+    });
+  }
+};
+
+export { EdsIconMastodon as eds_icon_mastodon };

package/eds-icon-menu.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { m as menu } from './menu-340ea948.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconMenu = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '9d15be28017eb074a69846a2a639861de997130b',
+      class: this.class,
+      innerHTML: menu
+    });
+  }
+};
+
+export { EdsIconMenu as eds_icon_menu };

package/eds-icon-more.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { m as more } from './more-4449d549.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconMore = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '0f7d61104f8f2b0a83c5b60a6ce81c6ab91ecb9c',
+      class: this.class,
+      innerHTML: more
+    });
+  }
+};
+
+export { EdsIconMore as eds_icon_more };

package/eds-icon-search.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { s as search } from './search-fbcd79c2.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconSearch = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '6795d973d3a1fff27c2fd6181235d0284abaf3b7',
+      class: this.class,
+      innerHTML: search
+    });
+  }
+};
+
+export { EdsIconSearch as eds_icon_search };

package/eds-icon-success.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { s as success } from './success-443809da.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconSuccess = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '15e428fd72496249adfe372847d5c683cd3412b1',
+      class: this.class,
+      innerHTML: success
+    });
+  }
+};
+
+export { EdsIconSuccess as eds_icon_success };

package/eds-icon-twitter.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { t as twitter } from './twitter-ac21b505.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconTwitter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: 'cfa2d903e79d5a17fb7511e078c0d26bd6d3abd6',
+      class: this.class,
+      innerHTML: twitter
+    });
+  }
+};
+
+export { EdsIconTwitter as eds_icon_twitter };

package/eds-icon-user.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { u as user } from './user-71ebdc15.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconUser = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: 'dc06f1a54b9542cb2c0165fb3bdff960ecd81cc0',
+      class: this.class,
+      innerHTML: user
+    });
+  }
+};
+
+export { EdsIconUser as eds_icon_user };

package/eds-icon-youtube.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { y as youtube } from './youtube-efbfbdc4.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconYoutube = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: 'ecd12a21c5797f93f7d8abe67803b27862967b2f',
+      class: this.class,
+      innerHTML: youtube
+    });
+  }
+};
+
+export { EdsIconYoutube as eds_icon_youtube };

package/eds-login.entry.esm.js

@@ -0,0 +1,84 @@
+import { r as registerInstance, c as createEvent, h } from './index.esm2.js';
+import { a as logout, i as initKeycloak, b as isAuthenticated, g as getUser, l as login } from './keycloak-13893af6.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);
+    // Method to handle user logout
+    this.handleLogout = () => {
+      logout();
+      this.authenticated = false; // Reset authentication state after logout
+    };
+    this.keycloakUrl = '';
+    this.keycloakRealm = '';
+    this.keycloakClientId = '';
+    this.authenticated = false;
+    this.user = null;
+  }
+  // Lifecycle method to check authentication status before the component loads
+  async componentWillLoad() {
+    await this.checkAuthentication();
+  }
+  // Method to initialize Keycloak and check if the user is authenticated
+  async checkAuthentication() {
+    try {
+      const keycloakConfig = {
+        url: this.keycloakUrl,
+        realm: this.keycloakRealm,
+        clientId: this.keycloakClientId
+      };
+      await initKeycloak(keycloakConfig);
+      // eslint-disable-next-line
+      // Set authentication state and fetch user data if authenticated
+      this.authenticated = isAuthenticated();
+      if (this.authenticated) {
+        this.user = getUser();
+      }
+      this.authStatusChanged.emit({
+        authenticated: this.authenticated,
+        user: this.user
+      }); // Emit auth status change
+    } catch (error) {
+      // eslint-disable-next-line
+      console.error('Keycloak initialization or login check failed:', error);
+    }
+  }
+  // Method to handle user login
+  async handleLogin() {
+    try {
+      if (!this.authenticated) {
+        login(); // Start the Keycloak login process
+      }
+    } catch (error) {
+      // eslint-disable-next-line
+      console.error('Login failed:', error);
+    }
+  }
+  getBtnLabel() {
+    return this.authenticated ? 'Logout' : 'Login';
+  }
+  render() {
+    return h("div", {
+      key: '3e9fdf8fa303948f00da83a1c8c1efc35e2c3c1a'
+    }, h("eds-button", {
+      key: '452b1c6ba9dda0ae5570accedf5e61b8391aeadb',
+      label: this.getBtnLabel(),
+      intent: "primary",
+      loading: false,
+      disabled: false,
+      pill: false,
+      icon: "arrow-diagonal",
+      size: "small",
+      "icon-pos": "right",
+      "aria-label": this.getBtnLabel(),
+      "element-type": "button",
+      triggerClick: this.authenticated ? this.handleLogout : this.handleLogin.bind(this)
+    }));
+  }
+};
+
+export { EdsLogin as eds_login };

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

@@ -0,0 +1,129 @@
+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 './color-0ba8ed56.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+import './index-39c58238.esm.js';
+
+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 };