@cucumber/react-components 24.2.0 → 24.3.0

package/dist/src/components/app/ExecutionSummary.js

@@ -1,7 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { TestStepResultStatus, TimeConversion } from '@cucumber/messages';
 import { faCodeBranch, faStopwatch, faTag } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import React from 'react';
 import { formatExecutionDistance } from '../../formatExecutionDistance.js';
 import { formatExecutionDuration } from '../../formatExecutionDuration.js';
 import { formatPassedQuantity } from '../../formatPassedQuantity.js';
@@ -30,55 +30,9 @@ export const ExecutionSummary = () => {
     const finishDate = testRunFinished?.timestamp
         ? new Date(TimeConversion.timestampToMillisecondsSinceEpoch(testRunFinished.timestamp))
         : undefined;
-    return (React.createElement(React.Fragment, null,
-        meta && (React.createElement(HeaderSection, null,
-            React.createElement(HeaderItem, { testId: "cucumber.summary.setup" },
-                React.createElement(HeaderSubItem, null,
-                    React.createElement(ImplementationIcon, { implementation: meta.implementation }),
-                    React.createElement(RuntimeIcon, { runtime: meta.runtime }),
-                    React.createElement(OSIcon, { os: meta.os })),
-                React.createElement("span", { "data-testid": "cucumber.summary.setup.phrase" },
-                    React.createElement(VersionedTool, { ...meta.implementation, fallback: "unknown tool" }),
-                    React.createElement("em", { className: styles.conjunction }, " with "),
-                    React.createElement(VersionedTool, { ...meta.runtime, fallback: "unknown runtime" }),
-                    React.createElement("em", { className: styles.conjunction }, " on "),
-                    React.createElement(VersionedTool, { ...meta.os, fallback: "unknown platform" })),
-                React.createElement(CopyButton, { text: makeSetupString(meta) })))),
-        React.createElement(HeaderSection, null,
-            React.createElement(HeaderItem, { testId: "cucumber.summary.status" },
-                React.createElement(HeaderSubItem, null,
-                    React.createElement(HealthChart, null),
-                    React.createElement("span", null,
-                        formatStatusRate(scenarioCountByStatus[TestStepResultStatus.PASSED], totalScenarioCount),
-                        ' ',
-                        formatPassedQuantity(scenarioCountByStatus[TestStepResultStatus.PASSED], totalScenarioCount),
-                        ' passed'))),
-            startDate && (React.createElement(HeaderItem, { testId: "cucumber.summary.timing" },
-                React.createElement(HeaderSubItem, null,
-                    React.createElement(FontAwesomeIcon, { "aria-hidden": "true", style: { opacity: 0.75 }, icon: faStopwatch }),
-                    React.createElement("span", null,
-                        React.createElement("time", { title: startDate.toString(), dateTime: startDate.toISOString() }, formatExecutionDistance(startDate)),
-                        finishDate && (React.createElement(React.Fragment, null,
-                            React.createElement("em", { className: styles.conjunction }, " in "),
-                            React.createElement("span", null, formatExecutionDuration(startDate, finishDate)))))))),
-            meta?.ci && (React.createElement(HeaderItem, { testId: "cucumber.summary.ci" },
-                React.createElement(HeaderSubItem, null,
-                    React.createElement(CIJobLink, { ci: meta.ci })))),
-            meta?.ci?.git && (React.createElement(HeaderItem, { testId: "cucumber.summary.git" },
-                React.createElement(HeaderSubItem, null,
-                    React.createElement(CICommitLink, { ci: meta.ci })),
-                meta.ci.git.branch && (React.createElement(HeaderSubItem, null,
-                    React.createElement(FontAwesomeIcon, { "aria-hidden": "true", style: { opacity: 0.75 }, icon: faCodeBranch }),
-                    React.createElement("code", null, meta.ci.git.branch))),
-                meta.ci.git.tag && (React.createElement(HeaderSubItem, null,
-                    React.createElement(FontAwesomeIcon, { "aria-hidden": "true", style: { opacity: 0.75 }, icon: faTag }),
-                    React.createElement("code", null, meta.ci.git.tag))))))));
+    return (_jsxs(_Fragment, { children: [meta && (_jsx(HeaderSection, { children: _jsxs(HeaderItem, { testId: "cucumber.summary.setup", children: [_jsxs(HeaderSubItem, { children: [_jsx(ImplementationIcon, { implementation: meta.implementation }), _jsx(RuntimeIcon, { runtime: meta.runtime }), _jsx(OSIcon, { os: meta.os })] }), _jsxs("span", { "data-testid": "cucumber.summary.setup.phrase", children: [_jsx(VersionedTool, { ...meta.implementation, fallback: "unknown tool" }), _jsx("em", { className: styles.conjunction, children: " with " }), _jsx(VersionedTool, { ...meta.runtime, fallback: "unknown runtime" }), _jsx("em", { className: styles.conjunction, children: " on " }), _jsx(VersionedTool, { ...meta.os, fallback: "unknown platform" })] }), _jsx(CopyButton, { text: makeSetupString(meta) })] }) })), _jsxs(HeaderSection, { children: [_jsx(HeaderItem, { testId: "cucumber.summary.status", children: _jsxs(HeaderSubItem, { children: [_jsx(HealthChart, {}), _jsxs("span", { children: [formatStatusRate(scenarioCountByStatus[TestStepResultStatus.PASSED], totalScenarioCount), ' ', formatPassedQuantity(scenarioCountByStatus[TestStepResultStatus.PASSED], totalScenarioCount), ' passed'] })] }) }), startDate && (_jsx(HeaderItem, { testId: "cucumber.summary.timing", children: _jsxs(HeaderSubItem, { children: [_jsx(FontAwesomeIcon, { "aria-hidden": "true", style: { opacity: 0.75 }, icon: faStopwatch }), _jsxs("span", { children: [_jsx("time", { title: startDate.toString(), dateTime: startDate.toISOString(), children: formatExecutionDistance(startDate) }), finishDate && (_jsxs(_Fragment, { children: [_jsx("em", { className: styles.conjunction, children: " in " }), _jsx("span", { children: formatExecutionDuration(startDate, finishDate) })] }))] })] }) })), meta?.ci && (_jsx(HeaderItem, { testId: "cucumber.summary.ci", children: _jsx(HeaderSubItem, { children: _jsx(CIJobLink, { ci: meta.ci }) }) })), meta?.ci?.git && (_jsxs(HeaderItem, { testId: "cucumber.summary.git", children: [_jsx(HeaderSubItem, { children: _jsx(CICommitLink, { ci: meta.ci }) }), meta.ci.git.branch && (_jsxs(HeaderSubItem, { children: [_jsx(FontAwesomeIcon, { "aria-hidden": "true", style: { opacity: 0.75 }, icon: faCodeBranch }), _jsx("code", { children: meta.ci.git.branch })] })), meta.ci.git.tag && (_jsxs(HeaderSubItem, { children: [_jsx(FontAwesomeIcon, { "aria-hidden": "true", style: { opacity: 0.75 }, icon: faTag }), _jsx("code", { children: meta.ci.git.tag })] }))] }))] })] }));
 };
 const VersionedTool = ({ name, fallback, version }) => {
-    return (React.createElement("code", null,
-        React.createElement("strong", null, name || fallback),
-        version && React.createElement("span", null,
-            "@",
-            version)));
+    return (_jsxs("code", { children: [_jsx("strong", { children: name || fallback }), version && _jsxs("span", { children: ["@", version] })] }));
 };
 //# sourceMappingURL=ExecutionSummary.js.map

package/dist/src/components/app/ExecutionSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExecutionSummary.js","sourceRoot":"","sources":["../../../../src/components/app/ExecutionSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Product, TestStepResultStatus, TimeConversion } from '@cucumber/messages'\nimport { faCodeBranch, faStopwatch, faTag } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport React, { FC } from 'react'\n\nimport { formatExecutionDistance } from '../../formatExecutionDistance.js'\nimport { formatExecutionDuration } from '../../formatExecutionDuration.js'\nimport { formatPassedQuantity } from '../../formatPassedQuantity.js'\nimport { formatStatusRate } from '../../formatStatusRate.js'\nimport { useQueries } from '../../hooks/index.js'\nimport { useResultStatistics } from '../../hooks/useResultStatistics.js'\nimport { CICommitLink } from './CICommitLink.js'\nimport { CIJobLink } from './CIJobLink.js'\nimport { CopyButton } from './CopyButton.js'\nimport styles from './ExecutionSummary.module.scss'\nimport { HeaderItem, HeaderSection, HeaderSubItem } from './Header.js'\nimport { HealthChart } from './HealthChart.js'\nimport { ImplementationIcon } from './ImplementationIcon.js'\nimport { makeSetupString } from './makeSetupString.js'\nimport { OSIcon } from './OSIcon.js'\nimport { RuntimeIcon } from './RuntimeIcon.js'\n\nexport const ExecutionSummary: FC = () => {\n  const { cucumberQuery } = useQueries()\n  const testRunStarted = cucumberQuery.findTestRunStarted()\n  const testRunFinished = cucumberQuery.findTestRunFinished()\n  const meta = cucumberQuery.findMeta()\n  const { scenarioCountByStatus, totalScenarioCount } = useResultStatistics()\n\n  const startDate = testRunStarted?.timestamp\n    ? new Date(TimeConversion.timestampToMillisecondsSinceEpoch(testRunStarted.timestamp))\n    : undefined\n  const finishDate = testRunFinished?.timestamp\n    ? new Date(TimeConversion.timestampToMillisecondsSinceEpoch(testRunFinished.timestamp))\n    : undefined\n\n  return (\n    <>\n      {meta && (\n        <HeaderSection>\n          <HeaderItem testId=\"cucumber.summary.setup\">\n            <HeaderSubItem>\n              <ImplementationIcon implementation={meta.implementation} />\n              <RuntimeIcon runtime={meta.runtime} />\n              <OSIcon os={meta.os} />\n            </HeaderSubItem>\n            <span data-testid=\"cucumber.summary.setup.phrase\">\n              <VersionedTool {...meta.implementation} fallback=\"unknown tool\" />\n              <em className={styles.conjunction}> with </em>\n              <VersionedTool {...meta.runtime} fallback=\"unknown runtime\" />\n              <em className={styles.conjunction}> on </em>\n              <VersionedTool {...meta.os} fallback=\"unknown platform\" />\n            </span>\n            <CopyButton text={makeSetupString(meta)} />\n          </HeaderItem>\n        </HeaderSection>\n      )}\n      <HeaderSection>\n        <HeaderItem testId=\"cucumber.summary.status\">\n          <HeaderSubItem>\n            <HealthChart />\n            <span>\n              {formatStatusRate(\n                scenarioCountByStatus[TestStepResultStatus.PASSED],\n                totalScenarioCount\n              )}{' '}\n              {formatPassedQuantity(\n                scenarioCountByStatus[TestStepResultStatus.PASSED],\n                totalScenarioCount\n              )}\n              {' passed'}\n            </span>\n          </HeaderSubItem>\n        </HeaderItem>\n        {startDate && (\n          <HeaderItem testId=\"cucumber.summary.timing\">\n            <HeaderSubItem>\n              <FontAwesomeIcon aria-hidden=\"true\" style={{ opacity: 0.75 }} icon={faStopwatch} />\n              <span>\n                <time title={startDate.toString()} dateTime={startDate.toISOString()}>\n                  {formatExecutionDistance(startDate)}\n                </time>\n                {finishDate && (\n                  <>\n                    <em className={styles.conjunction}> in </em>\n                    <span>{formatExecutionDuration(startDate, finishDate)}</span>\n                  </>\n                )}\n              </span>\n            </HeaderSubItem>\n          </HeaderItem>\n        )}\n        {meta?.ci && (\n          <HeaderItem testId=\"cucumber.summary.ci\">\n            <HeaderSubItem>\n              <CIJobLink ci={meta.ci} />\n            </HeaderSubItem>\n          </HeaderItem>\n        )}\n        {meta?.ci?.git && (\n          <HeaderItem testId=\"cucumber.summary.git\">\n            <HeaderSubItem>\n              <CICommitLink ci={meta.ci} />\n            </HeaderSubItem>\n            {meta.ci.git.branch && (\n              <HeaderSubItem>\n                <FontAwesomeIcon aria-hidden=\"true\" style={{ opacity: 0.75 }} icon={faCodeBranch} />\n                <code>{meta.ci.git.branch}</code>\n              </HeaderSubItem>\n            )}\n            {meta.ci.git.tag && (\n              <HeaderSubItem>\n                <FontAwesomeIcon aria-hidden=\"true\" style={{ opacity: 0.75 }} icon={faTag} />\n                <code>{meta.ci.git.tag}</code>\n              </HeaderSubItem>\n            )}\n          </HeaderItem>\n        )}\n      </HeaderSection>\n    </>\n  )\n}\n\nconst VersionedTool: FC<Product & { fallback: string }> = ({ name, fallback, version }) => {\n  return (\n    <code>\n      <strong>{name || fallback}</strong>\n      {version && <span>@{version}</span>}\n    </code>\n  )\n}\n"]}
+{"version":3,"file":"ExecutionSummary.js","sourceRoot":"","sources":["../../../../src/components/app/ExecutionSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type Product, TestStepResultStatus, TimeConversion } from '@cucumber/messages'\nimport { faCodeBranch, faStopwatch, faTag } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport type { FC } from 'react'\n\nimport { formatExecutionDistance } from '../../formatExecutionDistance.js'\nimport { formatExecutionDuration } from '../../formatExecutionDuration.js'\nimport { formatPassedQuantity } from '../../formatPassedQuantity.js'\nimport { formatStatusRate } from '../../formatStatusRate.js'\nimport { useQueries } from '../../hooks/index.js'\nimport { useResultStatistics } from '../../hooks/useResultStatistics.js'\nimport { CICommitLink } from './CICommitLink.js'\nimport { CIJobLink } from './CIJobLink.js'\nimport { CopyButton } from './CopyButton.js'\nimport styles from './ExecutionSummary.module.scss'\nimport { HeaderItem, HeaderSection, HeaderSubItem } from './Header.js'\nimport { HealthChart } from './HealthChart.js'\nimport { ImplementationIcon } from './ImplementationIcon.js'\nimport { makeSetupString } from './makeSetupString.js'\nimport { OSIcon } from './OSIcon.js'\nimport { RuntimeIcon } from './RuntimeIcon.js'\n\nexport const ExecutionSummary: FC = () => {\n  const { cucumberQuery } = useQueries()\n  const testRunStarted = cucumberQuery.findTestRunStarted()\n  const testRunFinished = cucumberQuery.findTestRunFinished()\n  const meta = cucumberQuery.findMeta()\n  const { scenarioCountByStatus, totalScenarioCount } = useResultStatistics()\n\n  const startDate = testRunStarted?.timestamp\n    ? new Date(TimeConversion.timestampToMillisecondsSinceEpoch(testRunStarted.timestamp))\n    : undefined\n  const finishDate = testRunFinished?.timestamp\n    ? new Date(TimeConversion.timestampToMillisecondsSinceEpoch(testRunFinished.timestamp))\n    : undefined\n\n  return (\n    <>\n      {meta && (\n        <HeaderSection>\n          <HeaderItem testId=\"cucumber.summary.setup\">\n            <HeaderSubItem>\n              <ImplementationIcon implementation={meta.implementation} />\n              <RuntimeIcon runtime={meta.runtime} />\n              <OSIcon os={meta.os} />\n            </HeaderSubItem>\n            <span data-testid=\"cucumber.summary.setup.phrase\">\n              <VersionedTool {...meta.implementation} fallback=\"unknown tool\" />\n              <em className={styles.conjunction}> with </em>\n              <VersionedTool {...meta.runtime} fallback=\"unknown runtime\" />\n              <em className={styles.conjunction}> on </em>\n              <VersionedTool {...meta.os} fallback=\"unknown platform\" />\n            </span>\n            <CopyButton text={makeSetupString(meta)} />\n          </HeaderItem>\n        </HeaderSection>\n      )}\n      <HeaderSection>\n        <HeaderItem testId=\"cucumber.summary.status\">\n          <HeaderSubItem>\n            <HealthChart />\n            <span>\n              {formatStatusRate(\n                scenarioCountByStatus[TestStepResultStatus.PASSED],\n                totalScenarioCount\n              )}{' '}\n              {formatPassedQuantity(\n                scenarioCountByStatus[TestStepResultStatus.PASSED],\n                totalScenarioCount\n              )}\n              {' passed'}\n            </span>\n          </HeaderSubItem>\n        </HeaderItem>\n        {startDate && (\n          <HeaderItem testId=\"cucumber.summary.timing\">\n            <HeaderSubItem>\n              <FontAwesomeIcon aria-hidden=\"true\" style={{ opacity: 0.75 }} icon={faStopwatch} />\n              <span>\n                <time title={startDate.toString()} dateTime={startDate.toISOString()}>\n                  {formatExecutionDistance(startDate)}\n                </time>\n                {finishDate && (\n                  <>\n                    <em className={styles.conjunction}> in </em>\n                    <span>{formatExecutionDuration(startDate, finishDate)}</span>\n                  </>\n                )}\n              </span>\n            </HeaderSubItem>\n          </HeaderItem>\n        )}\n        {meta?.ci && (\n          <HeaderItem testId=\"cucumber.summary.ci\">\n            <HeaderSubItem>\n              <CIJobLink ci={meta.ci} />\n            </HeaderSubItem>\n          </HeaderItem>\n        )}\n        {meta?.ci?.git && (\n          <HeaderItem testId=\"cucumber.summary.git\">\n            <HeaderSubItem>\n              <CICommitLink ci={meta.ci} />\n            </HeaderSubItem>\n            {meta.ci.git.branch && (\n              <HeaderSubItem>\n                <FontAwesomeIcon aria-hidden=\"true\" style={{ opacity: 0.75 }} icon={faCodeBranch} />\n                <code>{meta.ci.git.branch}</code>\n              </HeaderSubItem>\n            )}\n            {meta.ci.git.tag && (\n              <HeaderSubItem>\n                <FontAwesomeIcon aria-hidden=\"true\" style={{ opacity: 0.75 }} icon={faTag} />\n                <code>{meta.ci.git.tag}</code>\n              </HeaderSubItem>\n            )}\n          </HeaderItem>\n        )}\n      </HeaderSection>\n    </>\n  )\n}\n\nconst VersionedTool: FC<Product & { fallback: string }> = ({ name, fallback, version }) => {\n  return (\n    <code>\n      <strong>{name || fallback}</strong>\n      {version && <span>@{version}</span>}\n    </code>\n  )\n}\n"]}

package/dist/src/components/app/FilteredDocuments.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 export declare const FilteredDocuments: FC;
 //# sourceMappingURL=FilteredDocuments.d.ts.map

package/dist/src/components/app/FilteredDocuments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilteredDocuments.d.ts","sourceRoot":"","sources":["../../../../src/components/app/FilteredDocuments.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAMjC,eAAO,MAAM,iBAAiB,EAAE,EAa/B,CAAA"}
+{"version":3,"file":"FilteredDocuments.d.ts","sourceRoot":"","sources":["../../../../src/components/app/FilteredDocuments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAM/B,eAAO,MAAM,iBAAiB,EAAE,EAc/B,CAAA"}

package/dist/src/components/app/FilteredDocuments.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useFilteredDocuments } from '../../hooks/useFilteredDocuments.js';
 import styles from './FilteredDocuments.module.scss';
 import { GherkinDocumentList } from './GherkinDocumentList.js';
@@ -7,9 +7,9 @@ export const FilteredDocuments = () => {
     if (!results) {
         return null;
     }
-    else if (!results.length) {
-        return filtered ? (React.createElement("p", { className: styles.empty }, "No scenarios match your query and/or filters.")) : (React.createElement("p", { className: styles.empty }, "No scenarios were executed."));
+    if (!results.length) {
+        return filtered ? (_jsx("p", { className: styles.empty, children: "No scenarios match your query and/or filters." })) : (_jsx("p", { className: styles.empty, children: "No scenarios were executed." }));
     }
-    return React.createElement(GherkinDocumentList, { gherkinDocuments: results, preExpand: true });
+    return _jsx(GherkinDocumentList, { gherkinDocuments: results, preExpand: true });
 };
 //# sourceMappingURL=FilteredDocuments.js.map

package/dist/src/components/app/FilteredDocuments.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilteredDocuments.js","sourceRoot":"","sources":["../../../../src/components/app/FilteredDocuments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAC1E,OAAO,MAAM,MAAM,iCAAiC,CAAA;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,MAAM,CAAC,MAAM,iBAAiB,GAAO,GAAG,EAAE;IACxC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAEpD,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAA;KACZ;SAAM,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;QAC1B,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,2BAAG,SAAS,EAAE,MAAM,CAAC,KAAK,oDAAmD,CAC9E,CAAC,CAAC,CAAC,CACF,2BAAG,SAAS,EAAE,MAAM,CAAC,KAAK,kCAAiC,CAC5D,CAAA;KACF;IACD,OAAO,oBAAC,mBAAmB,IAAC,gBAAgB,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,GAAI,CAAA;AAC5E,CAAC,CAAA","sourcesContent":["import React, { FC } from 'react'\n\nimport { useFilteredDocuments } from '../../hooks/useFilteredDocuments.js'\nimport styles from './FilteredDocuments.module.scss'\nimport { GherkinDocumentList } from './GherkinDocumentList.js'\n\nexport const FilteredDocuments: FC = () => {\n  const { results, filtered } = useFilteredDocuments()\n\n  if (!results) {\n    return null\n  } else if (!results.length) {\n    return filtered ? (\n      <p className={styles.empty}>No scenarios match your query and/or filters.</p>\n    ) : (\n      <p className={styles.empty}>No scenarios were executed.</p>\n    )\n  }\n  return <GherkinDocumentList gherkinDocuments={results} preExpand={true} />\n}\n"]}
+{"version":3,"file":"FilteredDocuments.js","sourceRoot":"","sources":["../../../../src/components/app/FilteredDocuments.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAC1E,OAAO,MAAM,MAAM,iCAAiC,CAAA;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,MAAM,CAAC,MAAM,iBAAiB,GAAO,GAAG,EAAE;IACxC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAEpD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAA;IACb,CAAC;IACD,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QACpB,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,8DAAmD,CAC9E,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,4CAAiC,CAC5D,CAAA;IACH,CAAC;IACD,OAAO,KAAC,mBAAmB,IAAC,gBAAgB,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,GAAI,CAAA;AAC5E,CAAC,CAAA","sourcesContent":["import type { FC } from 'react'\n\nimport { useFilteredDocuments } from '../../hooks/useFilteredDocuments.js'\nimport styles from './FilteredDocuments.module.scss'\nimport { GherkinDocumentList } from './GherkinDocumentList.js'\n\nexport const FilteredDocuments: FC = () => {\n  const { results, filtered } = useFilteredDocuments()\n\n  if (!results) {\n    return null\n  }\n  if (!results.length) {\n    return filtered ? (\n      <p className={styles.empty}>No scenarios match your query and/or filters.</p>\n    ) : (\n      <p className={styles.empty}>No scenarios were executed.</p>\n    )\n  }\n  return <GherkinDocumentList gherkinDocuments={results} preExpand={true} />\n}\n"]}

package/dist/src/components/app/GherkinDocumentList.d.ts

@@ -1,7 +1,7 @@
-import * as messages from '@cucumber/messages';
-import { FC } from 'react';
+import { type GherkinDocument as GherkinDocumentMessage } from '@cucumber/messages';
+import { type FC } from 'react';
 interface Props {
-    gherkinDocuments: readonly messages.GherkinDocument[];
+    gherkinDocuments: readonly GherkinDocumentMessage[];
     preExpand?: boolean;
 }
 export declare const GherkinDocumentList: FC<Props>;

package/dist/src/components/app/GherkinDocumentList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GherkinDocumentList.d.ts","sourceRoot":"","sources":["../../../../src/components/app/GherkinDocumentList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAE9C,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAU3C,UAAU,KAAK;IACb,gBAAgB,EAAE,SAAS,QAAQ,CAAC,eAAe,EAAE,CAAA;IAErD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CA4BzC,CAAA"}
+{"version":3,"file":"GherkinDocumentList.d.ts","sourceRoot":"","sources":["../../../../src/components/app/GherkinDocumentList.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,IAAI,sBAAsB,EAE/C,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAA;AAUzC,UAAU,KAAK;IACb,gBAAgB,EAAE,SAAS,sBAAsB,EAAE,CAAA;IAEnD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CA0BzC,CAAA"}

package/dist/src/components/app/GherkinDocumentList.js

@@ -1,6 +1,6 @@
-import * as messages from '@cucumber/messages';
-import { TestStepResultStatus } from '@cucumber/messages';
-import React, { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TestStepResultStatus, } from '@cucumber/messages';
+import { useState } from 'react';
 import { useMostSevereStatusByUri } from '../../hooks/useMostSevereStatusByUri.js';
 import { GherkinDocument } from '../gherkin/index.js';
 import { DocumentAccordion, DocumentAccordionItem } from './DocumentAccordion.js';
@@ -11,14 +11,13 @@ export const GherkinDocumentList = ({ gherkinDocuments, preExpand }) => {
         // Pre-expand any document that is *not* passed - assuming this is what people want to look at first
         return preExpand
             ? validDocuments
-                .filter((doc) => mostSevereStatusByUri.get(doc.uri) !== messages.TestStepResultStatus.PASSED)
+                .filter((doc) => mostSevereStatusByUri.get(doc.uri) !== TestStepResultStatus.PASSED)
                 .map((doc) => doc.uri)
             : [];
     });
-    return (React.createElement(DocumentAccordion, { expanded: expanded }, validDocuments.map((validDocument) => {
-        const status = mostSevereStatusByUri.get(validDocument.uri) ?? TestStepResultStatus.UNKNOWN;
-        return (React.createElement(DocumentAccordionItem, { key: validDocument.uri, uri: validDocument.uri, status: status },
-            React.createElement(GherkinDocument, { gherkinDocument: validDocument })));
-    })));
+    return (_jsx(DocumentAccordion, { expanded: expanded, children: validDocuments.map((validDocument) => {
+            const status = mostSevereStatusByUri.get(validDocument.uri) ?? TestStepResultStatus.UNKNOWN;
+            return (_jsx(DocumentAccordionItem, { uri: validDocument.uri, status: status, children: _jsx(GherkinDocument, { gherkinDocument: validDocument }) }, validDocument.uri));
+        }) }));
 };
 //# sourceMappingURL=GherkinDocumentList.js.map

package/dist/src/components/app/GherkinDocumentList.js.map

@@ -1 +1 @@
-{"version":3,"file":"GherkinDocumentList.js","sourceRoot":"","sources":["../../../../src/components/app/GherkinDocumentList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAA;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAYjF,MAAM,CAAC,MAAM,mBAAmB,GAAc,CAAC,EAAE,gBAAgB,EAAE,SAAS,EAAE,EAAE,EAAE;IAChF,MAAM,cAAc,GAAG,gBAAgB,CAAC,MAAM,CAC5C,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CACoB,CAAA;IACxC,MAAM,qBAAqB,GAAG,wBAAwB,EAAE,CAAA;IACxD,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAwB,GAAG,EAAE;QACtD,oGAAoG;QACpG,OAAO,SAAS;YACd,CAAC,CAAE,cAAc;iBACZ,MAAM,CACL,CAAC,GAAG,EAAE,EAAE,CAAC,qBAAqB,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CACrF;iBACA,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAc;YACvC,CAAC,CAAC,EAAE,CAAA;IACR,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,iBAAiB,IAAC,QAAQ,EAAE,QAAQ,IAClC,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE;QACpC,MAAM,MAAM,GAAG,qBAAqB,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,oBAAoB,CAAC,OAAO,CAAA;QAC3F,OAAO,CACL,oBAAC,qBAAqB,IAAC,GAAG,EAAE,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM;YACnF,oBAAC,eAAe,IAAC,eAAe,EAAE,aAAa,GAAI,CAC7B,CACzB,CAAA;IACH,CAAC,CAAC,CACgB,CACrB,CAAA;AACH,CAAC,CAAA","sourcesContent":["import * as messages from '@cucumber/messages'\nimport { TestStepResultStatus } from '@cucumber/messages'\nimport React, { FC, useState } from 'react'\n\nimport { useMostSevereStatusByUri } from '../../hooks/useMostSevereStatusByUri.js'\nimport { GherkinDocument } from '../gherkin/index.js'\nimport { DocumentAccordion, DocumentAccordionItem } from './DocumentAccordion.js'\n\ninterface ValidGherkinDocument extends messages.GherkinDocument {\n  uri: string\n}\n\ninterface Props {\n  gherkinDocuments: readonly messages.GherkinDocument[]\n  // Set to true if non-PASSED documents should be pre-expanded\n  preExpand?: boolean\n}\n\nexport const GherkinDocumentList: FC<Props> = ({ gherkinDocuments, preExpand }) => {\n  const validDocuments = gherkinDocuments.filter(\n    (doc) => !!doc.uri\n  ) as ReadonlyArray<ValidGherkinDocument>\n  const mostSevereStatusByUri = useMostSevereStatusByUri()\n  const [expanded] = useState<ReadonlyArray<string>>(() => {\n    // Pre-expand any document that is *not* passed - assuming this is what people want to look at first\n    return preExpand\n      ? (validDocuments\n          .filter(\n            (doc) => mostSevereStatusByUri.get(doc.uri) !== messages.TestStepResultStatus.PASSED\n          )\n          .map((doc) => doc.uri) as string[])\n      : []\n  })\n\n  return (\n    <DocumentAccordion expanded={expanded}>\n      {validDocuments.map((validDocument) => {\n        const status = mostSevereStatusByUri.get(validDocument.uri) ?? TestStepResultStatus.UNKNOWN\n        return (\n          <DocumentAccordionItem key={validDocument.uri} uri={validDocument.uri} status={status}>\n            <GherkinDocument gherkinDocument={validDocument} />\n          </DocumentAccordionItem>\n        )\n      })}\n    </DocumentAccordion>\n  )\n}\n"]}
+{"version":3,"file":"GherkinDocumentList.js","sourceRoot":"","sources":["../../../../src/components/app/GherkinDocumentList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,oBAAoB,GACrB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAW,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAA;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAYjF,MAAM,CAAC,MAAM,mBAAmB,GAAc,CAAC,EAAE,gBAAgB,EAAE,SAAS,EAAE,EAAE,EAAE;IAChF,MAAM,cAAc,GAAG,gBAAgB,CAAC,MAAM,CAC5C,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CACoB,CAAA;IACxC,MAAM,qBAAqB,GAAG,wBAAwB,EAAE,CAAA;IACxD,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAwB,GAAG,EAAE;QACtD,oGAAoG;QACpG,OAAO,SAAS;YACd,CAAC,CAAE,cAAc;iBACZ,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,qBAAqB,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,oBAAoB,CAAC,MAAM,CAAC;iBACnF,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAc;YACvC,CAAC,CAAC,EAAE,CAAA;IACR,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,iBAAiB,IAAC,QAAQ,EAAE,QAAQ,YAClC,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE;YACpC,MAAM,MAAM,GAAG,qBAAqB,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,oBAAoB,CAAC,OAAO,CAAA;YAC3F,OAAO,CACL,KAAC,qBAAqB,IAAyB,GAAG,EAAE,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,YACnF,KAAC,eAAe,IAAC,eAAe,EAAE,aAAa,GAAI,IADzB,aAAa,CAAC,GAAG,CAErB,CACzB,CAAA;QACH,CAAC,CAAC,GACgB,CACrB,CAAA;AACH,CAAC,CAAA","sourcesContent":["import {\n  type GherkinDocument as GherkinDocumentMessage,\n  TestStepResultStatus,\n} from '@cucumber/messages'\nimport { type FC, useState } from 'react'\n\nimport { useMostSevereStatusByUri } from '../../hooks/useMostSevereStatusByUri.js'\nimport { GherkinDocument } from '../gherkin/index.js'\nimport { DocumentAccordion, DocumentAccordionItem } from './DocumentAccordion.js'\n\ninterface ValidGherkinDocument extends GherkinDocumentMessage {\n  uri: string\n}\n\ninterface Props {\n  gherkinDocuments: readonly GherkinDocumentMessage[]\n  // Set to true if non-PASSED documents should be pre-expanded\n  preExpand?: boolean\n}\n\nexport const GherkinDocumentList: FC<Props> = ({ gherkinDocuments, preExpand }) => {\n  const validDocuments = gherkinDocuments.filter(\n    (doc) => !!doc.uri\n  ) as ReadonlyArray<ValidGherkinDocument>\n  const mostSevereStatusByUri = useMostSevereStatusByUri()\n  const [expanded] = useState<ReadonlyArray<string>>(() => {\n    // Pre-expand any document that is *not* passed - assuming this is what people want to look at first\n    return preExpand\n      ? (validDocuments\n          .filter((doc) => mostSevereStatusByUri.get(doc.uri) !== TestStepResultStatus.PASSED)\n          .map((doc) => doc.uri) as string[])\n      : []\n  })\n\n  return (\n    <DocumentAccordion expanded={expanded}>\n      {validDocuments.map((validDocument) => {\n        const status = mostSevereStatusByUri.get(validDocument.uri) ?? TestStepResultStatus.UNKNOWN\n        return (\n          <DocumentAccordionItem key={validDocument.uri} uri={validDocument.uri} status={status}>\n            <GherkinDocument gherkinDocument={validDocument} />\n          </DocumentAccordionItem>\n        )\n      })}\n    </DocumentAccordion>\n  )\n}\n"]}

package/dist/src/components/app/Header.d.ts

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 export declare const HeaderSection: FC<PropsWithChildren>;
 export declare const HeaderItem: FC<PropsWithChildren<{
     testId?: string;

package/dist/src/components/app/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/app/Header.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIpD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAE/C,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAMjE,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAE/C,CAAA"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/app/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIlD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAE/C,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAMjE,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAE/C,CAAA"}

package/dist/src/components/app/Header.js

@@ -1,12 +1,12 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import styles from './Header.module.scss';
 export const HeaderSection = ({ children }) => {
-    return React.createElement("div", { className: styles.section }, children);
+    return _jsx("div", { className: styles.section, children: children });
 };
 export const HeaderItem = ({ testId, children }) => {
-    return (React.createElement("div", { "data-testid": testId, className: styles.item }, children));
+    return (_jsx("div", { "data-testid": testId, className: styles.item, children: children }));
 };
 export const HeaderSubItem = ({ children }) => {
-    return React.createElement("div", { className: styles.subItem }, children);
+    return _jsx("div", { className: styles.subItem, children: children });
 };
 //# sourceMappingURL=Header.js.map

package/dist/src/components/app/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/app/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAEzC,MAAM,CAAC,MAAM,aAAa,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAAA;AACzD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAA+C,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7F,OAAO,CACL,4CAAkB,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,IAC7C,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAAA;AACzD,CAAC,CAAA","sourcesContent":["import React, { FC, PropsWithChildren } from 'react'\n\nimport styles from './Header.module.scss'\n\nexport const HeaderSection: FC<PropsWithChildren> = ({ children }) => {\n  return <div className={styles.section}>{children}</div>\n}\n\nexport const HeaderItem: FC<PropsWithChildren<{ testId?: string }>> = ({ testId, children }) => {\n  return (\n    <div data-testid={testId} className={styles.item}>\n      {children}\n    </div>\n  )\n}\n\nexport const HeaderSubItem: FC<PropsWithChildren> = ({ children }) => {\n  return <div className={styles.subItem}>{children}</div>\n}\n"]}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/app/Header.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAEzC,MAAM,CAAC,MAAM,aAAa,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,OAAO,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,QAAQ,GAAO,CAAA;AACzD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAA+C,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7F,OAAO,CACL,6BAAkB,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,YAC7C,QAAQ,GACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,OAAO,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,QAAQ,GAAO,CAAA;AACzD,CAAC,CAAA","sourcesContent":["import type { FC, PropsWithChildren } from 'react'\n\nimport styles from './Header.module.scss'\n\nexport const HeaderSection: FC<PropsWithChildren> = ({ children }) => {\n  return <div className={styles.section}>{children}</div>\n}\n\nexport const HeaderItem: FC<PropsWithChildren<{ testId?: string }>> = ({ testId, children }) => {\n  return (\n    <div data-testid={testId} className={styles.item}>\n      {children}\n    </div>\n  )\n}\n\nexport const HeaderSubItem: FC<PropsWithChildren> = ({ children }) => {\n  return <div className={styles.subItem}>{children}</div>\n}\n"]}

package/dist/src/components/app/HealthChart.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 export declare const HealthChart: FC;
 //# sourceMappingURL=HealthChart.d.ts.map

package/dist/src/components/app/HealthChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HealthChart.d.ts","sourceRoot":"","sources":["../../../../src/components/app/HealthChart.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAKjC,eAAO,MAAM,WAAW,EAAE,EAyCzB,CAAA"}
+{"version":3,"file":"HealthChart.d.ts","sourceRoot":"","sources":["../../../../src/components/app/HealthChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK/B,eAAO,MAAM,WAAW,EAAE,EAwCzB,CAAA"}

package/dist/src/components/app/HealthChart.js

@@ -1,15 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TestStepResultStatus } from '@cucumber/messages';
-import React from 'react';
 import { useResultStatistics } from '../../hooks/useResultStatistics.js';
 import styles from './HealthChart.module.scss';
 export const HealthChart = () => {
     const { scenarioCountByStatus, totalScenarioCount, statusesWithScenarios } = useResultStatistics();
     let offsetAccumulator = 0;
-    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 100" },
-        React.createElement("g", { transform: "rotate(-90 50 50)" }, statusesWithScenarios.length > 0 ? (React.createElement(React.Fragment, null, [...statusesWithScenarios].map((status) => {
-            const scenarioCount = scenarioCountByStatus[status];
-            offsetAccumulator += scenarioCount;
-            return (React.createElement("path", { key: status, className: styles.segment, "data-status": status, pathLength: totalScenarioCount, strokeDasharray: `${scenarioCount} ${totalScenarioCount - scenarioCount}`, strokeDashoffset: offsetAccumulator, strokeWidth: "50", d: "M75 50a1 1 90 10-50 0a1 1 90 10 50 0", fill: "none" }));
-        }))) : (React.createElement("path", { className: styles.segment, "data-status": TestStepResultStatus.UNKNOWN, pathLength: "1", strokeDasharray: "1 0", strokeDashoffset: "1", strokeWidth: "50", d: "M75 50a1 1 90 10-50 0a1 1 90 10 50 0", fill: "none" })))));
+    return (_jsxs("svg", { viewBox: "0 0 100 100", children: [_jsx("title", { children: "Pie chart showing proportion of results by status" }), _jsx("g", { transform: "rotate(-90 50 50)", children: statusesWithScenarios.length > 0 ? ([...statusesWithScenarios].map((status) => {
+                    const scenarioCount = scenarioCountByStatus[status];
+                    offsetAccumulator += scenarioCount;
+                    return (_jsx("path", { className: styles.segment, "data-status": status, pathLength: totalScenarioCount, strokeDasharray: `${scenarioCount} ${totalScenarioCount - scenarioCount}`, strokeDashoffset: offsetAccumulator, strokeWidth: "50", d: "M75 50a1 1 90 10-50 0a1 1 90 10 50 0", fill: "none" }, status));
+                })) : (_jsx("path", { className: styles.segment, "data-status": TestStepResultStatus.UNKNOWN, pathLength: "1", strokeDasharray: "1 0", strokeDashoffset: "1", strokeWidth: "50", d: "M75 50a1 1 90 10-50 0a1 1 90 10 50 0", fill: "none" })) })] }));
 };
 //# sourceMappingURL=HealthChart.js.map

package/dist/src/components/app/HealthChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"HealthChart.js","sourceRoot":"","sources":["../../../../src/components/app/HealthChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAE9C,MAAM,CAAC,MAAM,WAAW,GAAO,GAAG,EAAE;IAClC,MAAM,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAClG,IAAI,iBAAiB,GAAG,CAAC,CAAA;IACzB,OAAO,CACL,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa;QAC3D,2BAAG,SAAS,EAAC,mBAAmB,IAC7B,qBAAqB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClC,0CACG,CAAC,GAAG,qBAAqB,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACzC,MAAM,aAAa,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAA;YACnD,iBAAiB,IAAI,aAAa,CAAA;YAClC,OAAO,CACL,8BACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,OAAO,iBACZ,MAAM,EACnB,UAAU,EAAE,kBAAkB,EAC9B,eAAe,EAAE,GAAG,aAAa,IAAI,kBAAkB,GAAG,aAAa,EAAE,EACzE,gBAAgB,EAAE,iBAAiB,EACnC,WAAW,EAAC,IAAI,EAChB,CAAC,EAAC,sCAAsC,EACxC,IAAI,EAAC,MAAM,GACX,CACH,CAAA;QACH,CAAC,CAAC,CACD,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,SAAS,EAAE,MAAM,CAAC,OAAO,iBACZ,oBAAoB,CAAC,OAAO,EACzC,UAAU,EAAC,GAAG,EACd,eAAe,EAAC,KAAK,EACrB,gBAAgB,EAAC,GAAG,EACpB,WAAW,EAAC,IAAI,EAChB,CAAC,EAAC,sCAAsC,EACxC,IAAI,EAAC,MAAM,GACX,CACH,CACC,CACA,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { TestStepResultStatus } from '@cucumber/messages'\nimport React, { FC } from 'react'\n\nimport { useResultStatistics } from '../../hooks/useResultStatistics.js'\nimport styles from './HealthChart.module.scss'\n\nexport const HealthChart: FC = () => {\n  const { scenarioCountByStatus, totalScenarioCount, statusesWithScenarios } = useResultStatistics()\n  let offsetAccumulator = 0\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\">\n      <g transform=\"rotate(-90 50 50)\">\n        {statusesWithScenarios.length > 0 ? (\n          <>\n            {[...statusesWithScenarios].map((status) => {\n              const scenarioCount = scenarioCountByStatus[status]\n              offsetAccumulator += scenarioCount\n              return (\n                <path\n                  key={status}\n                  className={styles.segment}\n                  data-status={status}\n                  pathLength={totalScenarioCount}\n                  strokeDasharray={`${scenarioCount} ${totalScenarioCount - scenarioCount}`}\n                  strokeDashoffset={offsetAccumulator}\n                  strokeWidth=\"50\"\n                  d=\"M75 50a1 1 90 10-50 0a1 1 90 10 50 0\"\n                  fill=\"none\"\n                />\n              )\n            })}\n          </>\n        ) : (\n          <path\n            className={styles.segment}\n            data-status={TestStepResultStatus.UNKNOWN}\n            pathLength=\"1\"\n            strokeDasharray=\"1 0\"\n            strokeDashoffset=\"1\"\n            strokeWidth=\"50\"\n            d=\"M75 50a1 1 90 10-50 0a1 1 90 10 50 0\"\n            fill=\"none\"\n          />\n        )}\n      </g>\n    </svg>\n  )\n}\n"]}
+{"version":3,"file":"HealthChart.js","sourceRoot":"","sources":["../../../../src/components/app/HealthChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAGzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAE9C,MAAM,CAAC,MAAM,WAAW,GAAO,GAAG,EAAE;IAClC,MAAM,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAClG,IAAI,iBAAiB,GAAG,CAAC,CAAA;IACzB,OAAO,CACL,eAAK,OAAO,EAAC,aAAa,aACxB,gFAAgE,EAChE,YAAG,SAAS,EAAC,mBAAmB,YAC7B,qBAAqB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClC,CAAC,GAAG,qBAAqB,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBACxC,MAAM,aAAa,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAA;oBACnD,iBAAiB,IAAI,aAAa,CAAA;oBAClC,OAAO,CACL,eAEE,SAAS,EAAE,MAAM,CAAC,OAAO,iBACZ,MAAM,EACnB,UAAU,EAAE,kBAAkB,EAC9B,eAAe,EAAE,GAAG,aAAa,IAAI,kBAAkB,GAAG,aAAa,EAAE,EACzE,gBAAgB,EAAE,iBAAiB,EACnC,WAAW,EAAC,IAAI,EAChB,CAAC,EAAC,sCAAsC,EACxC,IAAI,EAAC,MAAM,IARN,MAAM,CASX,CACH,CAAA;gBACH,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,eACE,SAAS,EAAE,MAAM,CAAC,OAAO,iBACZ,oBAAoB,CAAC,OAAO,EACzC,UAAU,EAAC,GAAG,EACd,eAAe,EAAC,KAAK,EACrB,gBAAgB,EAAC,GAAG,EACpB,WAAW,EAAC,IAAI,EAChB,CAAC,EAAC,sCAAsC,EACxC,IAAI,EAAC,MAAM,GACX,CACH,GACC,IACA,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { TestStepResultStatus } from '@cucumber/messages'\nimport type { FC } from 'react'\n\nimport { useResultStatistics } from '../../hooks/useResultStatistics.js'\nimport styles from './HealthChart.module.scss'\n\nexport const HealthChart: FC = () => {\n  const { scenarioCountByStatus, totalScenarioCount, statusesWithScenarios } = useResultStatistics()\n  let offsetAccumulator = 0\n  return (\n    <svg viewBox=\"0 0 100 100\">\n      <title>Pie chart showing proportion of results by status</title>\n      <g transform=\"rotate(-90 50 50)\">\n        {statusesWithScenarios.length > 0 ? (\n          [...statusesWithScenarios].map((status) => {\n            const scenarioCount = scenarioCountByStatus[status]\n            offsetAccumulator += scenarioCount\n            return (\n              <path\n                key={status}\n                className={styles.segment}\n                data-status={status}\n                pathLength={totalScenarioCount}\n                strokeDasharray={`${scenarioCount} ${totalScenarioCount - scenarioCount}`}\n                strokeDashoffset={offsetAccumulator}\n                strokeWidth=\"50\"\n                d=\"M75 50a1 1 90 10-50 0a1 1 90 10 50 0\"\n                fill=\"none\"\n              />\n            )\n          })\n        ) : (\n          <path\n            className={styles.segment}\n            data-status={TestStepResultStatus.UNKNOWN}\n            pathLength=\"1\"\n            strokeDasharray=\"1 0\"\n            strokeDashoffset=\"1\"\n            strokeWidth=\"50\"\n            d=\"M75 50a1 1 90 10-50 0a1 1 90 10 50 0\"\n            fill=\"none\"\n          />\n        )}\n      </g>\n    </svg>\n  )\n}\n"]}

package/dist/src/components/app/HighLight.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import type { FC } from 'react';
 interface IProps {
     text: string;
     markdown?: boolean;
     className?: string;
 }
-export declare const HighLight: React.FunctionComponent<IProps>;
+export declare const HighLight: FC<IProps>;
 export {};
 //# sourceMappingURL=HighLight.d.ts.map

package/dist/src/components/app/HighLight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HighLight.d.ts","sourceRoot":"","sources":["../../../../src/components/app/HighLight.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAcD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAgCrD,CAAA"}
+{"version":3,"file":"HighLight.d.ts","sourceRoot":"","sources":["../../../../src/components/app/HighLight.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAS/B,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAcD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAsChC,CAAA"}

package/dist/src/components/app/HighLight.js

@@ -1,8 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { stemmer } from '@orama/stemmers/english';
-import highlightWords from 'highlight-words';
-import React from 'react';
+import { findAll } from 'highlight-words-core';
 import ReactMarkdown from 'react-markdown';
 import { useSearch } from '../../hooks/index.js';
+import markdownComponents from './markdownComponents.js';
 import rehypePlugins from './rehypePlugins.js';
 import remarkPlugins from './remarkPlugins.js';
 const allQueryWords = (queryWords) => {
@@ -15,18 +16,23 @@ const allQueryWords = (queryWords) => {
         return allWords;
     }, []);
 };
-export const HighLight = ({ text, markdown = false, className = '', }) => {
+export const HighLight = ({ text, markdown = false, className = '' }) => {
     const searchQueryContext = useSearch();
-    const query = allQueryWords(searchQueryContext.query ? searchQueryContext.query.split(' ') : []).join(' ');
+    const searchWords = allQueryWords(searchQueryContext.query ? searchQueryContext.query.split(' ') : []);
     const appliedClassName = className ? `highlight ${className}` : 'highlight';
-    const chunks = highlightWords({ text, query });
+    const chunks = findAll({ textToHighlight: text, searchWords });
     if (markdown) {
         const highlightedText = chunks
-            .map(({ text, match }) => (match ? `<mark>${text}</mark>` : text))
+            .map(({ start, end, highlight }) => {
+            const chunkText = text.substring(start, end);
+            return highlight ? `<mark>${chunkText}</mark>` : chunkText;
+        })
             .join('');
-        return (React.createElement("div", { className: appliedClassName },
-            React.createElement(ReactMarkdown, { remarkPlugins: remarkPlugins, rehypePlugins: rehypePlugins }, highlightedText)));
+        return (_jsx("div", { className: appliedClassName, children: _jsx(ReactMarkdown, { remarkPlugins: remarkPlugins, rehypePlugins: rehypePlugins, components: markdownComponents, children: highlightedText }) }));
     }
-    return (React.createElement("span", { className: appliedClassName }, chunks.map(({ text, match, key }) => (match ? React.createElement("mark", { key: key }, text) : text))));
+    return (_jsx("span", { className: appliedClassName, children: chunks.map(({ start, end, highlight }) => {
+            const chunkText = text.substring(start, end);
+            return highlight ? _jsx("mark", { children: chunkText }, start) : chunkText;
+        }) }));
 };
 //# sourceMappingURL=HighLight.js.map

package/dist/src/components/app/HighLight.js.map

@@ -1 +1 @@
-{"version":3,"file":"HighLight.js","sourceRoot":"","sources":["../../../../src/components/app/HighLight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,cAAc,MAAM,iBAAiB,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,aAAa,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,aAAa,MAAM,oBAAoB,CAAA;AAC9C,OAAO,aAAa,MAAM,oBAAoB,CAAA;AAQ9C,MAAM,aAAa,GAAG,CAAC,UAAoB,EAAY,EAAE;IACvD,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE;QAC1C,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;QAC1B,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAEnB,IAAI,IAAI,KAAK,IAAI,EAAE;YACjB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;SACpB;QACD,OAAO,QAAQ,CAAA;IACjB,CAAC,EAAE,EAAc,CAAC,CAAA;AACpB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAoC,CAAC,EACzD,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,SAAS,EAAE,CAAA;IACtC,MAAM,KAAK,GAAG,aAAa,CACzB,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CACpE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACX,MAAM,gBAAgB,GAAG,SAAS,CAAC,CAAC,CAAC,aAAa,SAAS,EAAE,CAAC,CAAC,CAAC,WAAW,CAAA;IAE3E,MAAM,MAAM,GAAG,cAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;IAE9C,IAAI,QAAQ,EAAE;QACZ,MAAM,eAAe,GAAG,MAAM;aAC3B,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;aACjE,IAAI,CAAC,EAAE,CAAC,CAAA;QAEX,OAAO,CACL,6BAAK,SAAS,EAAE,gBAAgB;YAC9B,oBAAC,aAAa,IAAC,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,IACtE,eAAe,CACF,CACZ,CACP,CAAA;KACF;IAED,OAAO,CACL,8BAAM,SAAS,EAAE,gBAAgB,IAC9B,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,8BAAM,GAAG,EAAE,GAAG,IAAG,IAAI,CAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAChF,CACR,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { stemmer } from '@orama/stemmers/english'\nimport highlightWords from 'highlight-words'\nimport React from 'react'\nimport ReactMarkdown from 'react-markdown'\n\nimport { useSearch } from '../../hooks/index.js'\nimport rehypePlugins from './rehypePlugins.js'\nimport remarkPlugins from './remarkPlugins.js'\n\ninterface IProps {\n  text: string\n  markdown?: boolean\n  className?: string\n}\n\nconst allQueryWords = (queryWords: string[]): string[] => {\n  return queryWords.reduce((allWords, word) => {\n    const stem = stemmer(word)\n    allWords.push(word)\n\n    if (stem !== word) {\n      allWords.push(stem)\n    }\n    return allWords\n  }, [] as string[])\n}\n\nexport const HighLight: React.FunctionComponent<IProps> = ({\n  text,\n  markdown = false,\n  className = '',\n}) => {\n  const searchQueryContext = useSearch()\n  const query = allQueryWords(\n    searchQueryContext.query ? searchQueryContext.query.split(' ') : []\n  ).join(' ')\n  const appliedClassName = className ? `highlight ${className}` : 'highlight'\n\n  const chunks = highlightWords({ text, query })\n\n  if (markdown) {\n    const highlightedText = chunks\n      .map(({ text, match }) => (match ? `<mark>${text}</mark>` : text))\n      .join('')\n\n    return (\n      <div className={appliedClassName}>\n        <ReactMarkdown remarkPlugins={remarkPlugins} rehypePlugins={rehypePlugins}>\n          {highlightedText}\n        </ReactMarkdown>\n      </div>\n    )\n  }\n\n  return (\n    <span className={appliedClassName}>\n      {chunks.map(({ text, match, key }) => (match ? <mark key={key}>{text}</mark> : text))}\n    </span>\n  )\n}\n"]}
+{"version":3,"file":"HighLight.js","sourceRoot":"","sources":["../../../../src/components/app/HighLight.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAG9C,OAAO,aAAa,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,kBAAkB,MAAM,yBAAyB,CAAA;AACxD,OAAO,aAAa,MAAM,oBAAoB,CAAA;AAC9C,OAAO,aAAa,MAAM,oBAAoB,CAAA;AAQ9C,MAAM,aAAa,GAAG,CAAC,UAAoB,EAAY,EAAE;IACvD,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE;QAC1C,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;QAC1B,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAEnB,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAClB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACrB,CAAC;QACD,OAAO,QAAQ,CAAA;IACjB,CAAC,EAAE,EAAc,CAAC,CAAA;AACpB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IAClF,MAAM,kBAAkB,GAAG,SAAS,EAAE,CAAA;IACtC,MAAM,WAAW,GAAG,aAAa,CAC/B,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CACpE,CAAA;IACD,MAAM,gBAAgB,GAAG,SAAS,CAAC,CAAC,CAAC,aAAa,SAAS,EAAE,CAAC,CAAC,CAAC,WAAW,CAAA;IAE3E,MAAM,MAAM,GAAG,OAAO,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAA;IAE9D,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,eAAe,GAAG,MAAM;aAC3B,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,EAAE;YACjC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;YAC5C,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,SAAS,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;QAC5D,CAAC,CAAC;aACD,IAAI,CAAC,EAAE,CAAC,CAAA;QAEX,OAAO,CACL,cAAK,SAAS,EAAE,gBAAgB,YAC9B,KAAC,aAAa,IACZ,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,kBAAkB,YAE7B,eAAe,GACF,GACZ,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,eAAM,SAAS,EAAE,gBAAgB,YAC9B,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,EAAE;YACxC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;YAC5C,OAAO,SAAS,CAAC,CAAC,CAAC,yBAAmB,SAAS,IAAjB,KAAK,CAAoB,CAAC,CAAC,CAAC,SAAS,CAAA;QACrE,CAAC,CAAC,GACG,CACR,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { stemmer } from '@orama/stemmers/english'\nimport { findAll } from 'highlight-words-core'\nimport type { FC } from 'react'\n\nimport ReactMarkdown from 'react-markdown'\n\nimport { useSearch } from '../../hooks/index.js'\nimport markdownComponents from './markdownComponents.js'\nimport rehypePlugins from './rehypePlugins.js'\nimport remarkPlugins from './remarkPlugins.js'\n\ninterface IProps {\n  text: string\n  markdown?: boolean\n  className?: string\n}\n\nconst allQueryWords = (queryWords: string[]): string[] => {\n  return queryWords.reduce((allWords, word) => {\n    const stem = stemmer(word)\n    allWords.push(word)\n\n    if (stem !== word) {\n      allWords.push(stem)\n    }\n    return allWords\n  }, [] as string[])\n}\n\nexport const HighLight: FC<IProps> = ({ text, markdown = false, className = '' }) => {\n  const searchQueryContext = useSearch()\n  const searchWords = allQueryWords(\n    searchQueryContext.query ? searchQueryContext.query.split(' ') : []\n  )\n  const appliedClassName = className ? `highlight ${className}` : 'highlight'\n\n  const chunks = findAll({ textToHighlight: text, searchWords })\n\n  if (markdown) {\n    const highlightedText = chunks\n      .map(({ start, end, highlight }) => {\n        const chunkText = text.substring(start, end)\n        return highlight ? `<mark>${chunkText}</mark>` : chunkText\n      })\n      .join('')\n\n    return (\n      <div className={appliedClassName}>\n        <ReactMarkdown\n          remarkPlugins={remarkPlugins}\n          rehypePlugins={rehypePlugins}\n          components={markdownComponents}\n        >\n          {highlightedText}\n        </ReactMarkdown>\n      </div>\n    )\n  }\n\n  return (\n    <span className={appliedClassName}>\n      {chunks.map(({ start, end, highlight }) => {\n        const chunkText = text.substring(start, end)\n        return highlight ? <mark key={start}>{chunkText}</mark> : chunkText\n      })}\n    </span>\n  )\n}\n"]}

package/dist/src/components/app/ImplementationIcon.d.ts

@@ -1,5 +1,5 @@
-import { Product } from '@cucumber/messages';
-import { FC } from 'react';
+import type { Product } from '@cucumber/messages';
+import type { FC } from 'react';
 export declare const ImplementationIcon: FC<{
     implementation: Product;
 }>;

package/dist/src/components/app/ImplementationIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImplementationIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/app/ImplementationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAIjC,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC;IAAE,cAAc,EAAE,OAAO,CAAA;CAAE,CAM9D,CAAA"}
+{"version":3,"file":"ImplementationIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/app/ImplementationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/B,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC;IAAE,cAAc,EAAE,OAAO,CAAA;CAAE,CAM9D,CAAA"}

package/dist/src/components/app/ImplementationIcon.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { CucumberLogo } from './icons/CucumberLogo.js';
 export const ImplementationIcon = ({ implementation }) => {
     const { name } = implementation;
     if (name.toLowerCase().includes('cucumber')) {
-        return React.createElement(CucumberLogo, null);
+        return _jsx(CucumberLogo, {});
     }
     return null;
 };

package/dist/src/components/app/ImplementationIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImplementationIcon.js","sourceRoot":"","sources":["../../../../src/components/app/ImplementationIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAEtD,MAAM,CAAC,MAAM,kBAAkB,GAAoC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE;IACxF,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,CAAA;IAC/B,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;QAC3C,OAAO,oBAAC,YAAY,OAAG,CAAA;KACxB;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA","sourcesContent":["import { Product } from '@cucumber/messages'\nimport React, { FC } from 'react'\n\nimport { CucumberLogo } from './icons/CucumberLogo.js'\n\nexport const ImplementationIcon: FC<{ implementation: Product }> = ({ implementation }) => {\n  const { name } = implementation\n  if (name.toLowerCase().includes('cucumber')) {\n    return <CucumberLogo />\n  }\n  return null\n}\n"]}
+{"version":3,"file":"ImplementationIcon.js","sourceRoot":"","sources":["../../../../src/components/app/ImplementationIcon.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAEtD,MAAM,CAAC,MAAM,kBAAkB,GAAoC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE;IACxF,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,CAAA;IAC/B,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;QAC5C,OAAO,KAAC,YAAY,KAAG,CAAA;IACzB,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA","sourcesContent":["import type { Product } from '@cucumber/messages'\nimport type { FC } from 'react'\n\nimport { CucumberLogo } from './icons/CucumberLogo.js'\n\nexport const ImplementationIcon: FC<{ implementation: Product }> = ({ implementation }) => {\n  const { name } = implementation\n  if (name.toLowerCase().includes('cucumber')) {\n    return <CucumberLogo />\n  }\n  return null\n}\n"]}

package/dist/src/components/app/InMemorySearchProvider.d.ts

@@ -1,5 +1,5 @@
-import { TestStepResultStatus } from '@cucumber/messages';
-import { FC, PropsWithChildren } from 'react';
+import type { TestStepResultStatus } from '@cucumber/messages';
+import { type FC, type PropsWithChildren } from 'react';
 interface Props {
     defaultQuery?: string;
     defaultHideStatuses?: readonly TestStepResultStatus[];

package/dist/src/components/app/InMemorySearchProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InMemorySearchProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/app/InMemorySearchProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAK9D,UAAU,KAAK;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mBAAmB,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAA;CACtD;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAc/D,CAAA"}
+{"version":3,"file":"InMemorySearchProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/app/InMemorySearchProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAKjE,UAAU,KAAK;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mBAAmB,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAA;CACtD;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAc/D,CAAA"}

package/dist/src/components/app/InMemorySearchProvider.js

@@ -1,10 +1,11 @@
-import React, { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { ControlledSearchProvider } from './ControlledSearchProvider.js';
 export const InMemorySearchProvider = ({ defaultQuery = '', defaultHideStatuses = [], children, }) => {
     const [value, setValue] = useState({
         query: defaultQuery,
         hideStatuses: defaultHideStatuses,
     });
-    return (React.createElement(ControlledSearchProvider, { value: value, onChange: setValue }, children));
+    return (_jsx(ControlledSearchProvider, { value: value, onChange: setValue, children: children }));
 };
 //# sourceMappingURL=InMemorySearchProvider.js.map

package/dist/src/components/app/InMemorySearchProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"InMemorySearchProvider.js","sourceRoot":"","sources":["../../../../src/components/app/InMemorySearchProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAyB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAG9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AAOxE,MAAM,CAAC,MAAM,sBAAsB,GAAiC,CAAC,EACnE,YAAY,GAAG,EAAE,EACjB,mBAAmB,GAAG,EAAE,EACxB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc;QAC9C,KAAK,EAAE,YAAY;QACnB,YAAY,EAAE,mBAAmB;KAClC,CAAC,CAAA;IACF,OAAO,CACL,oBAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IACvD,QAAQ,CACgB,CAC5B,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { TestStepResultStatus } from '@cucumber/messages'\nimport React, { FC, PropsWithChildren, useState } from 'react'\n\nimport { SearchState } from '../../SearchContext.js'\nimport { ControlledSearchProvider } from './ControlledSearchProvider.js'\n\ninterface Props {\n  defaultQuery?: string\n  defaultHideStatuses?: readonly TestStepResultStatus[]\n}\n\nexport const InMemorySearchProvider: FC<PropsWithChildren<Props>> = ({\n  defaultQuery = '',\n  defaultHideStatuses = [],\n  children,\n}) => {\n  const [value, setValue] = useState<SearchState>({\n    query: defaultQuery,\n    hideStatuses: defaultHideStatuses,\n  })\n  return (\n    <ControlledSearchProvider value={value} onChange={setValue}>\n      {children}\n    </ControlledSearchProvider>\n  )\n}\n"]}
+{"version":3,"file":"InMemorySearchProvider.js","sourceRoot":"","sources":["../../../../src/components/app/InMemorySearchProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmC,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AAOxE,MAAM,CAAC,MAAM,sBAAsB,GAAiC,CAAC,EACnE,YAAY,GAAG,EAAE,EACjB,mBAAmB,GAAG,EAAE,EACxB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc;QAC9C,KAAK,EAAE,YAAY;QACnB,YAAY,EAAE,mBAAmB;KAClC,CAAC,CAAA;IACF,OAAO,CACL,KAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,YACvD,QAAQ,GACgB,CAC5B,CAAA;AACH,CAAC,CAAA","sourcesContent":["import type { TestStepResultStatus } from '@cucumber/messages'\nimport { type FC, type PropsWithChildren, useState } from 'react'\n\nimport type { SearchState } from '../../SearchContext.js'\nimport { ControlledSearchProvider } from './ControlledSearchProvider.js'\n\ninterface Props {\n  defaultQuery?: string\n  defaultHideStatuses?: readonly TestStepResultStatus[]\n}\n\nexport const InMemorySearchProvider: FC<PropsWithChildren<Props>> = ({\n  defaultQuery = '',\n  defaultHideStatuses = [],\n  children,\n}) => {\n  const [value, setValue] = useState<SearchState>({\n    query: defaultQuery,\n    hideStatuses: defaultHideStatuses,\n  })\n  return (\n    <ControlledSearchProvider value={value} onChange={setValue}>\n      {children}\n    </ControlledSearchProvider>\n  )\n}\n"]}

package/dist/src/components/app/NavigationButton.d.ts

@@ -1,3 +1,3 @@
-import { FC, HTMLAttributes } from 'react';
+import type { FC, HTMLAttributes } from 'react';
 export declare const NavigationButton: FC<HTMLAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=NavigationButton.d.ts.map

package/dist/src/components/app/NavigationButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/app/NavigationButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAIjD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAMlE,CAAA"}
+{"version":3,"file":"NavigationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/app/NavigationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI/C,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAMlE,CAAA"}

package/dist/src/components/app/NavigationButton.js

@@ -1,6 +1,6 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import styles from './NavigationButton.module.scss';
 export const NavigationButton = ({ children, ...props }) => {
-    return (React.createElement("button", { type: "button", ...props, className: styles.navigationButton }, children));
+    return (_jsx("button", { type: "button", ...props, className: styles.navigationButton, children: children }));
 };
 //# sourceMappingURL=NavigationButton.js.map

package/dist/src/components/app/NavigationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationButton.js","sourceRoot":"","sources":["../../../../src/components/app/NavigationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,OAAO,MAAM,MAAM,gCAAgC,CAAA;AAEnD,MAAM,CAAC,MAAM,gBAAgB,GAA0C,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChG,OAAO,CACL,gCAAQ,IAAI,EAAC,QAAQ,KAAK,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,gBAAgB,IAChE,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { FC, HTMLAttributes } from 'react'\n\nimport styles from './NavigationButton.module.scss'\n\nexport const NavigationButton: FC<HTMLAttributes<HTMLButtonElement>> = ({ children, ...props }) => {\n  return (\n    <button type=\"button\" {...props} className={styles.navigationButton}>\n      {children}\n    </button>\n  )\n}\n"]}
+{"version":3,"file":"NavigationButton.js","sourceRoot":"","sources":["../../../../src/components/app/NavigationButton.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,gCAAgC,CAAA;AAEnD,MAAM,CAAC,MAAM,gBAAgB,GAA0C,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChG,OAAO,CACL,iBAAQ,IAAI,EAAC,QAAQ,KAAK,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,gBAAgB,YAChE,QAAQ,GACF,CACV,CAAA;AACH,CAAC,CAAA","sourcesContent":["import type { FC, HTMLAttributes } from 'react'\n\nimport styles from './NavigationButton.module.scss'\n\nexport const NavigationButton: FC<HTMLAttributes<HTMLButtonElement>> = ({ children, ...props }) => {\n  return (\n    <button type=\"button\" {...props} className={styles.navigationButton}>\n      {children}\n    </button>\n  )\n}\n"]}

package/dist/src/components/app/OSIcon.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@cucumber/messages';
-import { FC } from 'react';
+import type { Meta } from '@cucumber/messages';
+import type { FC } from 'react';
 export declare const OSIcon: FC<{
     os: Meta['os'];
 }>;

package/dist/src/components/app/OSIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OSIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/app/OSIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACzC,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAMjC,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC;IAAE,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;CAAE,CAYzC,CAAA"}
+{"version":3,"file":"OSIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/app/OSIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAM/B,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC;IAAE,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;CAAE,CAYzC,CAAA"}

package/dist/src/components/app/OSIcon.js

@@ -1,17 +1,17 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Linux } from './icons/Linux.js';
 import { MacOS } from './icons/MacOS.js';
 import { Windows } from './icons/Windows.js';
 export const OSIcon = ({ os }) => {
     const { name } = os;
     if (name.match(/windows|win32/i)) {
-        return React.createElement(Windows, null);
+        return _jsx(Windows, {});
     }
     if (name.match(/(darwin|mac)/i)) {
-        return React.createElement(MacOS, null);
+        return _jsx(MacOS, {});
     }
     if (name.match(/linux/i)) {
-        return React.createElement(Linux, null);
+        return _jsx(Linux, {});
     }
     return null;
 };