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

package/eds-frame.entry.esm.js

@@ -0,0 +1,117 @@
+import { r as registerInstance, h, g as getElement } from './index.esm2.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsFrame = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.frameLabel = undefined;
+    this.urlLabel = 'Open in Storybook';
+    this.errorMessage = 'Could not load the requested Storybook content. Please check the URL or try again later.';
+    this.storybookUrl = undefined;
+    this.storyPath = undefined;
+    this.intent = 'strong';
+    this.tiny = false;
+    this.size = 'auto';
+    this.bg = true;
+    this.iframeError = false;
+  }
+  articleClasses() {
+    return [this.tiny ? 'min-h-120' : 'min-h-156', this.bg ? 'bg-inverse' : 'bg-default', 'rounded border-softer effect-focus-within relative flex grow flex-col border-2', 'w-full h-full'].join(' ');
+  }
+  getFrameHeight() {
+    switch (this.size) {
+      case 'sm':
+        return '100px';
+      case 'md':
+        return '200px';
+      case 'lg':
+        return '400px';
+      case 'xl':
+        return '700px';
+      default:
+        return 'auto';
+    }
+  }
+  async checkIframeAvailability() {
+    try {
+      const response = await fetch(this.frameSrc, {
+        method: 'GET'
+      });
+      if (!response.ok) {
+        throw new Error('Failed to load');
+      }
+    } catch (error) {
+      this.iframeError = true;
+    }
+  }
+  componentWillLoad() {
+    this.checkIframeAvailability();
+  }
+  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 called `parentContext` for a given link element.
+   * This event provides context information about the breadcrumb component.
+   *
+   * @param linkElement - The link element to which the event will be dispatched.
+   */
+  emitContext(linkElement) {
+    const event = new CustomEvent('parentContext', {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: this.frameLabel
+      }
+    });
+    linkElement.dispatchEvent(event);
+  }
+  get storyLink() {
+    return `${this.storybookUrl}/?path=/story/${this.storyPath}`;
+  }
+  get frameSrc() {
+    return `${this.storybookUrl}/iframe.html?id=${this.storyPath}&viewMode=story`;
+  }
+  render() {
+    return h("div", {
+      key: '0c3a43efc1a125af5999af88c4eb071b5c3bc6c5',
+      class: this.articleClasses()
+    }, h("div", {
+      key: '32303d5e2c2f3b01efe1ceaf828346f873bea6b6',
+      class: "effect-height flex items-center justify-between py-8 px-12"
+    }, h("span", {
+      key: '75f7f6750413dad4af2ea62c12ffb994491d5d01',
+      class: "f-ui-02"
+    }, this.frameLabel), !this.iframeError ? h("eds-link", {
+      label: this.urlLabel,
+      url: this.storyLink,
+      intent: this.intent,
+      class: "ml-auto",
+      external: true,
+      disabled: false,
+      icon: "arrow-diagonal"
+    }) : null), h("div", {
+      key: '1fd99f6eda026814910b0cd93635616b7d3ffe09',
+      class: "border-softer border-t-2"
+    }, this.iframeError ? h("div", {
+      class: "container ml-8 mr-8 mt-16"
+    }, this.errorMessage) : h("iframe", {
+      src: this.frameSrc,
+      width: "100%",
+      height: this.getFrameHeight(),
+      title: this.frameLabel,
+      frameBorder: "0",
+      allowFullScreen: true
+    })));
+  }
+  get el() {
+    return getElement(this);
+  }
+};
+
+export { EdsFrame as eds_frame };

package/eds-icon-arrow-diagonal.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { a as arrowDiagonal } from './arrow-diagonal-black-8f0494c3.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconArrowDiagonal = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.addClass = '';
+  }
+  render() {
+    return h("span", {
+      key: '08ebdce5cfbe75bf4bfab8f72493e2178be55c3c',
+      class: this.addClass,
+      innerHTML: arrowDiagonal
+    });
+  }
+};
+
+export { EdsIconArrowDiagonal as eds_icon_arrow_diagonal };

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

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { a as arrowRight } from './arrow-right-9322ba8a.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconArrowRight = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '6d704324784e6c3d9c221dcaf83bd86a8a6a94ab',
+      class: this.class,
+      innerHTML: arrowRight
+    });
+  }
+};
+
+export { EdsIconArrowRight as eds_icon_arrow_right };

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

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { b as bluesky } from './bluesky-cc5edd2d.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconBluesky = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '8b5d4cfeedf6d7e9bea48d7ba892527d484c858d',
+      class: this.class,
+      innerHTML: bluesky
+    });
+  }
+};
+
+export { EdsIconBluesky as eds_icon_bluesky };

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

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { c as chevronDown } from './chevron-down-6144c823.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconChevronDown = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: 'bc01e9e10033245e02403b6b919911018eef9919',
+      class: this.class,
+      innerHTML: chevronDown
+    });
+  }
+};
+
+export { EdsIconChevronDown as eds_icon_chevron_down };

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

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { c as chevronLeft } from './chevron-left-ca6c66e1.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconChevronLeft = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: 'd74bd0b2ddfd5bd61c97309aebb71d7c29f0cf43',
+      class: this.class,
+      innerHTML: chevronLeft
+    });
+  }
+};
+
+export { EdsIconChevronLeft as eds_icon_chevron_left };

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