10808183616

Committed 11 Sep 2024 08:44AM UTC coverage: 17.711% (-5.4%) from 23.14%

Build # 10808183616

Build Type

push

github

Committed by

matthiasblum

Commit Message

Merge branch 'dev' into future

Run Details

321 of 2258 branches covered (14.22%)

Branch coverage included in aggregate %.

4 of 53 new or added lines in 22 files covered. (7.55%)

18 existing lines in 10 files now uncovered.

697 of 3490 relevant lines covered (19.97%)

4.01 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/src/components/Entry/HmmModels/index.js

// @flow
import React, { useEffect } from 'react';
import T from 'prop-types';

import { foundationPartial } from 'styles/foundation';

import Skylign from 'skylign/src/index';

import ebiGlobalStyles from 'ebi-framework/css/ebi-global.css';
import styles from './logo.css';
import loadable from 'higherOrder/loadable';
import loadWebComponent from 'utils/load-web-component';

const f = foundationPartial(ebiGlobalStyles, styles);

const SchemaOrgData = loadable({
  loader: () => import(/* webpackChunkName: "schemaOrg" */ 'schema_org'),
  loading: () => null,
});

const schemaProcessData = (data) => {
  return {
    '@id': '@additionalProperty',
    '@type': 'PropertyValue',
    name: 'hasSignature',
    value: [
      {
        '@type': 'CreativeWork',
        additionalType: ['bio:DataRecord', 'AlignmentLogo'],
        additionalProperty: [
          {
            '@type': 'PropertyValue',
            name: 'maxHeight',
            value: data.max_height,
          },
          {
            '@type': 'PropertyValue',
            name: 'processing',
            value: data.processing,
          },
          {
            '@type': 'PropertyValue',
            name: 'alphabet',
            value: data.alphabet,
          },
          {
            '@type': 'PropertyValue',
            name: 'minHeightObserved',
            value: data.min_height_obs,
          },
        ],
      },
    ],
  };
};

const HmmModelSection = ({ logo } /*: {logo: {}} */) => {
  useEffect(() => {
    loadWebComponent(() => Skylign).as('skylign-component');

    // TODO: Change style in `skylign-component` itself.
    // This is a temporaly walkaround to change a shadow DOM style from this code base.
    customElements.whenDefined('skylign-component').then(() => {
      const controlsDiv = document
        .querySelector('skylign-component')
        ?.shadowRoot?.querySelector('div');

      if (controlsDiv) controlsDiv.style.position = 'relative';
    });
  });

  return (
    <div className={f('row')}>
      <div className={f('columns')}>
        <div className={f('logo_wrapper')}>
          <SchemaOrgData
            data={JSON.stringify(logo)}
            processData={schemaProcessData}
          />
          <skylign-component logo={JSON.stringify(logo)} />
        </div>
      </div>
    </div>
  );
};

HmmModelSection.propTypes = {
  logo: T.object.isRequired,
};

export default HmmModelSection;

1	// @flow
2	import React, { useEffect } from 'react';
3	import T from 'prop-types';
4
5	import { foundationPartial } from 'styles/foundation';
6
7	import Skylign from 'skylign/src/index';
8
9	import ebiGlobalStyles from 'ebi-framework/css/ebi-global.css';
10	import styles from './logo.css';
11	import loadable from 'higherOrder/loadable';
12	import loadWebComponent from 'utils/load-web-component';
13
14	const f = foundationPartial(ebiGlobalStyles, styles);	×
15
16	const SchemaOrgData = loadable({	×
17	loader: () => import(/* webpackChunkName: "schemaOrg" */ 'schema_org'),	×
18	loading: () => null,	×
19	});
20
21	const schemaProcessData = (data) => {	×
22	return {	×
23	'@id': '@additionalProperty',
24	'@type': 'PropertyValue',
25	name: 'hasSignature',
26	value: [
27	{
28	'@type': 'CreativeWork',
29	additionalType: ['bio:DataRecord', 'AlignmentLogo'],
30	additionalProperty: [
31	{
32	'@type': 'PropertyValue',
33	name: 'maxHeight',
34	value: data.max_height,
35	},
36	{
37	'@type': 'PropertyValue',
38	name: 'processing',
39	value: data.processing,
40	},
41	{
42	'@type': 'PropertyValue',
43	name: 'alphabet',
44	value: data.alphabet,
45	},
46	{
47	'@type': 'PropertyValue',
48	name: 'minHeightObserved',
49	value: data.min_height_obs,
50	},
51	],
52	},
53	],
54	};
55	};
56
57	const HmmModelSection = ({ logo } /: {logo: {}} /) => {	×
58	useEffect(() => {	×
59	loadWebComponent(() => Skylign).as('skylign-component');	×
60
61	// TODO: Change style in `skylign-component` itself.
62	// This is a temporaly walkaround to change a shadow DOM style from this code base.
NEW 63	customElements.whenDefined('skylign-component').then(() => {	×
NEW 64	const controlsDiv = document	×
65	.querySelector('skylign-component')
66	?.shadowRoot?.querySelector('div');
67
NEW 68	if (controlsDiv) controlsDiv.style.position = 'relative';	×
69	});
70	});
71
72	return (	×
73	<div className={f('row')}>
74	<div className={f('columns')}>
75	<div className={f('logo_wrapper')}>
76	<SchemaOrgData
77	data={JSON.stringify(logo)}
78	processData={schemaProcessData}
79	/>
80	<skylign-component logo={JSON.stringify(logo)} />
81	</div>
82	</div>
83	</div>
84	);
85	};
86
87	HmmModelSection.propTypes = {	×
88	logo: T.object.isRequired,
89	};
90
91	export default HmmModelSection;

ProteinsWebTeam / interpro7-client / 10808183616

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous