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

package/eds-card-desc_3.entry.esm.js

@@ -1,129 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { c as cva } from './index-39c58238.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsCardDescCss = ".f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-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)}.text-light{color:var(--grey-700)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}";
-const EdsCardDescStyle0 = edsCardDescCss;
-const EdsCardDesc = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.description = undefined;
-    this.descClass = 'f-ui-03-light';
-    this.truncate = true;
-    this.truncateLines = '3';
-  }
-  getTruncateClass() {
-    return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : '';
-  }
-  render() {
-    return h("p", {
-      key: '017c115ebff999c74cff1eaeb5c63f97e0f6554d',
-      class: `text-light ${this.descClass}`
-    }, h("span", {
-      key: 'f87b9b3d593e417ef351882f426d24c0b206ccab',
-      class: this.getTruncateClass()
-    }, this.description));
-  }
-};
-EdsCardDesc.style = EdsCardDescStyle0;
-const edsCardTitleCss = "a{all:unset;display:inline;color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}.f-heading-01{font-family:var(--f-heading-01-fontFamily);font-weight:var(--f-heading-01-fontWeight);font-size:var(--f-heading-01-fontSize);line-height:var(--f-heading-01-lineHeight);letter-spacing:var(--f-heading-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.break-words{overflow-wrap:break-word}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:z-10::after{z-index:10}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}";
-const EdsCardTitleStyle0 = edsCardTitleCss;
-const EdsCardTitle = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.url = undefined;
-    this.titleClass = undefined;
-    this.headingLevel = 'h3';
-    this.externalLink = false;
-    this.cardTitle = undefined;
-    this.hierarchy = true;
-  }
-  /**
-   * Dynamically generate the title class based on the heading level.
-   */
-  getTitleClass() {
-    const levelMap = this.hierarchy ? {
-      h1: '05',
-      h2: '05',
-      h3: '05',
-      h4: '05',
-      h5: '05',
-      h6: '06'
-    } : {
-      h1: '01',
-      h2: '02',
-      h3: '03',
-      h4: '04',
-      h5: '05',
-      h6: '06'
-    };
-    return `f-heading-${levelMap[this.headingLevel]}`;
-  }
-  /*private getTag() {
-    if (this.url) {
-      return 'a';
-    }
-    return 'span';
-  }*/
-  render() {
-    //const Tag = this.getTag();
-    const Heading = this.headingLevel;
-    return h(Heading, {
-      key: '8aee3bcb0e04508dd21a03ea0f695e040f37c767',
-      class: this.getTitleClass()
-    }, h("a", {
-      key: 'c5fa27fe86037ed6b039c156aecdf1acc9c7c8bc',
-      class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none",
-      href: this.url,
-      target: this.externalLink ? '_blank' : undefined,
-      rel: this.externalLink ? 'noopener noreferrer' : undefined
-    }, this.cardTitle));
-  }
-};
-EdsCardTitle.style = EdsCardTitleStyle0;
-const edsTagCss = ".f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}";
-const EdsTagStyle0 = edsTagCss;
-
-// Define the CVA for the tag styles
-const tagStyles = cva(['f-ui-05 py-1 px-4 border-2 rounded-pill'],
-// Base classes
-{
-  variants: {
-    intent: {
-      default: 'border-default',
-      strong: 'text-inverse bg-strongest border-default',
-      accent: 'text-[#0034CB] border-[#0034CB]',
-      weak: 'text-light bg-strongest-soft border-transparent',
-      inverse: 'border-inverse text-inverse',
-      'inverse-strong': 'bg-inverse border-inverse text-lighter'
-    }
-  },
-  defaultVariants: {
-    intent: 'default'
-  }
-});
-const EdsTag = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.label = undefined;
-    this.intent = 'default';
-  }
-  /**
-   * Render the component.
-   * @returns The rendered HTML for the tag component with the applied styles and label.
-   */
-  render() {
-    const classes = tagStyles({
-      intent: this.intent
-    });
-    return h("span", {
-      key: '546bd7eb2c78760edc12cd7bb3ede5f6ab9099f3',
-      class: classes
-    }, this.label);
-  }
-};
-EdsTag.style = EdsTagStyle0;
-
-export { EdsCardDesc as eds_card_desc, EdsCardTitle as eds_card_title, EdsTag as eds_tag };

package/eds-card-generic.entry.esm.js

@@ -1,125 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index.esm2.js';
-import { s as sendAnalytics } from './color-0ba8ed56.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-import './index-39c58238.esm.js';
-
-const edsCardGenericCss = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15 )}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}";
-const EdsCardGenericStyle0 = edsCardGenericCss;
-const EdsCardGeneric = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.parentContext = null; // Accepts the entire event detail or null
-    this.cardTitle = undefined;
-    this.url = undefined;
-    this.description = undefined;
-    this.image = undefined;
-    this.avatar = undefined;
-    this.shortAbbreviation = undefined;
-    this.headingLevel = 'h3';
-    this.tags = '';
-    this.tiny = false;
-    this.bg = true;
-    this.withHover = true;
-    this.hierarchy = true;
-    this.parsedImage = null;
-  }
-  componentWillLoad() {
-    if (this.image) {
-      try {
-        if (typeof this.image === 'object') {
-          // If image is already an object, assign it directly
-          this.parsedImage = this.image;
-        } else if (typeof this.image === 'string') {
-          // If image is a string, try to parse it
-          this.parsedImage = JSON.parse(this.image);
-        }
-      } catch (error) {
-        // eslint-disable-next-line
-        console.error('Error parsing image prop:', error);
-        this.parsedImage = {}; // Assign a fallback empty object in case of an error
-      }
-    }
-  }
-  handleParentContext(event) {
-    if (event.target !== this.el) {
-      // Ignore the event if it's not targeted at this specific instance
-      return;
-    }
-    //console.log(event.detail);
-    this.parentContext = event.detail;
-    event.stopPropagation();
-  }
-  /**
-   * Parses the `tags` prop into an array of link objects.
-   * Returns an empty array if parsing fails or if `tags` is not a valid JSON string or object.
-   *
-   * @returns {any[]} Array of parsed link objects
-   */
-  get parsedTags() {
-    if (typeof this.tags === 'object') {
-      return this.tags;
-    } else if (typeof this.tags === 'string') {
-      try {
-        return JSON.parse(this.tags);
-      } catch (e) {
-        // eslint-disable-next-line
-        console.error('Error parsing tags prop:', e);
-        return [];
-      }
-    }
-    return [];
-  }
-  articleClasses() {
-    return [this.description ? this.tiny ? 'min-h-120' : 'min-h-156' : 'h-auto', this.bg ? 'bg-inverse' : 'bg-default', this.withHover ? 'effect-shadow hover:shadow-hover cursor-pointer' : '', 'border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16'].join(' ');
-  }
-  handleClick() {
-    var _a;
-    sendAnalytics({
-      category: 'ui-component',
-      parentContext: this.parentContext,
-      tag: this.el.tagName.toLowerCase(),
-      name: ((_a = this.cardTitle) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-      action: 'click'
-    });
-  }
-  render() {
-    return h("article", {
-      key: '17d1f00f232a4436756fa3846684bbae8c716036',
-      class: this.articleClasses(),
-      onClick: () => this.handleClick()
-    }, h("eds-card-title", {
-      key: 'd99ee1716c4e308a3ea446f0f7cedfaeac30f2ed',
-      "heading-level": this.headingLevel,
-      titleClass: this.image ? 'f-ui-01' : undefined,
-      "card-title": this.cardTitle,
-      url: this.url,
-      hierarchy: this.hierarchy
-    }), this.description && h("eds-card-desc", {
-      key: 'c5bdc76e68a8d660609630aa8184ec3a9508ab61',
-      class: "mt-8",
-      "truncate-lines": "3",
-      description: this.description
-    }), this.parsedImage ? h("eds-img", Object.assign({
-      class: "mt-8"
-    }, this.parsedImage)) : this.avatar || this.shortAbbreviation ? h("eds-avatar", {
-      class: "order-first mb-12",
-      picture: this.avatar,
-      initials: this.shortAbbreviation
-    }) : null, h("div", {
-      key: 'fa993e3c60d357eb0d9a63e612bdd2bf026e7a85',
-      class: "flex flex-wrap gap-y-4"
-    }, this.parsedTags.map((tag, index) => h("eds-tag", {
-      key: index,
-      intent: tag.style,
-      label: tag.label
-    }))), ' ');
-  }
-  get el() {
-    return getElement(this);
-  }
-};
-EdsCardGeneric.style = EdsCardGenericStyle0;
-
-export { EdsCardGeneric as eds_card_generic };