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

package/eds-frame.entry.esm.js

@@ -1,117 +0,0 @@
-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 };