@ebrains/react 0.9.0-beta → 0.9.2-beta

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

@@ -1,105 +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 edsCardToolCss = ".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 EdsCardToolStyle0 = edsCardToolCss;
-const EdsCardTool = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.cardTitle = undefined;
-    this.url = undefined;
-    this.description = undefined;
-    this.image = undefined;
-    this.avatar = undefined;
-    this.shortAbbreviation = undefined;
-    this.headingLevel = 'h5';
-    this.tags = '';
-    this.tiny = false;
-    this.bg = true;
-    this.withHover = true;
-    this.external = false;
-    this.hierarchy = true;
-  }
-  /**
-   * 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 links prop:', e);
-        return [];
-      }
-    }
-    return [];
-  }
-  componentWillLoad() {}
-  parseTags() {
-    return this.tags.split(',');
-  }
-  articleClasses() {
-    return [this.tiny ? 'min-h-120' : 'min-h-156', 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;
-    //event.preventDefault();
-    sendAnalytics({
-      category: 'ui-component',
-      tag: this.el.tagName.toLowerCase(),
-      name: ((_a = this.cardTitle) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-      action: 'click'
-    });
-  }
-  render() {
-    return h("article", {
-      key: '5ecce6667d066e78586f795ab260bed569434c4f',
-      class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`,
-      onClick: () => this.handleClick()
-    }, h("eds-card-title", {
-      key: 'a6ff863ade669db7494c763d563809dbfddb3f2c',
-      "heading-level": this.headingLevel,
-      titleClass: this.image ? 'f-ui-01' : undefined,
-      "card-title": this.cardTitle,
-      url: this.url,
-      "external-link": this.external,
-      hierarchy: this.hierarchy
-    }), this.description && h("eds-card-desc", {
-      key: '6f5328fba79a564e6e0d737b2d64a31e50ea6434',
-      class: "mt-8",
-      "truncate-lines": "3",
-      description: this.description
-    }), this.image ? h("eds-img", {
-      src: this.image,
-      alt: "Sample Image",
-      width: 200,
-      height: 150
-    }) : this.avatar || this.shortAbbreviation ? h("eds-avatar", {
-      class: "order-first mb-12",
-      picture: this.avatar,
-      initials: this.shortAbbreviation
-    }) : null, h("div", {
-      key: 'b1a42a1db9274ebf1098143d56e1ad8a08825c4c',
-      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);
-  }
-};
-EdsCardTool.style = EdsCardToolStyle0;
-
-export { EdsCardTool as eds_card_tool };

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

@@ -1,39 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index.esm2.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsCardWrapper = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.tiny = false;
-    this.withBg = true;
-    this.withHover = true;
-  }
-  hasSlot(name) {
-    if (name) {
-      return !!this.el.querySelector(`[slot="${name}"]`);
-    }
-    return !!this.el.querySelector(':not([slot])');
-  }
-  render() {
-    const articleClasses = [this.tiny ? 'min-h-120' : 'min-h-156', this.withBg ? '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(' ');
-    return h("article", {
-      key: 'b860e65a1a943216793a5ce2f5a08d01249fc671',
-      class: articleClasses
-    }, h("slot", {
-      key: '3ea351da205f375ed746695762efc1f28d1fc3f0'
-    }), this.hasSlot('footer') && h("div", {
-      key: '84d24bd248033d4855dd63dfa5042585ae61d64d',
-      class: "mt-auto"
-    }, h("slot", {
-      key: 'c7a2530d70a93705097b9ac3b8be1a21551dd1fb',
-      name: "footer"
-    })));
-  }
-  get el() {
-    return getElement(this);
-  }
-};
-
-export { EdsCardWrapper as eds_card_wrapper };