@cucumber/react-components 24.1.2 → 24.3.0

package/LICENSE

@@ -1,4 +1,4 @@
-The MIT License (MIT)
+MIT License
 
 Copyright (c) Cucumber Ltd
 

package/dist/src/CucumberQueryContext.d.ts

@@ -1,5 +1,4 @@
 import { Query as CucumberQuery } from '@cucumber/query';
-import React from 'react';
-declare const _default: React.Context<CucumberQuery>;
+declare const _default: import("react").Context<CucumberQuery>;
 export default _default;
 //# sourceMappingURL=CucumberQueryContext.d.ts.map

package/dist/src/CucumberQueryContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CucumberQueryContext.d.ts","sourceRoot":"","sources":["../../src/CucumberQueryContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,KAAK,MAAM,OAAO,CAAA;;AAEzB,wBAAuD"}
+{"version":3,"file":"CucumberQueryContext.d.ts","sourceRoot":"","sources":["../../src/CucumberQueryContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;;AAGxD,wBAAiD"}

package/dist/src/CucumberQueryContext.js

@@ -1,4 +1,4 @@
 import { Query as CucumberQuery } from '@cucumber/query';
-import React from 'react';
-export default React.createContext(new CucumberQuery());
+import { createContext } from 'react';
+export default createContext(new CucumberQuery());
 //# sourceMappingURL=CucumberQueryContext.js.map

package/dist/src/CucumberQueryContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CucumberQueryContext.js","sourceRoot":"","sources":["../../src/CucumberQueryContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAe,KAAK,CAAC,aAAa,CAAC,IAAI,aAAa,EAAE,CAAC,CAAA","sourcesContent":["import { Query as CucumberQuery } from '@cucumber/query'\nimport React from 'react'\n\nexport default React.createContext(new CucumberQuery())\n"]}
+{"version":3,"file":"CucumberQueryContext.js","sourceRoot":"","sources":["../../src/CucumberQueryContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,eAAe,aAAa,CAAC,IAAI,aAAa,EAAE,CAAC,CAAA","sourcesContent":["import { Query as CucumberQuery } from '@cucumber/query'\nimport { createContext } from 'react'\n\nexport default createContext(new CucumberQuery())\n"]}

package/dist/src/GherkinQueryContext.d.ts

@@ -1,5 +1,4 @@
 import { Query as GherkinQuery } from '@cucumber/gherkin-utils';
-import React from 'react';
-declare const _default: React.Context<GherkinQuery>;
+declare const _default: import("react").Context<GherkinQuery>;
 export default _default;
 //# sourceMappingURL=GherkinQueryContext.d.ts.map

package/dist/src/GherkinQueryContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GherkinQueryContext.d.ts","sourceRoot":"","sources":["../../src/GherkinQueryContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAA;;AAEzB,wBAAsD"}
+{"version":3,"file":"GherkinQueryContext.d.ts","sourceRoot":"","sources":["../../src/GherkinQueryContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAA;;AAG/D,wBAAgD"}

package/dist/src/GherkinQueryContext.js

@@ -1,4 +1,4 @@
 import { Query as GherkinQuery } from '@cucumber/gherkin-utils';
-import React from 'react';
-export default React.createContext(new GherkinQuery());
+import { createContext } from 'react';
+export default createContext(new GherkinQuery());
 //# sourceMappingURL=GherkinQueryContext.js.map

package/dist/src/GherkinQueryContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"GherkinQueryContext.js","sourceRoot":"","sources":["../../src/GherkinQueryContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAe,KAAK,CAAC,aAAa,CAAC,IAAI,YAAY,EAAE,CAAC,CAAA","sourcesContent":["import { Query as GherkinQuery } from '@cucumber/gherkin-utils'\nimport React from 'react'\n\nexport default React.createContext(new GherkinQuery())\n"]}
+{"version":3,"file":"GherkinQueryContext.js","sourceRoot":"","sources":["../../src/GherkinQueryContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,eAAe,aAAa,CAAC,IAAI,YAAY,EAAE,CAAC,CAAA","sourcesContent":["import { Query as GherkinQuery } from '@cucumber/gherkin-utils'\nimport { createContext } from 'react'\n\nexport default createContext(new GherkinQuery())\n"]}

package/dist/src/SearchContext.d.ts

@@ -1,13 +1,19 @@
-import { TestStepResultStatus as Status } from '@cucumber/messages';
-import React from 'react';
+import type { TestStepResultStatus as Status } from '@cucumber/messages';
+import type { Node } from '@cucumber/tag-expressions';
 export interface SearchState {
     readonly query: string;
     readonly hideStatuses: readonly Status[];
 }
-export interface SearchContextValue extends SearchState {
-    unchanged: boolean;
+export interface SearchOperations {
     update: (changes: Partial<SearchState>) => void;
 }
-declare const _default: React.Context<SearchContextValue>;
+export interface FilterCriteria {
+    readonly hideStatuses: readonly Status[];
+    readonly searchTerm?: string;
+    readonly tagExpression?: Node;
+    readonly unchanged: boolean;
+}
+export type SearchContextValue = SearchState & SearchOperations & FilterCriteria;
+declare const _default: import("react").Context<SearchContextValue>;
 export default _default;
 //# sourceMappingURL=SearchContext.d.ts.map

package/dist/src/SearchContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchContext.d.ts","sourceRoot":"","sources":["../../src/SearchContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,oBAAoB,CAAA;AACnE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,YAAY,EAAE,SAAS,MAAM,EAAE,CAAA;CACzC;AAED,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,SAAS,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;CAChD;;AAED,wBAKE"}
+{"version":3,"file":"SearchContext.d.ts","sourceRoot":"","sources":["../../src/SearchContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,oBAAoB,CAAA;AACxE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAGrD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,YAAY,EAAE,SAAS,MAAM,EAAE,CAAA;CACzC;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;CAChD;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,YAAY,EAAE,SAAS,MAAM,EAAE,CAAA;IACxC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,CAAA;IAC7B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;CAC5B;AAED,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,gBAAgB,GAAG,cAAc,CAAA;;AAEhF,wBAOE"}

package/dist/src/SearchContext.js

@@ -1,8 +1,10 @@
-import React from 'react';
-export default React.createContext({
+import { createContext } from 'react';
+export default createContext({
     query: '',
     hideStatuses: [],
     unchanged: true,
+    searchTerm: undefined,
+    tagExpression: undefined,
     update: () => { },
 });
 //# sourceMappingURL=SearchContext.js.map

package/dist/src/SearchContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchContext.js","sourceRoot":"","sources":["../../src/SearchContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,eAAe,KAAK,CAAC,aAAa,CAAqB;IACrD,KAAK,EAAE,EAAE;IACT,YAAY,EAAE,EAAE;IAChB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;CACjB,CAAC,CAAA","sourcesContent":["import { TestStepResultStatus as Status } from '@cucumber/messages'\nimport React from 'react'\n\nexport interface SearchState {\n  readonly query: string\n  readonly hideStatuses: readonly Status[]\n}\n\nexport interface SearchContextValue extends SearchState {\n  unchanged: boolean\n  update: (changes: Partial<SearchState>) => void\n}\n\nexport default React.createContext<SearchContextValue>({\n  query: '',\n  hideStatuses: [],\n  unchanged: true,\n  update: () => {},\n})\n"]}
+{"version":3,"file":"SearchContext.js","sourceRoot":"","sources":["../../src/SearchContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAoBrC,eAAe,aAAa,CAAqB;IAC/C,KAAK,EAAE,EAAE;IACT,YAAY,EAAE,EAAE;IAChB,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,SAAS;IACxB,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;CACjB,CAAC,CAAA","sourcesContent":["import type { TestStepResultStatus as Status } from '@cucumber/messages'\nimport type { Node } from '@cucumber/tag-expressions'\nimport { createContext } from 'react'\n\nexport interface SearchState {\n  readonly query: string\n  readonly hideStatuses: readonly Status[]\n}\n\nexport interface SearchOperations {\n  update: (changes: Partial<SearchState>) => void\n}\n\nexport interface FilterCriteria {\n  readonly hideStatuses: readonly Status[]\n  readonly searchTerm?: string\n  readonly tagExpression?: Node\n  readonly unchanged: boolean\n}\n\nexport type SearchContextValue = SearchState & SearchOperations & FilterCriteria\n\nexport default createContext<SearchContextValue>({\n  query: '',\n  hideStatuses: [],\n  unchanged: true,\n  searchTerm: undefined,\n  tagExpression: undefined,\n  update: () => {},\n})\n"]}

package/dist/src/ciCommitLink.d.ts

@@ -1,3 +1,3 @@
-import { Ci } from '@cucumber/messages';
+import type { Ci } from '@cucumber/messages';
 export default function ciCommitLink(ci: Ci): string | undefined;
 //# sourceMappingURL=ciCommitLink.d.ts.map

package/dist/src/ciCommitLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ciCommitLink.d.ts","sourceRoot":"","sources":["../../src/ciCommitLink.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAKvC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,EAAE,EAAE,GAAG,MAAM,GAAG,SAAS,CAQ/D"}
+{"version":3,"file":"ciCommitLink.d.ts","sourceRoot":"","sources":["../../src/ciCommitLink.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAK5C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,EAAE,EAAE,GAAG,MAAM,GAAG,SAAS,CAQ/D"}

package/dist/src/ciCommitLink.js

@@ -1,7 +1,7 @@
 import toRepositoryId from './toRepositoryId.js';
 // TODO move upstream to create-meta
 export default function ciCommitLink(ci) {
-    if (ci.git && ci.git.remote) {
+    if (ci.git?.remote) {
         const repositoryId = toRepositoryId(ci.git.remote);
         const github = repositoryId.startsWith('github.com') || ci.name === 'GitHub Actions';
         if (ci.git.revision && github) {

package/dist/src/ciCommitLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"ciCommitLink.js","sourceRoot":"","sources":["../../src/ciCommitLink.ts"],"names":[],"mappings":"AAEA,OAAO,cAAc,MAAM,qBAAqB,CAAA;AAEhD,oCAAoC;AACpC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAM;IACzC,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE;QAC3B,MAAM,YAAY,GAAG,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QAClD,MAAM,MAAM,GAAG,YAAY,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,IAAI,KAAK,gBAAgB,CAAA;QACpF,IAAI,EAAE,CAAC,GAAG,CAAC,QAAQ,IAAI,MAAM,EAAE;YAC7B,OAAO,WAAW,YAAY,WAAW,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAA;SAC3D;KACF;AACH,CAAC","sourcesContent":["import { Ci } from '@cucumber/messages'\n\nimport toRepositoryId from './toRepositoryId.js'\n\n// TODO move upstream to create-meta\nexport default function ciCommitLink(ci: Ci): string | undefined {\n  if (ci.git && ci.git.remote) {\n    const repositoryId = toRepositoryId(ci.git.remote)\n    const github = repositoryId.startsWith('github.com') || ci.name === 'GitHub Actions'\n    if (ci.git.revision && github) {\n      return `https://${repositoryId}/commit/${ci.git.revision}`\n    }\n  }\n}\n"]}
+{"version":3,"file":"ciCommitLink.js","sourceRoot":"","sources":["../../src/ciCommitLink.ts"],"names":[],"mappings":"AAEA,OAAO,cAAc,MAAM,qBAAqB,CAAA;AAEhD,oCAAoC;AACpC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAM;IACzC,IAAI,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC;QACnB,MAAM,YAAY,GAAG,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QAClD,MAAM,MAAM,GAAG,YAAY,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,IAAI,KAAK,gBAAgB,CAAA;QACpF,IAAI,EAAE,CAAC,GAAG,CAAC,QAAQ,IAAI,MAAM,EAAE,CAAC;YAC9B,OAAO,WAAW,YAAY,WAAW,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAA;QAC5D,CAAC;IACH,CAAC;AACH,CAAC","sourcesContent":["import type { Ci } from '@cucumber/messages'\n\nimport toRepositoryId from './toRepositoryId.js'\n\n// TODO move upstream to create-meta\nexport default function ciCommitLink(ci: Ci): string | undefined {\n  if (ci.git?.remote) {\n    const repositoryId = toRepositoryId(ci.git.remote)\n    const github = repositoryId.startsWith('github.com') || ci.name === 'GitHub Actions'\n    if (ci.git.revision && github) {\n      return `https://${repositoryId}/commit/${ci.git.revision}`\n    }\n  }\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CICommitLink.d.ts","sourceRoot":"","sources":["../../../../src/components/app/CICommitLink.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAGvC,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAIjC,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC;IAC5B,EAAE,EAAE,EAAE,CAAA;CACP,CAwBA,CAAA"}
+{"version":3,"file":"CICommitLink.d.ts","sourceRoot":"","sources":["../../../../src/components/app/CICommitLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAG5C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/B,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC;IAC5B,EAAE,EAAE,EAAE,CAAA;CACP,CAwBA,CAAA"}

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

@@ -1,6 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { faCodeCommit } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import React from 'react';
 import ciCommitLink from '../../ciCommitLink.js';
 export const CICommitLink = ({ ci }) => {
     if (!ci.git) {
@@ -9,13 +9,8 @@ export const CICommitLink = ({ ci }) => {
     const shortHash = ci.git.revision.substring(0, 7);
     const commitLink = ciCommitLink(ci);
     if (commitLink) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(FontAwesomeIcon, { "aria-hidden": "true", style: { opacity: 0.75 }, icon: faCodeCommit }),
-            React.createElement("a", { href: commitLink, target: "_blank", rel: "noreferrer" },
-                React.createElement("code", null, shortHash))));
+        return (_jsxs(_Fragment, { children: [_jsx(FontAwesomeIcon, { "aria-hidden": "true", style: { opacity: 0.75 }, icon: faCodeCommit }), _jsx("a", { href: commitLink, target: "_blank", rel: "noopener nofollow noreferrer", children: _jsx("code", { children: shortHash }) })] }));
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(FontAwesomeIcon, { "aria-hidden": "true", style: { opacity: 0.75 }, icon: faCodeCommit }),
-        React.createElement("code", null, shortHash)));
+    return (_jsxs(_Fragment, { children: [_jsx(FontAwesomeIcon, { "aria-hidden": "true", style: { opacity: 0.75 }, icon: faCodeCommit }), _jsx("code", { children: shortHash })] }));
 };
 //# sourceMappingURL=CICommitLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CICommitLink.js","sourceRoot":"","sources":["../../../../src/components/app/CICommitLink.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,YAAY,MAAM,uBAAuB,CAAA;AAEhD,MAAM,CAAC,MAAM,YAAY,GAEpB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;IACd,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE;QACX,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,SAAS,GAAG,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACjD,MAAM,UAAU,GAAG,YAAY,CAAC,EAAE,CAAC,CAAA;IAEnC,IAAI,UAAU,EAAE;QACd,OAAO,CACL;YACE,oBAAC,eAAe,mBAAa,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,YAAY,GAAI;YACpF,2BAAG,IAAI,EAAE,UAAU,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY;gBACnD,kCAAO,SAAS,CAAQ,CACtB,CACH,CACJ,CAAA;KACF;IACD,OAAO,CACL;QACE,oBAAC,eAAe,mBAAa,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,YAAY,GAAI;QACpF,kCAAO,SAAS,CAAQ,CACvB,CACJ,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { Ci } from '@cucumber/messages'\nimport { faCodeCommit } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport React, { FC } from 'react'\n\nimport ciCommitLink from '../../ciCommitLink.js'\n\nexport const CICommitLink: FC<{\n  ci: Ci\n}> = ({ ci }) => {\n  if (!ci.git) {\n    return null\n  }\n\n  const shortHash = ci.git.revision.substring(0, 7)\n  const commitLink = ciCommitLink(ci)\n\n  if (commitLink) {\n    return (\n      <>\n        <FontAwesomeIcon aria-hidden=\"true\" style={{ opacity: 0.75 }} icon={faCodeCommit} />\n        <a href={commitLink} target=\"_blank\" rel=\"noreferrer\">\n          <code>{shortHash}</code>\n        </a>\n      </>\n    )\n  }\n  return (\n    <>\n      <FontAwesomeIcon aria-hidden=\"true\" style={{ opacity: 0.75 }} icon={faCodeCommit} />\n      <code>{shortHash}</code>\n    </>\n  )\n}\n"]}
+{"version":3,"file":"CICommitLink.js","sourceRoot":"","sources":["../../../../src/components/app/CICommitLink.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAGhE,OAAO,YAAY,MAAM,uBAAuB,CAAA;AAEhD,MAAM,CAAC,MAAM,YAAY,GAEpB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;IACd,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC;QACZ,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,SAAS,GAAG,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACjD,MAAM,UAAU,GAAG,YAAY,CAAC,EAAE,CAAC,CAAA;IAEnC,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,8BACE,KAAC,eAAe,mBAAa,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,YAAY,GAAI,EACpF,YAAG,IAAI,EAAE,UAAU,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,8BAA8B,YACrE,yBAAO,SAAS,GAAQ,GACtB,IACH,CACJ,CAAA;IACH,CAAC;IACD,OAAO,CACL,8BACE,KAAC,eAAe,mBAAa,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,YAAY,GAAI,EACpF,yBAAO,SAAS,GAAQ,IACvB,CACJ,CAAA;AACH,CAAC,CAAA","sourcesContent":["import type { Ci } from '@cucumber/messages'\nimport { faCodeCommit } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport type { FC } from 'react'\n\nimport ciCommitLink from '../../ciCommitLink.js'\n\nexport const CICommitLink: FC<{\n  ci: Ci\n}> = ({ ci }) => {\n  if (!ci.git) {\n    return null\n  }\n\n  const shortHash = ci.git.revision.substring(0, 7)\n  const commitLink = ciCommitLink(ci)\n\n  if (commitLink) {\n    return (\n      <>\n        <FontAwesomeIcon aria-hidden=\"true\" style={{ opacity: 0.75 }} icon={faCodeCommit} />\n        <a href={commitLink} target=\"_blank\" rel=\"noopener nofollow noreferrer\">\n          <code>{shortHash}</code>\n        </a>\n      </>\n    )\n  }\n  return (\n    <>\n      <FontAwesomeIcon aria-hidden=\"true\" style={{ opacity: 0.75 }} icon={faCodeCommit} />\n      <code>{shortHash}</code>\n    </>\n  )\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CIJobLink.d.ts","sourceRoot":"","sources":["../../../../src/components/app/CIJobLink.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAGvC,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC;IACzB,EAAE,EAAE,EAAE,CAAA;CACP,CAiBA,CAAA"}
+{"version":3,"file":"CIJobLink.d.ts","sourceRoot":"","sources":["../../../../src/components/app/CIJobLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAG5C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC;IACzB,EAAE,EAAE,EAAE,CAAA;CACP,CAiBA,CAAA"}

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

@@ -1,14 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { faServer } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import React from 'react';
 export const CIJobLink = ({ ci }) => {
     if (ci.url) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(FontAwesomeIcon, { "aria-hidden": "true", style: { opacity: 0.75 }, icon: faServer }),
-            React.createElement("a", { href: ci.url, target: "_blank", rel: "noreferrer" }, ci.name)));
+        return (_jsxs(_Fragment, { children: [_jsx(FontAwesomeIcon, { "aria-hidden": "true", style: { opacity: 0.75 }, icon: faServer }), _jsx("a", { href: ci.url, target: "_blank", rel: "noopener nofollow noreferrer", children: ci.name })] }));
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(FontAwesomeIcon, { "aria-hidden": "true", style: { opacity: 0.75 }, icon: faServer }),
-        React.createElement("span", null, ci.name)));
+    return (_jsxs(_Fragment, { children: [_jsx(FontAwesomeIcon, { "aria-hidden": "true", style: { opacity: 0.75 }, icon: faServer }), _jsx("span", { children: ci.name })] }));
 };
 //# sourceMappingURL=CIJobLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CIJobLink.js","sourceRoot":"","sources":["../../../../src/components/app/CIJobLink.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,MAAM,CAAC,MAAM,SAAS,GAEjB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;IACd,IAAI,EAAE,CAAC,GAAG,EAAE;QACV,OAAO,CACL;YACE,oBAAC,eAAe,mBAAa,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,GAAI;YAChF,2BAAG,IAAI,EAAE,EAAE,CAAC,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,IAC9C,EAAE,CAAC,IAAI,CACN,CACH,CACJ,CAAA;KACF;IACD,OAAO,CACL;QACE,oBAAC,eAAe,mBAAa,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,GAAI;QAChF,kCAAO,EAAE,CAAC,IAAI,CAAQ,CACrB,CACJ,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { Ci } from '@cucumber/messages'\nimport { faServer } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport React, { FC } from 'react'\n\nexport const CIJobLink: FC<{\n  ci: Ci\n}> = ({ ci }) => {\n  if (ci.url) {\n    return (\n      <>\n        <FontAwesomeIcon aria-hidden=\"true\" style={{ opacity: 0.75 }} icon={faServer} />\n        <a href={ci.url} target=\"_blank\" rel=\"noreferrer\">\n          {ci.name}\n        </a>\n      </>\n    )\n  }\n  return (\n    <>\n      <FontAwesomeIcon aria-hidden=\"true\" style={{ opacity: 0.75 }} icon={faServer} />\n      <span>{ci.name}</span>\n    </>\n  )\n}\n"]}
+{"version":3,"file":"CIJobLink.js","sourceRoot":"","sources":["../../../../src/components/app/CIJobLink.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAGhE,MAAM,CAAC,MAAM,SAAS,GAEjB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;IACd,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC;QACX,OAAO,CACL,8BACE,KAAC,eAAe,mBAAa,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,GAAI,EAChF,YAAG,IAAI,EAAE,EAAE,CAAC,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,8BAA8B,YAChE,EAAE,CAAC,IAAI,GACN,IACH,CACJ,CAAA;IACH,CAAC;IACD,OAAO,CACL,8BACE,KAAC,eAAe,mBAAa,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,GAAI,EAChF,yBAAO,EAAE,CAAC,IAAI,GAAQ,IACrB,CACJ,CAAA;AACH,CAAC,CAAA","sourcesContent":["import type { Ci } from '@cucumber/messages'\nimport { faServer } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport type { FC } from 'react'\n\nexport const CIJobLink: FC<{\n  ci: Ci\n}> = ({ ci }) => {\n  if (ci.url) {\n    return (\n      <>\n        <FontAwesomeIcon aria-hidden=\"true\" style={{ opacity: 0.75 }} icon={faServer} />\n        <a href={ci.url} target=\"_blank\" rel=\"noopener nofollow noreferrer\">\n          {ci.name}\n        </a>\n      </>\n    )\n  }\n  return (\n    <>\n      <FontAwesomeIcon aria-hidden=\"true\" style={{ opacity: 0.75 }} icon={faServer} />\n      <span>{ci.name}</span>\n    </>\n  )\n}\n"]}

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

@@ -1,5 +1,5 @@
-import { FC, PropsWithChildren } from 'react';
-import { SearchState } from '../../SearchContext.js';
+import { type FC, type PropsWithChildren } from 'react';
+import { type SearchState } from '../../SearchContext.js';
 interface Props {
     value: SearchState;
     onChange: (newValue: SearchState) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"ControlledSearchProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/app/ControlledSearchProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAE7D,OAA2B,EAAsB,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAE5F,UAAU,KAAK;IACb,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAA;CAC1C;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAiBjE,CAAA"}
+{"version":3,"file":"ControlledSearchProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/app/ControlledSearchProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAGhE,OAA2B,EAEzB,KAAK,WAAW,EACjB,MAAM,wBAAwB,CAAA;AAE/B,UAAU,KAAK;IACb,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAA;CAC1C;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAkBjE,CAAA"}

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

@@ -1,4 +1,7 @@
-import React, { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { parse } from '@cucumber/tag-expressions';
+import { useMemo } from 'react';
+import isTagExpression from '../../isTagExpression.js';
 import SearchQueryContext from '../../SearchContext.js';
 export const ControlledSearchProvider = ({ value, onChange, children, }) => {
     const contextValue = useMemo(() => {
@@ -7,11 +10,30 @@ export const ControlledSearchProvider = ({ value, onChange, children, }) => {
             query: value.query,
             hideStatuses: value.hideStatuses,
             unchanged,
+            ...deriveState(value.query),
             update: (newValues) => {
                 onChange({ ...value, ...newValues });
             },
         };
     }, [value, onChange]);
-    return React.createElement(SearchQueryContext.Provider, { value: contextValue }, children);
+    return _jsx(SearchQueryContext.Provider, { value: contextValue, children: children });
 };
+function deriveState(query) {
+    if (!query) {
+        return {};
+    }
+    if (isTagExpression(query)) {
+        try {
+            return {
+                tagExpression: parse(query),
+            };
+        }
+        catch (error) {
+            console.error(`Failed to parse tag expression "${query}":`, error);
+        }
+    }
+    return {
+        searchTerm: query,
+    };
+}
 //# sourceMappingURL=ControlledSearchProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ControlledSearchProvider.js","sourceRoot":"","sources":["../../../../src/components/app/ControlledSearchProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAA;AAE7D,OAAO,kBAAuD,MAAM,wBAAwB,CAAA;AAO5F,MAAM,CAAC,MAAM,wBAAwB,GAAiC,CAAC,EACrE,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAuB,OAAO,CAAC,GAAG,EAAE;QACpD,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAA;QAC5D,OAAO;YACL,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,SAAS;YACT,MAAM,EAAE,CAAC,SAA+B,EAAE,EAAE;gBAC1C,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,CAAC,CAAA;YACtC,CAAC;SACF,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;IACrB,OAAO,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IAAG,QAAQ,CAA+B,CAAA;AACnG,CAAC,CAAA","sourcesContent":["import React, { FC, PropsWithChildren, useMemo } from 'react'\n\nimport SearchQueryContext, { SearchContextValue, SearchState } from '../../SearchContext.js'\n\ninterface Props {\n  value: SearchState\n  onChange: (newValue: SearchState) => void\n}\n\nexport const ControlledSearchProvider: FC<PropsWithChildren<Props>> = ({\n  value,\n  onChange,\n  children,\n}) => {\n  const contextValue: SearchContextValue = useMemo(() => {\n    const unchanged = !value.query && !value.hideStatuses.length\n    return {\n      query: value.query,\n      hideStatuses: value.hideStatuses,\n      unchanged,\n      update: (newValues: Partial<SearchState>) => {\n        onChange({ ...value, ...newValues })\n      },\n    }\n  }, [value, onChange])\n  return <SearchQueryContext.Provider value={contextValue}>{children}</SearchQueryContext.Provider>\n}\n"]}
+{"version":3,"file":"ControlledSearchProvider.js","sourceRoot":"","sources":["../../../../src/components/app/ControlledSearchProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAmC,OAAO,EAAE,MAAM,OAAO,CAAA;AAEhE,OAAO,eAAe,MAAM,0BAA0B,CAAA;AACtD,OAAO,kBAGN,MAAM,wBAAwB,CAAA;AAO/B,MAAM,CAAC,MAAM,wBAAwB,GAAiC,CAAC,EACrE,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAuB,OAAO,CAAC,GAAG,EAAE;QACpD,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAA;QAC5D,OAAO;YACL,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,SAAS;YACT,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC;YAC3B,MAAM,EAAE,CAAC,SAA+B,EAAE,EAAE;gBAC1C,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,CAAC,CAAA;YACtC,CAAC;SACF,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;IACrB,OAAO,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAA+B,CAAA;AACnG,CAAC,CAAA;AAED,SAAS,WAAW,CAAC,KAAa;IAChC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAA;IACX,CAAC;IACD,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3B,IAAI,CAAC;YACH,OAAO;gBACL,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC;aAC5B,CAAA;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,mCAAmC,KAAK,IAAI,EAAE,KAAK,CAAC,CAAA;QACpE,CAAC;IACH,CAAC;IACD,OAAO;QACL,UAAU,EAAE,KAAK;KAClB,CAAA;AACH,CAAC","sourcesContent":["import { parse } from '@cucumber/tag-expressions'\nimport { type FC, type PropsWithChildren, useMemo } from 'react'\n\nimport isTagExpression from '../../isTagExpression.js'\nimport SearchQueryContext, {\n  type SearchContextValue,\n  type SearchState,\n} from '../../SearchContext.js'\n\ninterface Props {\n  value: SearchState\n  onChange: (newValue: SearchState) => void\n}\n\nexport const ControlledSearchProvider: FC<PropsWithChildren<Props>> = ({\n  value,\n  onChange,\n  children,\n}) => {\n  const contextValue: SearchContextValue = useMemo(() => {\n    const unchanged = !value.query && !value.hideStatuses.length\n    return {\n      query: value.query,\n      hideStatuses: value.hideStatuses,\n      unchanged,\n      ...deriveState(value.query),\n      update: (newValues: Partial<SearchState>) => {\n        onChange({ ...value, ...newValues })\n      },\n    }\n  }, [value, onChange])\n  return <SearchQueryContext.Provider value={contextValue}>{children}</SearchQueryContext.Provider>\n}\n\nfunction deriveState(query: string): Pick<SearchContextValue, 'searchTerm' | 'tagExpression'> {\n  if (!query) {\n    return {}\n  }\n  if (isTagExpression(query)) {\n    try {\n      return {\n        tagExpression: parse(query),\n      }\n    } catch (error) {\n      console.error(`Failed to parse tag expression \"${query}\":`, error)\n    }\n  }\n  return {\n    searchTerm: query,\n  }\n}\n"]}

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

@@ -1,5 +1,6 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 export declare const CopyButton: FC<{
     text: string;
+    className?: string;
 }>;
 //# sourceMappingURL=CopyButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../src/components/app/CopyButton.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAI3C,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CA2B3C,CAAA"}
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../src/components/app/CopyButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAA;AAIzC,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CA4B/D,CAAA"}

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

@@ -1,8 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { faCheck, faCopy } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import styles from './CopyButton.module.scss';
-export const CopyButton = ({ text }) => {
+export const CopyButton = ({ text, className }) => {
     const [copied, setCopied] = useState(false);
     const handleCopy = () => {
         navigator.clipboard
@@ -17,7 +18,6 @@ export const CopyButton = ({ text }) => {
             console.error('Failed to copy', err);
         });
     };
-    return (React.createElement("button", { onClick: handleCopy, "aria-label": copied ? 'Copied' : 'Copy', disabled: copied, className: styles.button },
-        React.createElement(FontAwesomeIcon, { icon: copied ? faCheck : faCopy })));
+    return (_jsx("button", { type: "button", onClick: handleCopy, "aria-label": copied ? 'Copied' : 'Copy', disabled: copied, className: `${styles.button}${className ? ` ${className}` : ''}`, children: _jsx(FontAwesomeIcon, { icon: copied ? faCheck : faCopy }) }));
 };
 //# sourceMappingURL=CopyButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../../src/components/app/CopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAE7C,MAAM,CAAC,MAAM,UAAU,GAAyB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,SAAS,CAAC,SAAS;aAChB,SAAS,CAAC,IAAI,CAAC;aACf,IAAI,CAAC,GAAG,EAAE;YACT,SAAS,CAAC,IAAI,CAAC,CAAA;YACf,UAAU,CAAC,GAAG,EAAE;gBACd,SAAS,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC,EAAE,IAAI,CAAC,CAAA;QACV,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;YACb,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAA;QACtC,CAAC,CAAC,CAAA;IACN,CAAC,CAAA;IAED,OAAO,CACL,gCACE,OAAO,EAAE,UAAU,gBACP,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EACtC,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,CAAC,MAAM;QAExB,oBAAC,eAAe,IAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAAI,CAC7C,CACV,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { faCheck, faCopy } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport React, { FC, useState } from 'react'\n\nimport styles from './CopyButton.module.scss'\n\nexport const CopyButton: FC<{ text: string }> = ({ text }) => {\n  const [copied, setCopied] = useState(false)\n\n  const handleCopy = () => {\n    navigator.clipboard\n      .writeText(text)\n      .then(() => {\n        setCopied(true)\n        setTimeout(() => {\n          setCopied(false)\n        }, 3000)\n      })\n      .catch((err) => {\n        console.error('Failed to copy', err)\n      })\n  }\n\n  return (\n    <button\n      onClick={handleCopy}\n      aria-label={copied ? 'Copied' : 'Copy'}\n      disabled={copied}\n      className={styles.button}\n    >\n      <FontAwesomeIcon icon={copied ? faCheck : faCopy} />\n    </button>\n  )\n}\n"]}
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../../src/components/app/CopyButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAW,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAE7C,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;IAC1F,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,SAAS,CAAC,SAAS;aAChB,SAAS,CAAC,IAAI,CAAC;aACf,IAAI,CAAC,GAAG,EAAE;YACT,SAAS,CAAC,IAAI,CAAC,CAAA;YACf,UAAU,CAAC,GAAG,EAAE;gBACd,SAAS,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC,EAAE,IAAI,CAAC,CAAA;QACV,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;YACb,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAA;QACtC,CAAC,CAAC,CAAA;IACN,CAAC,CAAA;IAED,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,gBACP,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EACtC,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,YAEhE,KAAC,eAAe,IAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAAI,GAC7C,CACV,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { faCheck, faCopy } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { type FC, useState } from 'react'\n\nimport styles from './CopyButton.module.scss'\n\nexport const CopyButton: FC<{ text: string; className?: string }> = ({ text, className }) => {\n  const [copied, setCopied] = useState(false)\n\n  const handleCopy = () => {\n    navigator.clipboard\n      .writeText(text)\n      .then(() => {\n        setCopied(true)\n        setTimeout(() => {\n          setCopied(false)\n        }, 3000)\n      })\n      .catch((err) => {\n        console.error('Failed to copy', err)\n      })\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleCopy}\n      aria-label={copied ? 'Copied' : 'Copy'}\n      disabled={copied}\n      className={`${styles.button}${className ? ` ${className}` : ''}`}\n    >\n      <FontAwesomeIcon icon={copied ? faCheck : faCopy} />\n    </button>\n  )\n}\n"]}

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

@@ -1,7 +1,7 @@
-import { TestStepResultStatus } from '@cucumber/messages';
-import { FC, ReactNode } from 'react';
+import type { TestStepResultStatus } from '@cucumber/messages';
+import { type FC, type ReactNode } from 'react';
 interface DocumentAccordionProps {
-    expanded: ReadonlyArray<string>;
+    expanded: Iterable<string>;
     children: ReactNode;
 }
 interface DocumentAccordionItemProps {

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentAccordion.d.ts","sourceRoot":"","sources":["../../../../src/components/app/DocumentAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAGzD,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAqB5C,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC/B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,0BAA0B;IAClC,MAAM,EAAE,oBAAoB,CAAA;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAYxD,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAwBhE,CAAA"}
+{"version":3,"file":"DocumentAccordion.d.ts","sourceRoot":"","sources":["../../../../src/components/app/DocumentAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAG9D,OAAO,EAAE,KAAK,EAAE,EAAqB,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAA;AAaxF,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC1B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,0BAA0B;IAClC,MAAM,EAAE,oBAAoB,CAAA;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,CAAA;CACpB;AAaD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAUxD,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAuBhE,CAAA"}

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

@@ -1,30 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { faChevronRight } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import React from 'react';
-import { Accordion, AccordionItem, AccordionItemButton, AccordionItemHeading, AccordionItemPanel, } from 'react-accessible-accordion';
-import { v4 as uuidv4 } from 'uuid';
+import { useContext, useState } from 'react';
+import { Button, Disclosure, DisclosureGroup, DisclosurePanel, DisclosureStateContext, Heading, } from 'react-aria-components';
 import { StatusIcon } from '../gherkin/index.js';
 import styles from './DocumentAccordion.module.scss';
-const idByUri = new Map();
-function getIdByUri(uri) {
-    if (!idByUri.has(uri)) {
-        idByUri.set(uri, uuidv4());
+const LazyContent = ({ children }) => {
+    const state = useContext(DisclosureStateContext);
+    const [hasBeenExpanded, setHasBeenExpanded] = useState(state?.isExpanded ?? false);
+    if (state?.isExpanded && !hasBeenExpanded) {
+        setHasBeenExpanded(true);
     }
-    return idByUri.get(uri);
-}
+    return hasBeenExpanded ? children : null;
+};
 export const DocumentAccordion = ({ expanded, children }) => {
-    const preExpand = expanded.map((uri) => getIdByUri(uri));
-    return (React.createElement(Accordion, { allowMultipleExpanded: true, allowZeroExpanded: true, preExpanded: preExpand, className: styles.accordion }, children));
+    return (_jsx(DisclosureGroup, { allowsMultipleExpanded: true, defaultExpandedKeys: expanded, className: styles.accordion, children: children }));
 };
 export const DocumentAccordionItem = ({ status, uri, children, }) => {
-    const id = getIdByUri(uri);
-    return (React.createElement(AccordionItem, { uuid: id, className: styles.accordionItem },
-        React.createElement(AccordionItemHeading, null,
-            React.createElement(AccordionItemButton, { className: styles.accordionButton },
-                React.createElement(FontAwesomeIcon, { className: styles.accordionChevron, "aria-hidden": "true", icon: faChevronRight }),
-                React.createElement("span", { className: styles.icon },
-                    React.createElement(StatusIcon, { status: status })),
-                React.createElement("span", null, uri))),
-        React.createElement(AccordionItemPanel, { className: styles.accordionPanel }, children)));
+    return (_jsxs(Disclosure, { id: uri, className: styles.item, children: [_jsx(Heading, { className: styles.heading, children: _jsxs(Button, { slot: "trigger", className: styles.button, children: [_jsx(FontAwesomeIcon, { className: styles.chevron, "aria-hidden": "true", icon: faChevronRight }), _jsx("span", { className: styles.icon, children: _jsx(StatusIcon, { status: status }) }), _jsx("span", { children: uri })] }) }), _jsx(DisclosurePanel, { children: _jsx(LazyContent, { children: _jsx("div", { className: styles.content, children: children }) }) })] }));
 };
 //# sourceMappingURL=DocumentAccordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentAccordion.js","sourceRoot":"","sources":["../../../../src/components/app/DocumentAccordion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EACL,SAAS,EACT,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,MAAM,MAAM,iCAAiC,CAAA;AAEpD,MAAM,OAAO,GAAG,IAAI,GAAG,EAAkB,CAAA;AACzC,SAAS,UAAU,CAAC,GAAW;IAC7B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QACrB,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,CAAA;KAC3B;IACD,OAAO,OAAO,CAAC,GAAG,CAAC,GAAG,CAAW,CAAA;AACnC,CAAC;AAaD,MAAM,CAAC,MAAM,iBAAiB,GAA+B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtF,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAA;IACxD,OAAO,CACL,oBAAC,SAAS,IACR,qBAAqB,EAAE,IAAI,EAC3B,iBAAiB,EAAE,IAAI,EACvB,WAAW,EAAE,SAAS,EACtB,SAAS,EAAE,MAAM,CAAC,SAAS,IAE1B,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAmC,CAAC,EACpE,MAAM,EACN,GAAG,EACH,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,CAAA;IAC1B,OAAO,CACL,oBAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,aAAa;QACtD,oBAAC,oBAAoB;YACnB,oBAAC,mBAAmB,IAAC,SAAS,EAAE,MAAM,CAAC,eAAe;gBACpD,oBAAC,eAAe,IACd,SAAS,EAAE,MAAM,CAAC,gBAAgB,iBACtB,MAAM,EAClB,IAAI,EAAE,cAAc,GACpB;gBACF,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI;oBAC1B,oBAAC,UAAU,IAAC,MAAM,EAAE,MAAM,GAAI,CACzB;gBACP,kCAAO,GAAG,CAAQ,CACE,CACD;QACvB,oBAAC,kBAAkB,IAAC,SAAS,EAAE,MAAM,CAAC,cAAc,IAAG,QAAQ,CAAsB,CACvE,CACjB,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { TestStepResultStatus } from '@cucumber/messages'\nimport { faChevronRight } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport React, { FC, ReactNode } from 'react'\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionItemButton,\n  AccordionItemHeading,\n  AccordionItemPanel,\n} from 'react-accessible-accordion'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { StatusIcon } from '../gherkin/index.js'\nimport styles from './DocumentAccordion.module.scss'\n\nconst idByUri = new Map<string, string>()\nfunction getIdByUri(uri: string): string {\n  if (!idByUri.has(uri)) {\n    idByUri.set(uri, uuidv4())\n  }\n  return idByUri.get(uri) as string\n}\n\ninterface DocumentAccordionProps {\n  expanded: ReadonlyArray<string>\n  children: ReactNode\n}\n\ninterface DocumentAccordionItemProps {\n  status: TestStepResultStatus\n  uri: string\n  children: ReactNode\n}\n\nexport const DocumentAccordion: FC<DocumentAccordionProps> = ({ expanded, children }) => {\n  const preExpand = expanded.map((uri) => getIdByUri(uri))\n  return (\n    <Accordion\n      allowMultipleExpanded={true}\n      allowZeroExpanded={true}\n      preExpanded={preExpand}\n      className={styles.accordion}\n    >\n      {children}\n    </Accordion>\n  )\n}\n\nexport const DocumentAccordionItem: FC<DocumentAccordionItemProps> = ({\n  status,\n  uri,\n  children,\n}) => {\n  const id = getIdByUri(uri)\n  return (\n    <AccordionItem uuid={id} className={styles.accordionItem}>\n      <AccordionItemHeading>\n        <AccordionItemButton className={styles.accordionButton}>\n          <FontAwesomeIcon\n            className={styles.accordionChevron}\n            aria-hidden=\"true\"\n            icon={faChevronRight}\n          />\n          <span className={styles.icon}>\n            <StatusIcon status={status} />\n          </span>\n          <span>{uri}</span>\n        </AccordionItemButton>\n      </AccordionItemHeading>\n      <AccordionItemPanel className={styles.accordionPanel}>{children}</AccordionItemPanel>\n    </AccordionItem>\n  )\n}\n"]}
+{"version":3,"file":"DocumentAccordion.js","sourceRoot":"","sources":["../../../../src/components/app/DocumentAccordion.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAA8C,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxF,OAAO,EACL,MAAM,EACN,UAAU,EACV,eAAe,EACf,eAAe,EACf,sBAAsB,EACtB,OAAO,GACR,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,MAAM,MAAM,iCAAiC,CAAA;AAapD,MAAM,WAAW,GAAmC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,MAAM,KAAK,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAA;IAChD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,EAAE,UAAU,IAAI,KAAK,CAAC,CAAA;IAElF,IAAI,KAAK,EAAE,UAAU,IAAI,CAAC,eAAe,EAAE,CAAC;QAC1C,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC;IAED,OAAO,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AAC1C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAA+B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtF,OAAO,CACL,KAAC,eAAe,IACd,sBAAsB,QACtB,mBAAmB,EAAE,QAAQ,EAC7B,SAAS,EAAE,MAAM,CAAC,SAAS,YAE1B,QAAQ,GACO,CACnB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAmC,CAAC,EACpE,MAAM,EACN,GAAG,EACH,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,UAAU,IAAC,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,aACzC,KAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,OAAO,YAChC,MAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,aAC7C,KAAC,eAAe,IAAC,SAAS,EAAE,MAAM,CAAC,OAAO,iBAAc,MAAM,EAAC,IAAI,EAAE,cAAc,GAAI,EACvF,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAC1B,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,GAAI,GACzB,EACP,yBAAO,GAAG,GAAQ,IACX,GACD,EACV,KAAC,eAAe,cACd,KAAC,WAAW,cACV,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,QAAQ,GAAO,GACpC,GACE,IACP,CACd,CAAA;AACH,CAAC,CAAA","sourcesContent":["import type { TestStepResultStatus } from '@cucumber/messages'\nimport { faChevronRight } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { type FC, type ReactElement, type ReactNode, useContext, useState } from 'react'\nimport {\n  Button,\n  Disclosure,\n  DisclosureGroup,\n  DisclosurePanel,\n  DisclosureStateContext,\n  Heading,\n} from 'react-aria-components'\n\nimport { StatusIcon } from '../gherkin/index.js'\nimport styles from './DocumentAccordion.module.scss'\n\ninterface DocumentAccordionProps {\n  expanded: Iterable<string>\n  children: ReactNode\n}\n\ninterface DocumentAccordionItemProps {\n  status: TestStepResultStatus\n  uri: string\n  children: ReactNode\n}\n\nconst LazyContent: FC<{ children: ReactElement }> = ({ children }) => {\n  const state = useContext(DisclosureStateContext)\n  const [hasBeenExpanded, setHasBeenExpanded] = useState(state?.isExpanded ?? false)\n\n  if (state?.isExpanded && !hasBeenExpanded) {\n    setHasBeenExpanded(true)\n  }\n\n  return hasBeenExpanded ? children : null\n}\n\nexport const DocumentAccordion: FC<DocumentAccordionProps> = ({ expanded, children }) => {\n  return (\n    <DisclosureGroup\n      allowsMultipleExpanded\n      defaultExpandedKeys={expanded}\n      className={styles.accordion}\n    >\n      {children}\n    </DisclosureGroup>\n  )\n}\n\nexport const DocumentAccordionItem: FC<DocumentAccordionItemProps> = ({\n  status,\n  uri,\n  children,\n}) => {\n  return (\n    <Disclosure id={uri} className={styles.item}>\n      <Heading className={styles.heading}>\n        <Button slot=\"trigger\" className={styles.button}>\n          <FontAwesomeIcon className={styles.chevron} aria-hidden=\"true\" icon={faChevronRight} />\n          <span className={styles.icon}>\n            <StatusIcon status={status} />\n          </span>\n          <span>{uri}</span>\n        </Button>\n      </Heading>\n      <DisclosurePanel>\n        <LazyContent>\n          <div className={styles.content}>{children}</div>\n        </LazyContent>\n      </DisclosurePanel>\n    </Disclosure>\n  )\n}\n"]}

package/dist/src/components/app/DocumentAccordion.module.scss

@@ -11,12 +11,20 @@
   border-radius: 2px;
 }
 
-.accordionItem + .accordionItem {
+.item + .item {
   border-top: 1px solid theming.$panelAccentColor;
 }
 
-.accordionButton {
+.heading {
+  font-size: inherit;
+  padding: 0;
+  margin: 0;
+}
+
+.button {
   box-sizing: border-box;
+  font-family: inherit;
+  font-size: inherit;
   width: 100%;
   padding: 0.75em 1em;
   border: none;
@@ -25,21 +33,21 @@
   cursor: pointer;
   text-align: left;
 
-  &:hover {
+  &:hover,
+  &:focus {
     background-color: theming.$panelAccentColor;
   }
 }
 
-.accordionChevron {
+.chevron {
   transform-origin: center center;
   transition: transform 0.2s linear;
 
-  .accordionButton[aria-expanded='true'] &,
-  .accordionButton[aria-selected='true'] & {
+  .button[aria-expanded='true'] & {
     transform: rotate(90deg);
   }
 }
 
-.accordionPanel {
+.content {
   padding: 1.25em;
 }

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

@@ -1,5 +1,5 @@
-import { Envelope } from '@cucumber/messages';
-import { FC, PropsWithChildren } from 'react';
+import type { Envelope } from '@cucumber/messages';
+import { type FC, type PropsWithChildren } from 'react';
 interface Props {
     envelopes: readonly Envelope[];
 }

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

@@ -1 +1 @@
-{"version":3,"file":"EnvelopesProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/app/EnvelopesProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAI7D,UAAU,KAAK;IACb,SAAS,EAAE,SAAS,QAAQ,EAAE,CAAA;CAC/B;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAe1D,CAAA"}
+{"version":3,"file":"EnvelopesProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/app/EnvelopesProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAElD,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAIhE,UAAU,KAAK;IACb,SAAS,EAAE,SAAS,QAAQ,EAAE,CAAA;CAC/B;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAe1D,CAAA"}

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

@@ -1,6 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Query as GherkinQuery } from '@cucumber/gherkin-utils';
 import { Query as CucumberQuery } from '@cucumber/query';
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { QueriesProvider } from './QueriesProvider.js';
 export const EnvelopesProvider = ({ envelopes, children }) => {
     const { gherkinQuery, cucumberQuery } = useMemo(() => {
@@ -12,6 +13,6 @@ export const EnvelopesProvider = ({ envelopes, children }) => {
         }
         return { gherkinQuery, cucumberQuery };
     }, [envelopes]);
-    return (React.createElement(QueriesProvider, { gherkinQuery: gherkinQuery, cucumberQuery: cucumberQuery }, children));
+    return (_jsx(QueriesProvider, { gherkinQuery: gherkinQuery, cucumberQuery: cucumberQuery, children: children }));
 };
 //# sourceMappingURL=EnvelopesProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EnvelopesProvider.js","sourceRoot":"","sources":["../../../../src/components/app/EnvelopesProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAE/D,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,KAAK,EAAE,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAA;AAE7D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAMtD,MAAM,CAAC,MAAM,iBAAiB,GAAiC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACnD,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAA;QACvC,MAAM,aAAa,GAAG,IAAI,aAAa,EAAE,CAAA;QACzC,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE;YAChC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;YAC7B,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;SAC/B;QACD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAA;IACxC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IACf,OAAO,CACL,oBAAC,eAAe,IAAC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,IACtE,QAAQ,CACO,CACnB,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { Query as GherkinQuery } from '@cucumber/gherkin-utils'\nimport { Envelope } from '@cucumber/messages'\nimport { Query as CucumberQuery } from '@cucumber/query'\nimport React, { FC, PropsWithChildren, useMemo } from 'react'\n\nimport { QueriesProvider } from './QueriesProvider.js'\n\ninterface Props {\n  envelopes: readonly Envelope[]\n}\n\nexport const EnvelopesProvider: FC<PropsWithChildren<Props>> = ({ envelopes, children }) => {\n  const { gherkinQuery, cucumberQuery } = useMemo(() => {\n    const gherkinQuery = new GherkinQuery()\n    const cucumberQuery = new CucumberQuery()\n    for (const envelope of envelopes) {\n      gherkinQuery.update(envelope)\n      cucumberQuery.update(envelope)\n    }\n    return { gherkinQuery, cucumberQuery }\n  }, [envelopes])\n  return (\n    <QueriesProvider gherkinQuery={gherkinQuery} cucumberQuery={cucumberQuery}>\n      {children}\n    </QueriesProvider>\n  )\n}\n"]}
+{"version":3,"file":"EnvelopesProvider.js","sourceRoot":"","sources":["../../../../src/components/app/EnvelopesProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAE/D,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAmC,OAAO,EAAE,MAAM,OAAO,CAAA;AAEhE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAMtD,MAAM,CAAC,MAAM,iBAAiB,GAAiC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACnD,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAA;QACvC,MAAM,aAAa,GAAG,IAAI,aAAa,EAAE,CAAA;QACzC,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE,CAAC;YACjC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;YAC7B,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QAChC,CAAC;QACD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAA;IACxC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IACf,OAAO,CACL,KAAC,eAAe,IAAC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,YACtE,QAAQ,GACO,CACnB,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { Query as GherkinQuery } from '@cucumber/gherkin-utils'\nimport type { Envelope } from '@cucumber/messages'\nimport { Query as CucumberQuery } from '@cucumber/query'\nimport { type FC, type PropsWithChildren, useMemo } from 'react'\n\nimport { QueriesProvider } from './QueriesProvider.js'\n\ninterface Props {\n  envelopes: readonly Envelope[]\n}\n\nexport const EnvelopesProvider: FC<PropsWithChildren<Props>> = ({ envelopes, children }) => {\n  const { gherkinQuery, cucumberQuery } = useMemo(() => {\n    const gherkinQuery = new GherkinQuery()\n    const cucumberQuery = new CucumberQuery()\n    for (const envelope of envelopes) {\n      gherkinQuery.update(envelope)\n      cucumberQuery.update(envelope)\n    }\n    return { gherkinQuery, cucumberQuery }\n  }, [envelopes])\n  return (\n    <QueriesProvider gherkinQuery={gherkinQuery} cucumberQuery={cucumberQuery}>\n      {children}\n    </QueriesProvider>\n  )\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ExecutionSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/app/ExecutionSummary.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAmBjC,eAAO,MAAM,gBAAgB,EAAE,EAmG9B,CAAA"}
+{"version":3,"file":"ExecutionSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/app/ExecutionSummary.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAmB/B,eAAO,MAAM,gBAAgB,EAAE,EAmG9B,CAAA"}