@ebrains/react 0.9.3-beta → 1.0.0

package/eds-tooltip.entry.esm.js

@@ -1,125 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index.esm2.js';
-import { s as sendAnalytics } from './analytics-44b1416b.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsTooltipCss = ".relative{position:relative}.absolute{position:absolute}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.bg-stronger{background-color:var(--grey-900)}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.text-default{color:var(--black)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.pointer-events-none{pointer-events:none}.-top-8{top:-0.5rem}.left-1\\/2{left:50%}.z-10{z-index:10}.block{display:block}.-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))}.-translate-y-full{--tw-translate-y:-100%;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))}.whitespace-nowrap{white-space:nowrap}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.p-12{padding:0.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}";
-const EdsTooltipStyle0 = edsTooltipCss;
-const EdsTooltip = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.content = undefined;
-    this.position = 'above';
-    this.isVisible = false;
-    this.isPositioned = false;
-    this.tooltipStyle = {
-      top: '0px',
-      left: '0px',
-      transform: ''
-    };
-  }
-  /**
-   * Show the tooltip and update its position.
-   */
-  async showTooltip() {
-    var _a;
-    await this.updateTooltipPosition();
-    this.isPositioned = true;
-    this.isVisible = true;
-    sendAnalytics({
-      category: 'ui-component',
-      parentContext: null,
-      tag: this.el.tagName.toLowerCase(),
-      name: ((_a = this.content) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-      action: 'hover'
-    });
-  }
-  /**
-   * Hide the tooltip.
-   */
-  hideTooltip() {
-    this.isVisible = false;
-    this.isPositioned = false; // Reset positioning when hiding
-  }
-  /**
-   * Hide the tooltip when the `Escape` key is pressed.
-   */
-  handleKeyPress(event) {
-    if (event.key === 'Escape') {
-      this.isVisible = false;
-      this.isPositioned = false; // Reset positioning when hiding
-    }
-  }
-  /**
-   * Update the tooltip's position dynamically based on the slotted element's dimensions and position.
-   */
-  updateTooltipPosition() {
-    var _a, _b;
-    const slotElement = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
-    if (!slotElement) {
-      return;
-    }
-    const assignedNodes = (slotElement === null || slotElement === void 0 ? void 0 : slotElement.assignedNodes({
-      flatten: true
-    })) || [];
-    const targetElement = assignedNodes.find(node => node instanceof HTMLElement);
-    if (targetElement) {
-      const targetRect = targetElement.getBoundingClientRect();
-      const tooltipElement = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('[role="tooltip"]');
-      if (tooltipElement) {
-        const tooltipWidth = tooltipElement.offsetWidth;
-        const tooltipHeight = tooltipElement.offsetHeight;
-        // Calculate position based on the preferred `position` prop
-        let top = 0;
-        let left = 0;
-        switch (this.position) {
-          case 'above':
-            top = window.scrollY - tooltipHeight - 8; // Above with offset
-            left = targetRect.left + targetRect.width / 2 - tooltipWidth / 2; // Centered horizontally
-            break;
-          case 'below':
-            top = tooltipHeight - window.scrollY + 18; // Below with offset
-            left = targetRect.left + targetRect.width / 2 - tooltipWidth / 2; // Centered horizontally
-            break;
-          /*case 'left':
-            top = targetRect.top - window.scrollY + targetRect.height / 2 - tooltipHeight / 2; // Centered vertically
-            left = targetRect.left - tooltipWidth - 8; // To the left with offset
-            break;
-          case 'right':
-            top = targetRect.top - window.scrollY + targetRect.height / 2 - tooltipHeight / 2; // Centered vertically
-            left = targetRect.right + 8; // To the right with offset
-            break;*/
-        }
-        this.tooltipStyle = {
-          top: `${top}px`,
-          left: `${left}px`,
-          transform: 'translateX(0)' // No additional horizontal adjustment needed
-        };
-      }
-    }
-  }
-  render() {
-    return h("div", {
-      key: '7bc92c002eaf263a2d10a2391f356f40e23d5998',
-      class: "relative"
-    }, h("slot", {
-      key: 'cc8126196b03fd02bb17701aa4f55d4a406f685a'
-    }), this.isVisible && this.isPositioned && this.content && h("div", {
-      key: '00d854649ef43b958081bbb336319a537c181574',
-      class: "rounded-xs bg-strongest text-inverse f-ui-03-light pointer-events-none absolute z-10 whitespace-nowrap p-6",
-      role: "tooltip",
-      style: {
-        top: this.tooltipStyle.top,
-        left: this.tooltipStyle.left,
-        transform: this.tooltipStyle.transform
-      }
-    }, this.content));
-  }
-  get el() {
-    return getElement(this);
-  }
-};
-EdsTooltip.style = EdsTooltipStyle0;
-
-export { EdsTooltip as eds_tooltip };

package/toastManager-d9eee791.esm.js

@@ -1,34 +0,0 @@
-class ToastManager {
-  constructor() {
-    this.toastManagerElement = null;
-  }
-  /**
-   * Initialize the ToastManager with a reference to the `eds-toast-manager` component.
-   */
-  init(toastManagerElement) {
-    this.toastManagerElement = toastManagerElement;
-  }
-  /**
-   * Display a toast.
-   * @param message - The message to display.
-   * @param intent - The type of the toast ('success', 'error', 'warning', 'default').
-   */
-  show(message, intent = 'default') {
-    if (!this.toastManagerElement) {
-      // eslint-disable-next-line
-      console.error('ToastManager is not initialized. Ensure <eds-toast-manager> is rendered.');
-      return;
-    }
-    const event = new CustomEvent('show-toast', {
-      detail: {
-        message,
-        intent
-      }
-    });
-    this.toastManagerElement.dispatchEvent(event);
-  }
-}
-// Export a singleton instance
-const toast = new ToastManager();
-
-export { toast as t };