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

package/eds-rating.entry.esm.js

@@ -1,69 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index.esm2.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsRatingCss = ":host{display:inline-block;font-size:2rem}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--green-500);}.star:hover,.star.filled:hover{transform:scale(1.2)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}";
-const EdsRatingStyle0 = edsRatingCss;
-const EdsRating = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ratingChange = createEvent(this, "ratingChange", 7);
-    this.stars = 5;
-    this.label = 'Rate your experience';
-    this.textMapping = ['Very Poor', 'Poor', 'Average', 'Good', 'Excellent'];
-    this.selectedRating = 0;
-  }
-  /**
-   * Parses the `textMapping` prop into an array of strings.
-   * Returns an empty array if parsing fails.
-   */
-  get parsedMappings() {
-    if (typeof this.textMapping === 'object') {
-      return this.textMapping;
-    } else if (typeof this.textMapping === 'string') {
-      try {
-        return JSON.parse(this.textMapping);
-      } catch (e) {
-        // eslint-disable-next-line
-        console.error('Error parsing textMapping prop:', e);
-        return [];
-      }
-    }
-    return [];
-  }
-  /**
-   * Handles the click event on a star.
-   * @param rating - The selected rating value.
-   */
-  handleClick(rating) {
-    this.selectedRating = rating;
-    this.ratingChange.emit(rating);
-  }
-  render() {
-    return h("div", {
-      key: 'c9147c2635f091d93f329d2b56a5fee8dce9126c',
-      class: "relative w-full flex flex-col"
-    }, h("span", {
-      key: '39a84bc3d9bcd4b729a35737c883eca7144d13ac',
-      class: "f-body-01"
-    }, this.label), h("div", {
-      key: '3cb84acf399cac0b23393c71df2f2b36aab4f43e',
-      class: "stars"
-    }, Array.from({
-      length: this.stars
-    }, (_, index) => h("span", {
-      class: {
-        star: true,
-        filled: index < this.selectedRating
-      },
-      onClick: () => this.handleClick(index + 1)
-    }, "\u2605"))), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && h("span", {
-      key: '60605ec21b542825da0dad629fc1618d9cf63b25',
-      class: "f-ui-04 text-lighter"
-    }, this.parsedMappings[this.selectedRating - 1]));
-  }
-};
-EdsRating.style = EdsRatingStyle0;
-
-export { EdsRating as eds_rating };