tycho-components 0.2.4-SNAPSHOT-7 → 0.2.5-SNAPSHOT

package/dist/AppPicture/AppPicture.d.ts

@@ -3,7 +3,8 @@ type PictureProps = {
     src: string;
     title?: string;
     className?: string;
+    person?: boolean;
     onClick?: () => void;
 };
-export default function AppPicture({ src, title, className, onClick, }: PictureProps): import("react/jsx-runtime").JSX.Element;
+export default function AppPicture({ src, title, className, person, onClick, }: PictureProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/AppPicture/AppPicture.js

@@ -2,16 +2,16 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import ImageUtils from '../functions/ImageUtils';
 import './style.scss';
-export default function AppPicture({ src, title, className, onClick, }) {
+export default function AppPicture({ src, title, className, person, onClick, }) {
     const [empty, setEmpty] = useState(false);
     useEffect(() => {
         setEmpty(!src);
     }, []);
-    return (_jsx("div", { className: `app-picture-container ${empty ? 'empty' : ''}`, children: _jsx("img", { className: `${className} ${src ? '' : 'picture-placeholder'}`, src: ImageUtils.display(src), title: title, onClick: () => onClick && onClick(), onError: ({ currentTarget }) => {
+    return (_jsx("div", { className: `app-picture-container ${empty ? 'empty' : ''}`, children: _jsx("img", { className: `${className} ${src ? '' : 'picture-placeholder'}`, src: ImageUtils.display(src, person), title: title, onClick: () => onClick && onClick(), onError: ({ currentTarget }) => {
                 setEmpty(true);
                 /* eslint-disable no-param-reassign */
                 currentTarget.onerror = null; // prevents looping
-                currentTarget.src = ImageUtils.getPlaceHolder();
+                currentTarget.src = ImageUtils.getPlaceHolder(person);
                 /* eslint-enable no-param-reassign */
             } }) }));
 }

package/dist/TreeView/cytoscape/CytoscapeTreeConverter.js

@@ -30,7 +30,7 @@ export default class CytoscapeTreeConverter {
         if (this.extraInfo && token.attributes) {
             const attrLines = Object.values(token.attributes)
                 .map((v) => v)
-                .join('\n');
+                .join('<br/>');
             return `<span class="token-value">${token.v}</span><span class="token-attributes">${attrLines}</span>`;
         }
         return `<span class="token-value">${token.v}</span>`;

package/dist/functions/ImageUtils.d.ts

@@ -1,5 +1,5 @@
 declare const ImageUtils: {
-    display: (url: string) => string;
-    getPlaceHolder: () => string;
+    display: (url: string, person?: boolean) => string;
+    getPlaceHolder: (person?: boolean) => string;
 };
 export default ImageUtils;

package/dist/functions/ImageUtils.js

@@ -1,10 +1,11 @@
 import placeholder from './placeholder-image.png';
-const display = (url) => {
+import placeholderPerson from './placeholder-person.png';
+const display = (url, person) => {
     if (url && url !== '')
         return url;
-    return placeholder;
+    return person ? placeholderPerson : placeholder;
 };
-const getPlaceHolder = () => placeholder;
+const getPlaceHolder = (person) => person ? placeholderPerson : placeholder;
 const ImageUtils = {
     display,
     getPlaceHolder,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.2.4-SNAPSHOT-7",
+  "version": "0.2.5-SNAPSHOT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {