@cucumber/react-components 24.1.2 → 24.3.0

package/dist/src/components/gherkin/attachment/useText.js.map

@@ -1 +1 @@
-{"version":3,"file":"useText.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/useText.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,UAAU,OAAO,CAAC,UAAsB;IAC5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CACpC,UAAU,CAAC,eAAe,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAC1F,CAAA;IACD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAkB,CAAA;IACpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,CAAC,GAAG,EAAE;YAClB,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC;iBAClB,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACjB,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE;oBAC3B,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAA;iBAC/D;gBACD,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAA;YACzD,CAAC,CAAC;iBACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;iBACzB,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;SACpC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAChB,OAAO;QACL,KAAK,EAAE,UAAU,CAAC,QAAQ,IAAI,iBAAiB,GAAG,UAAU,CAAC,SAAS,GAAG,GAAG;QAC5E,OAAO;QACP,OAAO;QACP,KAAK;KACN,CAAA;AACH,CAAC","sourcesContent":["import { Attachment } from '@cucumber/messages'\nimport { useEffect, useState } from 'react'\n\nimport { base64Decode } from './base64Decode.js'\n\nexport function useText(attachment: Attachment) {\n  const [loading, setLoading] = useState(false)\n  const [content, setContent] = useState(\n    attachment.contentEncoding === 'BASE64' ? base64Decode(attachment.body) : attachment.body\n  )\n  const [error, setError] = useState<Error | string>()\n  useEffect(() => {\n    if (attachment.url) {\n      setLoading(true)\n      fetch(attachment.url)\n        .then((response) => {\n          if (response.status !== 200) {\n            throw new Error('HTTP error when fetching attachment content')\n          }\n          return response.text().then((text) => setContent(text))\n        })\n        .catch((e) => setError(e))\n        .finally(() => setLoading(false))\n    }\n  }, [attachment])\n  return {\n    title: attachment.fileName ?? 'Attached Text (' + attachment.mediaType + ')',\n    loading,\n    content,\n    error,\n  }\n}\n"]}
+{"version":3,"file":"useText.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/useText.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEpD,MAAM,UAAU,OAAO,CAAC,UAAsB;IAC5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CACpC,UAAU,CAAC,eAAe,KAAK,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAC9F,CAAA;IACD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAkB,CAAA;IACpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,CAAC,GAAG,EAAE,CAAC;YACnB,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC;iBAClB,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACjB,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;oBAC5B,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAA;gBAChE,CAAC;gBACD,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAA;YACzD,CAAC,CAAC;iBACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;iBACzB,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;QACrC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAChB,OAAO;QACL,KAAK,EAAE,UAAU,CAAC,QAAQ,IAAI,kBAAkB,UAAU,CAAC,SAAS,GAAG;QACvE,OAAO;QACP,OAAO;QACP,KAAK;KACN,CAAA;AACH,CAAC","sourcesContent":["import type { Attachment } from '@cucumber/messages'\nimport { useEffect, useState } from 'react'\n\nimport { base64DecodeText } from './base64Decode.js'\n\nexport function useText(attachment: Attachment) {\n  const [loading, setLoading] = useState(false)\n  const [content, setContent] = useState(\n    attachment.contentEncoding === 'BASE64' ? base64DecodeText(attachment.body) : attachment.body\n  )\n  const [error, setError] = useState<Error | string>()\n  useEffect(() => {\n    if (attachment.url) {\n      setLoading(true)\n      fetch(attachment.url)\n        .then((response) => {\n          if (response.status !== 200) {\n            throw new Error('HTTP error when fetching attachment content')\n          }\n          return response.text().then((text) => setContent(text))\n        })\n        .catch((e) => setError(e))\n        .finally(() => setLoading(false))\n    }\n  }, [attachment])\n  return {\n    title: attachment.fileName ?? `Attached Text (${attachment.mediaType})`,\n    loading,\n    content,\n    error,\n  }\n}\n"]}

package/dist/src/components/gherkin/composeHookStepTitle.d.ts

@@ -1,3 +1,3 @@
-import { Hook } from '@cucumber/messages';
+import { type Hook } from '@cucumber/messages';
 export declare function composeHookStepTitle(hook?: Hook): string;
 //# sourceMappingURL=composeHookStepTitle.d.ts.map

package/dist/src/components/gherkin/composeHookStepTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"composeHookStepTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/composeHookStepTitle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAY,MAAM,oBAAoB,CAAA;AAWnD,wBAAgB,oBAAoB,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAcxD"}
+{"version":3,"file":"composeHookStepTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/composeHookStepTitle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAY,MAAM,oBAAoB,CAAA;AAWxD,wBAAgB,oBAAoB,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAcxD"}

package/dist/src/components/gherkin/composeHookStepTitle.js

@@ -16,7 +16,7 @@ export function composeHookStepTitle(hook) {
         result += 'Hook';
     }
     if (hook?.name) {
-        result += ': ' + hook.name;
+        result += `: ${hook.name}`;
     }
     return result;
 }

package/dist/src/components/gherkin/composeHookStepTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"composeHookStepTitle.js","sourceRoot":"","sources":["../../../../src/components/gherkin/composeHookStepTitle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAEnD,MAAM,MAAM,GAA6B;IACvC,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,WAAW;IACvC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,QAAQ;IACrC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,YAAY;IACzC,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,WAAW;IACvC,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO;IACnC,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,UAAU;CACtC,CAAA;AAED,MAAM,UAAU,oBAAoB,CAAC,IAAW;IAC9C,IAAI,MAAM,GAAG,EAAE,CAAA;IAEf,IAAI,IAAI,EAAE,IAAI,EAAE;QACd,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;SAAM;QACL,MAAM,IAAI,MAAM,CAAA;KACjB;IAED,IAAI,IAAI,EAAE,IAAI,EAAE;QACd,MAAM,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;KAC3B;IAED,OAAO,MAAM,CAAA;AACf,CAAC","sourcesContent":["import { Hook, HookType } from '@cucumber/messages'\n\nconst labels: Record<HookType, string> = {\n  [HookType.BEFORE_TEST_RUN]: 'BeforeAll',\n  [HookType.BEFORE_TEST_CASE]: 'Before',\n  [HookType.BEFORE_TEST_STEP]: 'BeforeStep',\n  [HookType.AFTER_TEST_STEP]: 'AfterStep',\n  [HookType.AFTER_TEST_CASE]: 'After',\n  [HookType.AFTER_TEST_RUN]: 'AfterAll',\n}\n\nexport function composeHookStepTitle(hook?: Hook): string {\n  let result = ''\n\n  if (hook?.type) {\n    result = labels[hook.type]\n  } else {\n    result += 'Hook'\n  }\n\n  if (hook?.name) {\n    result += ': ' + hook.name\n  }\n\n  return result\n}\n"]}
+{"version":3,"file":"composeHookStepTitle.js","sourceRoot":"","sources":["../../../../src/components/gherkin/composeHookStepTitle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAExD,MAAM,MAAM,GAA6B;IACvC,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,WAAW;IACvC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,QAAQ;IACrC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,YAAY;IACzC,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,WAAW;IACvC,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO;IACnC,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,UAAU;CACtC,CAAA;AAED,MAAM,UAAU,oBAAoB,CAAC,IAAW;IAC9C,IAAI,MAAM,GAAG,EAAE,CAAA;IAEf,IAAI,IAAI,EAAE,IAAI,EAAE,CAAC;QACf,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC5B,CAAC;SAAM,CAAC;QACN,MAAM,IAAI,MAAM,CAAA;IAClB,CAAC;IAED,IAAI,IAAI,EAAE,IAAI,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAA;IAC5B,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC","sourcesContent":["import { type Hook, HookType } from '@cucumber/messages'\n\nconst labels: Record<HookType, string> = {\n  [HookType.BEFORE_TEST_RUN]: 'BeforeAll',\n  [HookType.BEFORE_TEST_CASE]: 'Before',\n  [HookType.BEFORE_TEST_STEP]: 'BeforeStep',\n  [HookType.AFTER_TEST_STEP]: 'AfterStep',\n  [HookType.AFTER_TEST_CASE]: 'After',\n  [HookType.AFTER_TEST_RUN]: 'AfterAll',\n}\n\nexport function composeHookStepTitle(hook?: Hook): string {\n  let result = ''\n\n  if (hook?.type) {\n    result = labels[hook.type]\n  } else {\n    result += 'Hook'\n  }\n\n  if (hook?.name) {\n    result += `: ${hook.name}`\n  }\n\n  return result\n}\n"]}

package/dist/src/components/gherkin/composePickleStepTitle.d.ts

@@ -1,4 +1,4 @@
-import { StepMatchArgumentsList } from '@cucumber/messages';
+import type { StepMatchArgumentsList } from '@cucumber/messages';
 interface TitleFragment {
     value: string;
     parameterTypeName?: string;

package/dist/src/components/gherkin/composePickleStepTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"composePickleStepTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/composePickleStepTitle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AAE3D,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,uBAAuB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,GAC9D,aAAa,CAAC,aAAa,CAAC,CAkC9B"}
+{"version":3,"file":"composePickleStepTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/composePickleStepTitle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AAEhE,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,uBAAuB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,GAC9D,aAAa,CAAC,aAAa,CAAC,CAkC9B"}

package/dist/src/components/gherkin/composePickleStepTitle.js

@@ -4,7 +4,7 @@ export function composePickleStepTitle(text, stepMatchArgumentsLists) {
         let offset = 0;
         let plain;
         const fragments = [];
-        stepMatchArguments.forEach((argument) => {
+        for (const argument of stepMatchArguments) {
             plain = text.slice(offset, argument.group.start);
             if (plain.length > 0) {
                 fragments.push({ value: plain });
@@ -19,7 +19,7 @@ export function composePickleStepTitle(text, stepMatchArgumentsLists) {
                 }
                 offset += plain.length + arg.length;
             }
-        });
+        }
         plain = text.slice(offset);
         if (plain.length > 0) {
             fragments.push({ value: plain });

package/dist/src/components/gherkin/composePickleStepTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"composePickleStepTitle.js","sourceRoot":"","sources":["../../../../src/components/gherkin/composePickleStepTitle.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,sBAAsB,CACpC,IAAY,EACZ,uBAA+D;IAE/D,IAAI,uBAAuB,EAAE,MAAM,KAAK,CAAC,EAAE;QACzC,MAAM,kBAAkB,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAA;QACxE,IAAI,MAAM,GAAG,CAAC,CAAA;QACd,IAAI,KAAa,CAAA;QACjB,MAAM,SAAS,GAAoB,EAAE,CAAA;QACrC,kBAAkB,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YACtC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;YAChD,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBACpB,SAAS,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;aACjC;YACD,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAA;YAChC,IAAI,GAAG,EAAE;gBACP,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE;oBAClB,SAAS,CAAC,IAAI,CAAC;wBACb,KAAK,EAAE,GAAG;wBACV,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB,IAAI,WAAW;qBAC7D,CAAC,CAAA;iBACH;gBACD,MAAM,IAAI,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,CAAA;aACpC;QACH,CAAC,CAAC,CAAA;QACF,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QAC1B,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACpB,SAAS,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;SACjC;QACD,OAAO,SAAS,CAAA;KACjB;IACD,iDAAiD;IACjD,OAAO;QACL;YACE,KAAK,EAAE,IAAI;SACZ;KACF,CAAA;AACH,CAAC","sourcesContent":["import { StepMatchArgumentsList } from '@cucumber/messages'\n\ninterface TitleFragment {\n  value: string\n  parameterTypeName?: string\n}\n\nexport function composePickleStepTitle(\n  text: string,\n  stepMatchArgumentsLists?: ReadonlyArray<StepMatchArgumentsList>\n): ReadonlyArray<TitleFragment> {\n  if (stepMatchArgumentsLists?.length === 1) {\n    const stepMatchArguments = stepMatchArgumentsLists[0].stepMatchArguments\n    let offset = 0\n    let plain: string\n    const fragments: TitleFragment[] = []\n    stepMatchArguments.forEach((argument) => {\n      plain = text.slice(offset, argument.group.start)\n      if (plain.length > 0) {\n        fragments.push({ value: plain })\n      }\n      const arg = argument.group.value\n      if (arg) {\n        if (arg.length > 0) {\n          fragments.push({\n            value: arg,\n            parameterTypeName: argument.parameterTypeName || 'anonymous',\n          })\n        }\n        offset += plain.length + arg.length\n      }\n    })\n    plain = text.slice(offset)\n    if (plain.length > 0) {\n      fragments.push({ value: plain })\n    }\n    return fragments\n  }\n  // no argument matching, just a single text value\n  return [\n    {\n      value: text,\n    },\n  ]\n}\n"]}
+{"version":3,"file":"composePickleStepTitle.js","sourceRoot":"","sources":["../../../../src/components/gherkin/composePickleStepTitle.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,sBAAsB,CACpC,IAAY,EACZ,uBAA+D;IAE/D,IAAI,uBAAuB,EAAE,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1C,MAAM,kBAAkB,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAA;QACxE,IAAI,MAAM,GAAG,CAAC,CAAA;QACd,IAAI,KAAa,CAAA;QACjB,MAAM,SAAS,GAAoB,EAAE,CAAA;QACrC,KAAK,MAAM,QAAQ,IAAI,kBAAkB,EAAE,CAAC;YAC1C,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;YAChD,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACrB,SAAS,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;YAClC,CAAC;YACD,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAA;YAChC,IAAI,GAAG,EAAE,CAAC;gBACR,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACnB,SAAS,CAAC,IAAI,CAAC;wBACb,KAAK,EAAE,GAAG;wBACV,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB,IAAI,WAAW;qBAC7D,CAAC,CAAA;gBACJ,CAAC;gBACD,MAAM,IAAI,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,CAAA;YACrC,CAAC;QACH,CAAC;QACD,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QAC1B,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrB,SAAS,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;QAClC,CAAC;QACD,OAAO,SAAS,CAAA;IAClB,CAAC;IACD,iDAAiD;IACjD,OAAO;QACL;YACE,KAAK,EAAE,IAAI;SACZ;KACF,CAAA;AACH,CAAC","sourcesContent":["import type { StepMatchArgumentsList } from '@cucumber/messages'\n\ninterface TitleFragment {\n  value: string\n  parameterTypeName?: string\n}\n\nexport function composePickleStepTitle(\n  text: string,\n  stepMatchArgumentsLists?: ReadonlyArray<StepMatchArgumentsList>\n): ReadonlyArray<TitleFragment> {\n  if (stepMatchArgumentsLists?.length === 1) {\n    const stepMatchArguments = stepMatchArgumentsLists[0].stepMatchArguments\n    let offset = 0\n    let plain: string\n    const fragments: TitleFragment[] = []\n    for (const argument of stepMatchArguments) {\n      plain = text.slice(offset, argument.group.start)\n      if (plain.length > 0) {\n        fragments.push({ value: plain })\n      }\n      const arg = argument.group.value\n      if (arg) {\n        if (arg.length > 0) {\n          fragments.push({\n            value: arg,\n            parameterTypeName: argument.parameterTypeName || 'anonymous',\n          })\n        }\n        offset += plain.length + arg.length\n      }\n    }\n    plain = text.slice(offset)\n    if (plain.length > 0) {\n      fragments.push({ value: plain })\n    }\n    return fragments\n  }\n  // no argument matching, just a single text value\n  return [\n    {\n      value: text,\n    },\n  ]\n}\n"]}

package/dist/src/components/gherkin/statusName.d.ts

@@ -1,4 +1,4 @@
-import * as messages from '@cucumber/messages';
-declare const _default: (status: messages.TestStepResultStatus) => string;
+import type { TestStepResultStatus } from '@cucumber/messages';
+declare const _default: (status: TestStepResultStatus) => string;
 export default _default;
 //# sourceMappingURL=statusName.d.ts.map

package/dist/src/components/gherkin/statusName.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"statusName.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/statusName.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;iCAEtB,SAAS,oBAAoB,KAAG,MAAM;AAA9D,wBAEC"}
+{"version":3,"file":"statusName.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/statusName.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;yBAE9C,QAAQ,oBAAoB,KAAG,MAAM;AAArD,wBAEC"}

package/dist/src/components/gherkin/statusName.js.map

@@ -1 +1 @@
-{"version":3,"file":"statusName.js","sourceRoot":"","sources":["../../../../src/components/gherkin/statusName.ts"],"names":[],"mappings":"AAEA,eAAe,CAAC,MAAqC,EAAU,EAAE;IAC/D,OAAO,MAAM,CAAC,WAAW,EAAE,CAAA;AAC7B,CAAC,CAAA","sourcesContent":["import * as messages from '@cucumber/messages'\n\nexport default (status: messages.TestStepResultStatus): string => {\n  return status.toLowerCase()\n}\n"]}
+{"version":3,"file":"statusName.js","sourceRoot":"","sources":["../../../../src/components/gherkin/statusName.ts"],"names":[],"mappings":"AAEA,eAAe,CAAC,MAA4B,EAAU,EAAE;IACtD,OAAO,MAAM,CAAC,WAAW,EAAE,CAAA;AAC7B,CAAC,CAAA","sourcesContent":["import type { TestStepResultStatus } from '@cucumber/messages'\n\nexport default (status: TestStepResultStatus): string => {\n  return status.toLowerCase()\n}\n"]}

package/dist/src/components/results/AmbiguousResult.d.ts

@@ -0,0 +1,8 @@
+import type { TestStep } from '@cucumber/messages';
+import type { FC } from 'react';
+interface Props {
+    testStep: TestStep;
+}
+export declare const AmbiguousResult: FC<Props>;
+export {};
+//# sourceMappingURL=AmbiguousResult.d.ts.map

package/dist/src/components/results/AmbiguousResult.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmbiguousResult.d.ts","sourceRoot":"","sources":["../../../../src/components/results/AmbiguousResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAO/B,UAAU,KAAK;IACb,QAAQ,EAAE,QAAQ,CAAA;CACnB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CAgBrC,CAAA"}

package/dist/src/components/results/AmbiguousResult.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useQueries } from '../../hooks/index.js';
+import styles from './AmbiguousResult.module.scss';
+import { ResultNote } from './ResultNote.js';
+import { SourceReference } from './SourceReference.js';
+export const AmbiguousResult = ({ testStep }) => {
+    const { cucumberQuery } = useQueries();
+    const stepDefinitions = cucumberQuery.findStepDefinitionsBy(testStep);
+    return (_jsxs(_Fragment, { children: [_jsx(ResultNote, { children: "Multiple matching step definitions found:" }), _jsx("ul", { className: styles.definitions, children: stepDefinitions.map((stepDefinition) => (_jsxs("li", { className: styles.definition, children: [_jsx("code", { className: styles.pattern, children: stepDefinition.pattern.source }), _jsx(SourceReference, { sourceReference: stepDefinition.sourceReference })] }, stepDefinition.id))) })] }));
+};
+//# sourceMappingURL=AmbiguousResult.js.map

package/dist/src/components/results/AmbiguousResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmbiguousResult.js","sourceRoot":"","sources":["../../../../src/components/results/AmbiguousResult.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,MAAM,MAAM,+BAA+B,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAMtD,MAAM,CAAC,MAAM,eAAe,GAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAA;IACtC,MAAM,eAAe,GAAG,aAAa,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAA;IACrE,OAAO,CACL,8BACE,KAAC,UAAU,4DAAuD,EAClE,aAAI,SAAS,EAAE,MAAM,CAAC,WAAW,YAC9B,eAAe,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,CACvC,cAA4B,SAAS,EAAE,MAAM,CAAC,UAAU,aACtD,eAAM,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,cAAc,CAAC,OAAO,CAAC,MAAM,GAAQ,EACvE,KAAC,eAAe,IAAC,eAAe,EAAE,cAAc,CAAC,eAAe,GAAI,KAF7D,cAAc,CAAC,EAAE,CAGrB,CACN,CAAC,GACC,IACJ,CACJ,CAAA;AACH,CAAC,CAAA","sourcesContent":["import type { TestStep } from '@cucumber/messages'\nimport type { FC } from 'react'\n\nimport { useQueries } from '../../hooks/index.js'\nimport styles from './AmbiguousResult.module.scss'\nimport { ResultNote } from './ResultNote.js'\nimport { SourceReference } from './SourceReference.js'\n\ninterface Props {\n  testStep: TestStep\n}\n\nexport const AmbiguousResult: FC<Props> = ({ testStep }) => {\n  const { cucumberQuery } = useQueries()\n  const stepDefinitions = cucumberQuery.findStepDefinitionsBy(testStep)\n  return (\n    <>\n      <ResultNote>Multiple matching step definitions found:</ResultNote>\n      <ul className={styles.definitions}>\n        {stepDefinitions.map((stepDefinition) => (\n          <li key={stepDefinition.id} className={styles.definition}>\n            <code className={styles.pattern}>{stepDefinition.pattern.source}</code>\n            <SourceReference sourceReference={stepDefinition.sourceReference} />\n          </li>\n        ))}\n      </ul>\n    </>\n  )\n}\n"]}

package/dist/src/components/results/AmbiguousResult.module.scss

@@ -0,0 +1,22 @@
+@use '../../styles/theming';
+
+.definitions {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+
+  > * + * {
+    margin-top: 0.25em;
+  }
+}
+
+.definition {
+  > * + * {
+    margin-left: 0.5em;
+  }
+}
+
+.pattern {
+  color: theming.$parameterColor;
+  font-size: inherit;
+}

package/dist/src/components/results/FailedResult.d.ts

@@ -0,0 +1,8 @@
+import type { TestStepResult } from '@cucumber/messages';
+import type { FC } from 'react';
+interface Props {
+    result: TestStepResult;
+}
+export declare const FailedResult: FC<Props>;
+export {};
+//# sourceMappingURL=FailedResult.d.ts.map

package/dist/src/components/results/FailedResult.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FailedResult.d.ts","sourceRoot":"","sources":["../../../../src/components/results/FailedResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/B,UAAU,KAAK;IACb,MAAM,EAAE,cAAc,CAAA;CACvB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CAelC,CAAA"}

package/dist/src/components/results/FailedResult.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ErrorMessage } from '../gherkin/index.js';
+export const FailedResult = ({ result: { exception, message } }) => {
+    if (exception?.stackTrace) {
+        return _jsx(ErrorMessage, { children: exception.stackTrace });
+    }
+    if (exception) {
+        return (_jsxs(ErrorMessage, { children: [_jsx("strong", { children: exception.type }), " ", exception.message] }));
+    }
+    if (message) {
+        return _jsx(ErrorMessage, { children: message });
+    }
+    return null;
+};
+//# sourceMappingURL=FailedResult.js.map

package/dist/src/components/results/FailedResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FailedResult.js","sourceRoot":"","sources":["../../../../src/components/results/FailedResult.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAMlD,MAAM,CAAC,MAAM,YAAY,GAAc,CAAC,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE;IAC5E,IAAI,SAAS,EAAE,UAAU,EAAE,CAAC;QAC1B,OAAO,KAAC,YAAY,cAAE,SAAS,CAAC,UAAU,GAAgB,CAAA;IAC5D,CAAC;IACD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,MAAC,YAAY,eACX,2BAAS,SAAS,CAAC,IAAI,GAAU,OAAE,SAAS,CAAC,OAAO,IACvC,CAChB,CAAA;IACH,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,KAAC,YAAY,cAAE,OAAO,GAAgB,CAAA;IAC/C,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA","sourcesContent":["import type { TestStepResult } from '@cucumber/messages'\nimport type { FC } from 'react'\n\nimport { ErrorMessage } from '../gherkin/index.js'\n\ninterface Props {\n  result: TestStepResult\n}\n\nexport const FailedResult: FC<Props> = ({ result: { exception, message } }) => {\n  if (exception?.stackTrace) {\n    return <ErrorMessage>{exception.stackTrace}</ErrorMessage>\n  }\n  if (exception) {\n    return (\n      <ErrorMessage>\n        <strong>{exception.type}</strong> {exception.message}\n      </ErrorMessage>\n    )\n  }\n  if (message) {\n    return <ErrorMessage>{message}</ErrorMessage>\n  }\n  return null\n}\n"]}

package/dist/src/components/results/PendingResult.d.ts

@@ -0,0 +1,8 @@
+import type { TestStepResult } from '@cucumber/messages';
+import type { FC } from 'react';
+interface Props {
+    result: TestStepResult;
+}
+export declare const PendingResult: FC<Props>;
+export {};
+//# sourceMappingURL=PendingResult.d.ts.map

package/dist/src/components/results/PendingResult.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PendingResult.d.ts","sourceRoot":"","sources":["../../../../src/components/results/PendingResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/B,UAAU,KAAK;IACb,MAAM,EAAE,cAAc,CAAA;CACvB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CAQnC,CAAA"}

package/dist/src/components/results/PendingResult.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ResultNote } from './ResultNote.js';
+export const PendingResult = ({ result: { exception, message } }) => {
+    if (exception?.message) {
+        return _jsx(ResultNote, { children: exception.message });
+    }
+    if (message) {
+        return _jsx(ResultNote, { children: message });
+    }
+    return null;
+};
+//# sourceMappingURL=PendingResult.js.map

package/dist/src/components/results/PendingResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PendingResult.js","sourceRoot":"","sources":["../../../../src/components/results/PendingResult.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAM5C,MAAM,CAAC,MAAM,aAAa,GAAc,CAAC,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE;IAC7E,IAAI,SAAS,EAAE,OAAO,EAAE,CAAC;QACvB,OAAO,KAAC,UAAU,cAAE,SAAS,CAAC,OAAO,GAAc,CAAA;IACrD,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,KAAC,UAAU,cAAE,OAAO,GAAc,CAAA;IAC3C,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA","sourcesContent":["import type { TestStepResult } from '@cucumber/messages'\nimport type { FC } from 'react'\n\nimport { ResultNote } from './ResultNote.js'\n\ninterface Props {\n  result: TestStepResult\n}\n\nexport const PendingResult: FC<Props> = ({ result: { exception, message } }) => {\n  if (exception?.message) {\n    return <ResultNote>{exception.message}</ResultNote>\n  }\n  if (message) {\n    return <ResultNote>{message}</ResultNote>\n  }\n  return null\n}\n"]}

package/dist/src/components/results/ResultNote.d.ts

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

package/dist/src/components/results/ResultNote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultNote.d.ts","sourceRoot":"","sources":["../../../../src/components/results/ResultNote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIlD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAE5C,CAAA"}

package/dist/src/components/results/ResultNote.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from './ResultNote.module.scss';
+export const ResultNote = ({ children }) => {
+    return _jsx("p", { className: styles.note, children: children });
+};
+//# sourceMappingURL=ResultNote.js.map

package/dist/src/components/results/ResultNote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultNote.js","sourceRoot":"","sources":["../../../../src/components/results/ResultNote.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAE7C,MAAM,CAAC,MAAM,UAAU,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChE,OAAO,YAAG,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,QAAQ,GAAK,CAAA;AAClD,CAAC,CAAA","sourcesContent":["import type { FC, PropsWithChildren } from 'react'\n\nimport styles from './ResultNote.module.scss'\n\nexport const ResultNote: FC<PropsWithChildren> = ({ children }) => {\n  return <p className={styles.note}>{children}</p>\n}\n"]}

package/dist/src/components/results/ResultNote.module.scss

@@ -0,0 +1,6 @@
+.note {
+  padding: 0;
+  margin: 0;
+  font-size: 0.875em;
+  font-style: italic;
+}

package/dist/src/components/results/SkippedResult.d.ts

@@ -0,0 +1,8 @@
+import type { TestStepResult } from '@cucumber/messages';
+import type { FC } from 'react';
+interface Props {
+    result: TestStepResult;
+}
+export declare const SkippedResult: FC<Props>;
+export {};
+//# sourceMappingURL=SkippedResult.d.ts.map

package/dist/src/components/results/SkippedResult.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkippedResult.d.ts","sourceRoot":"","sources":["../../../../src/components/results/SkippedResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/B,UAAU,KAAK;IACb,MAAM,EAAE,cAAc,CAAA;CACvB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CAQnC,CAAA"}

package/dist/src/components/results/SkippedResult.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ResultNote } from './ResultNote.js';
+export const SkippedResult = ({ result: { exception, message } }) => {
+    if (exception?.message) {
+        return _jsx(ResultNote, { children: exception.message });
+    }
+    if (message) {
+        return _jsx(ResultNote, { children: message });
+    }
+    return null;
+};
+//# sourceMappingURL=SkippedResult.js.map

package/dist/src/components/results/SkippedResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkippedResult.js","sourceRoot":"","sources":["../../../../src/components/results/SkippedResult.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAM5C,MAAM,CAAC,MAAM,aAAa,GAAc,CAAC,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE;IAC7E,IAAI,SAAS,EAAE,OAAO,EAAE,CAAC;QACvB,OAAO,KAAC,UAAU,cAAE,SAAS,CAAC,OAAO,GAAc,CAAA;IACrD,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,KAAC,UAAU,cAAE,OAAO,GAAc,CAAA;IAC3C,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA","sourcesContent":["import type { TestStepResult } from '@cucumber/messages'\nimport type { FC } from 'react'\n\nimport { ResultNote } from './ResultNote.js'\n\ninterface Props {\n  result: TestStepResult\n}\n\nexport const SkippedResult: FC<Props> = ({ result: { exception, message } }) => {\n  if (exception?.message) {\n    return <ResultNote>{exception.message}</ResultNote>\n  }\n  if (message) {\n    return <ResultNote>{message}</ResultNote>\n  }\n  return null\n}\n"]}

package/dist/src/components/results/SourceReference.d.ts

@@ -0,0 +1,8 @@
+import type { SourceReference as SourceReferenceMessage } from '@cucumber/messages';
+import type { FC } from 'react';
+interface Props {
+    sourceReference: SourceReferenceMessage;
+}
+export declare const SourceReference: FC<Props>;
+export {};
+//# sourceMappingURL=SourceReference.d.ts.map

package/dist/src/components/results/SourceReference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourceReference.d.ts","sourceRoot":"","sources":["../../../../src/components/results/SourceReference.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,IAAI,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AACnF,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/B,UAAU,KAAK;IACb,eAAe,EAAE,sBAAsB,CAAA;CACxC;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CASrC,CAAA"}

package/dist/src/components/results/SourceReference.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from './SourceReference.module.scss';
+export const SourceReference = ({ sourceReference }) => {
+    if (sourceReference.uri) {
+        let stringified = sourceReference.uri;
+        if (sourceReference.location) {
+            stringified += `:${sourceReference.location.line}`;
+        }
+        return _jsx("code", { className: styles.sourceReference, children: stringified });
+    }
+    return null;
+};
+//# sourceMappingURL=SourceReference.js.map

package/dist/src/components/results/SourceReference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourceReference.js","sourceRoot":"","sources":["../../../../src/components/results/SourceReference.tsx"],"names":[],"mappings":";AAGA,OAAO,MAAM,MAAM,+BAA+B,CAAA;AAMlD,MAAM,CAAC,MAAM,eAAe,GAAc,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE;IAChE,IAAI,eAAe,CAAC,GAAG,EAAE,CAAC;QACxB,IAAI,WAAW,GAAG,eAAe,CAAC,GAAG,CAAA;QACrC,IAAI,eAAe,CAAC,QAAQ,EAAE,CAAC;YAC7B,WAAW,IAAI,IAAI,eAAe,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAA;QACpD,CAAC;QACD,OAAO,eAAM,SAAS,EAAE,MAAM,CAAC,eAAe,YAAG,WAAW,GAAQ,CAAA;IACtE,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA","sourcesContent":["import type { SourceReference as SourceReferenceMessage } from '@cucumber/messages'\nimport type { FC } from 'react'\n\nimport styles from './SourceReference.module.scss'\n\ninterface Props {\n  sourceReference: SourceReferenceMessage\n}\n\nexport const SourceReference: FC<Props> = ({ sourceReference }) => {\n  if (sourceReference.uri) {\n    let stringified = sourceReference.uri\n    if (sourceReference.location) {\n      stringified += `:${sourceReference.location.line}`\n    }\n    return <code className={styles.sourceReference}>{stringified}</code>\n  }\n  return null\n}\n"]}

package/dist/src/components/results/SourceReference.module.scss

@@ -0,0 +1,10 @@
+@use '../../styles/theming';
+
+.sourceReference {
+  background-color: theming.$codeBackgroundColor;
+  color: theming.$codeTextColor;
+  font-size: 0.75em;
+  padding: 0.1em 0.2em;
+  border: 1px solid theming.$panelAccentColor;
+  border-radius: 0.25em;
+}

package/dist/src/components/results/TestCaseOutcome.d.ts

@@ -1,5 +1,5 @@
-import { TestCaseStarted } from '@cucumber/messages';
-import { FC } from 'react';
+import { type TestCaseStarted } from '@cucumber/messages';
+import { type FC } from 'react';
 interface Props {
     testCaseStarted: TestCaseStarted;
 }

package/dist/src/components/results/TestCaseOutcome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TestCaseOutcome.d.ts","sourceRoot":"","sources":["../../../../src/components/results/TestCaseOutcome.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EAIhB,MAAM,oBAAoB,CAAA;AAG3B,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAM3C,UAAU,KAAK;IACb,eAAe,EAAE,eAAe,CAAA;CACjC;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CA2BrC,CAAA"}
+{"version":3,"file":"TestCaseOutcome.d.ts","sourceRoot":"","sources":["../../../../src/components/results/TestCaseOutcome.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EAIrB,MAAM,oBAAoB,CAAA;AAG3B,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAA;AAMzC,UAAU,KAAK;IACb,eAAe,EAAE,eAAe,CAAA;CACjC;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CA2BrC,CAAA"}

package/dist/src/components/results/TestCaseOutcome.js

@@ -1,7 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TestStepResultStatus, } from '@cucumber/messages';
 import { faCirclePlus } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useQueries } from '../../hooks/index.js';
 import styles from './TestCaseOutcome.module.scss';
 import { TestStepOutcome } from './TestStepOutcome.js';
@@ -11,14 +12,9 @@ export const TestCaseOutcome = ({ testCaseStarted }) => {
     const allSteps = cucumberQuery.findTestStepFinishedAndTestStepBy(testCaseStarted);
     const filteredSteps = showAllSteps ? allSteps : filterSteps(allSteps);
     const hiddenSteps = allSteps.length - filteredSteps.length;
-    return (React.createElement("article", { className: styles.container },
-        React.createElement("ol", { className: styles.steps }, filteredSteps.map(([testStepFinished, testStep]) => {
-            return (React.createElement(TestStepOutcome, { key: testStep.id, testStep: testStep, testStepFinished: testStepFinished }));
-        })),
-        hiddenSteps > 0 && (React.createElement("button", { className: styles.expandButton, onClick: () => setShowAllSteps(true) },
-            React.createElement(FontAwesomeIcon, { "aria-hidden": "true", icon: faCirclePlus }),
-            hiddenSteps,
-            " hooks"))));
+    return (_jsxs("article", { className: styles.container, children: [_jsx("ol", { className: styles.steps, children: filteredSteps.map(([testStepFinished, testStep]) => {
+                    return (_jsx(TestStepOutcome, { testStep: testStep, testStepFinished: testStepFinished }, testStep.id));
+                }) }), hiddenSteps > 0 && (_jsxs("button", { type: "button", className: styles.expandButton, onClick: () => setShowAllSteps(true), children: [_jsx(FontAwesomeIcon, { "aria-hidden": "true", icon: faCirclePlus }), hiddenSteps, " hooks"] }))] }));
 };
 function filterSteps(allSteps) {
     const statuses = allSteps.map(([testStepFinished]) => testStepFinished.testStepResult.status);

package/dist/src/components/results/TestCaseOutcome.js.map

@@ -1 +1 @@
-{"version":3,"file":"TestCaseOutcome.js","sourceRoot":"","sources":["../../../../src/components/results/TestCaseOutcome.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,oBAAoB,GACrB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,MAAM,MAAM,+BAA+B,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAMtD,MAAM,CAAC,MAAM,eAAe,GAAc,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE;IAChE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAA;IACtC,MAAM,QAAQ,GAAG,aAAa,CAAC,iCAAiC,CAAC,eAAe,CAAC,CAAA;IACjF,MAAM,aAAa,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;IACrE,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAA;IAC1D,OAAO,CACL,iCAAS,SAAS,EAAE,MAAM,CAAC,SAAS;QAClC,4BAAI,SAAS,EAAE,MAAM,CAAC,KAAK,IACxB,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAAE,EAAE;YAClD,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAA;QACH,CAAC,CAAC,CACC;QACJ,WAAW,GAAG,CAAC,IAAI,CAClB,gCAAQ,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC;YAC1E,oBAAC,eAAe,mBAAa,MAAM,EAAC,IAAI,EAAE,YAAY,GAAI;YACzD,WAAW;qBACL,CACV,CACO,CACX,CAAA;AACH,CAAC,CAAA;AAED,SAAS,WAAW,CAAC,QAAqD;IACxE,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;IAC7F,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE;QAC7D,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACpB,OAAO,IAAI,CAAA;SACZ;QACD,IAAI,gBAAgB,CAAC,cAAc,CAAC,MAAM,KAAK,oBAAoB,CAAC,OAAO,EAAE;YAC3E,MAAM,cAAc,GAAG,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,oBAAoB,CAAC,MAAM,CAAA;YACzE,OAAO,cAAc,KAAK,oBAAoB,CAAC,MAAM,CAAA;SACtD;QACD,OAAO,gBAAgB,CAAC,cAAc,CAAC,MAAM,KAAK,oBAAoB,CAAC,MAAM,CAAA;IAC/E,CAAC,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import {\n  TestCaseStarted,\n  TestStep,\n  TestStepFinished,\n  TestStepResultStatus,\n} from '@cucumber/messages'\nimport { faCirclePlus } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport React, { FC, useState } from 'react'\n\nimport { useQueries } from '../../hooks/index.js'\nimport styles from './TestCaseOutcome.module.scss'\nimport { TestStepOutcome } from './TestStepOutcome.js'\n\ninterface Props {\n  testCaseStarted: TestCaseStarted\n}\n\nexport const TestCaseOutcome: FC<Props> = ({ testCaseStarted }) => {\n  const [showAllSteps, setShowAllSteps] = useState(false)\n  const { cucumberQuery } = useQueries()\n  const allSteps = cucumberQuery.findTestStepFinishedAndTestStepBy(testCaseStarted)\n  const filteredSteps = showAllSteps ? allSteps : filterSteps(allSteps)\n  const hiddenSteps = allSteps.length - filteredSteps.length\n  return (\n    <article className={styles.container}>\n      <ol className={styles.steps}>\n        {filteredSteps.map(([testStepFinished, testStep]) => {\n          return (\n            <TestStepOutcome\n              key={testStep.id}\n              testStep={testStep}\n              testStepFinished={testStepFinished}\n            />\n          )\n        })}\n      </ol>\n      {hiddenSteps > 0 && (\n        <button className={styles.expandButton} onClick={() => setShowAllSteps(true)}>\n          <FontAwesomeIcon aria-hidden=\"true\" icon={faCirclePlus} />\n          {hiddenSteps} hooks\n        </button>\n      )}\n    </article>\n  )\n}\n\nfunction filterSteps(allSteps: ReadonlyArray<[TestStepFinished, TestStep]>) {\n  const statuses = allSteps.map(([testStepFinished]) => testStepFinished.testStepResult.status)\n  return allSteps.filter(([testStepFinished, testStep], index) => {\n    if (!testStep.hookId) {\n      return true\n    }\n    if (testStepFinished.testStepResult.status === TestStepResultStatus.SKIPPED) {\n      const previousStatus = statuses[index - 1] ?? TestStepResultStatus.PASSED\n      return previousStatus === TestStepResultStatus.PASSED\n    }\n    return testStepFinished.testStepResult.status !== TestStepResultStatus.PASSED\n  })\n}\n"]}
+{"version":3,"file":"TestCaseOutcome.js","sourceRoot":"","sources":["../../../../src/components/results/TestCaseOutcome.tsx"],"names":[],"mappings":";AAAA,OAAO,EAIL,oBAAoB,GACrB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAW,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,MAAM,MAAM,+BAA+B,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAMtD,MAAM,CAAC,MAAM,eAAe,GAAc,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE;IAChE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAA;IACtC,MAAM,QAAQ,GAAG,aAAa,CAAC,iCAAiC,CAAC,eAAe,CAAC,CAAA;IACjF,MAAM,aAAa,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;IACrE,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAA;IAC1D,OAAO,CACL,mBAAS,SAAS,EAAE,MAAM,CAAC,SAAS,aAClC,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YACxB,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAAE,EAAE;oBAClD,OAAO,CACL,KAAC,eAAe,IAEd,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,IAF7B,QAAQ,CAAC,EAAE,CAGhB,CACH,CAAA;gBACH,CAAC,CAAC,GACC,EACJ,WAAW,GAAG,CAAC,IAAI,CAClB,kBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,aACxF,KAAC,eAAe,mBAAa,MAAM,EAAC,IAAI,EAAE,YAAY,GAAI,EACzD,WAAW,cACL,CACV,IACO,CACX,CAAA;AACH,CAAC,CAAA;AAED,SAAS,WAAW,CAAC,QAAqD;IACxE,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;IAC7F,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE;QAC7D,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACrB,OAAO,IAAI,CAAA;QACb,CAAC;QACD,IAAI,gBAAgB,CAAC,cAAc,CAAC,MAAM,KAAK,oBAAoB,CAAC,OAAO,EAAE,CAAC;YAC5E,MAAM,cAAc,GAAG,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,oBAAoB,CAAC,MAAM,CAAA;YACzE,OAAO,cAAc,KAAK,oBAAoB,CAAC,MAAM,CAAA;QACvD,CAAC;QACD,OAAO,gBAAgB,CAAC,cAAc,CAAC,MAAM,KAAK,oBAAoB,CAAC,MAAM,CAAA;IAC/E,CAAC,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import {\n  type TestCaseStarted,\n  type TestStep,\n  type TestStepFinished,\n  TestStepResultStatus,\n} from '@cucumber/messages'\nimport { faCirclePlus } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { type FC, useState } from 'react'\n\nimport { useQueries } from '../../hooks/index.js'\nimport styles from './TestCaseOutcome.module.scss'\nimport { TestStepOutcome } from './TestStepOutcome.js'\n\ninterface Props {\n  testCaseStarted: TestCaseStarted\n}\n\nexport const TestCaseOutcome: FC<Props> = ({ testCaseStarted }) => {\n  const [showAllSteps, setShowAllSteps] = useState(false)\n  const { cucumberQuery } = useQueries()\n  const allSteps = cucumberQuery.findTestStepFinishedAndTestStepBy(testCaseStarted)\n  const filteredSteps = showAllSteps ? allSteps : filterSteps(allSteps)\n  const hiddenSteps = allSteps.length - filteredSteps.length\n  return (\n    <article className={styles.container}>\n      <ol className={styles.steps}>\n        {filteredSteps.map(([testStepFinished, testStep]) => {\n          return (\n            <TestStepOutcome\n              key={testStep.id}\n              testStep={testStep}\n              testStepFinished={testStepFinished}\n            />\n          )\n        })}\n      </ol>\n      {hiddenSteps > 0 && (\n        <button type=\"button\" className={styles.expandButton} onClick={() => setShowAllSteps(true)}>\n          <FontAwesomeIcon aria-hidden=\"true\" icon={faCirclePlus} />\n          {hiddenSteps} hooks\n        </button>\n      )}\n    </article>\n  )\n}\n\nfunction filterSteps(allSteps: ReadonlyArray<[TestStepFinished, TestStep]>) {\n  const statuses = allSteps.map(([testStepFinished]) => testStepFinished.testStepResult.status)\n  return allSteps.filter(([testStepFinished, testStep], index) => {\n    if (!testStep.hookId) {\n      return true\n    }\n    if (testStepFinished.testStepResult.status === TestStepResultStatus.SKIPPED) {\n      const previousStatus = statuses[index - 1] ?? TestStepResultStatus.PASSED\n      return previousStatus === TestStepResultStatus.PASSED\n    }\n    return testStepFinished.testStepResult.status !== TestStepResultStatus.PASSED\n  })\n}\n"]}

package/dist/src/components/results/TestRunHookOutcome.d.ts

@@ -1,5 +1,5 @@
-import { Hook, TestRunHookFinished } from '@cucumber/messages';
-import { FC } from 'react';
+import { type Hook, type TestRunHookFinished } from '@cucumber/messages';
+import type { FC } from 'react';
 interface Props {
     hook: Hook;
     testRunHookFinished: TestRunHookFinished;

package/dist/src/components/results/TestRunHookOutcome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TestRunHookOutcome.d.ts","sourceRoot":"","sources":["../../../../src/components/results/TestRunHookOutcome.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAY,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AACxE,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAQjC,UAAU,KAAK;IACb,IAAI,EAAE,IAAI,CAAA;IACV,mBAAmB,EAAE,mBAAmB,CAAA;CACzC;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAoBxC,CAAA"}
+{"version":3,"file":"TestRunHookOutcome.d.ts","sourceRoot":"","sources":["../../../../src/components/results/TestRunHookOutcome.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EAET,KAAK,mBAAmB,EAEzB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAQ/B,UAAU,KAAK;IACb,IAAI,EAAE,IAAI,CAAA;IACV,mBAAmB,EAAE,mBAAmB,CAAA;CACzC;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAsBxC,CAAA"}

package/dist/src/components/results/TestRunHookOutcome.js

@@ -1,20 +1,11 @@
-import { HookType } from '@cucumber/messages';
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { HookType, TestStepResultStatus, } from '@cucumber/messages';
 import { StatusIcon } from '../gherkin/index.js';
+import { FailedResult } from './FailedResult.js';
 import styles from './TestRunHookOutcome.module.scss';
 import { TestStepAttachments } from './TestStepAttachments.js';
 import { TestStepDuration } from './TestStepDuration.js';
-import { TestStepResultDetails } from './TestStepResultDetails.js';
 export const TestRunHookOutcome = ({ hook, testRunHookFinished }) => {
-    return (React.createElement("li", { "data-status": testRunHookFinished.result.status },
-        React.createElement("div", { className: styles.header },
-            React.createElement("div", { className: styles.status },
-                React.createElement(StatusIcon, { status: testRunHookFinished.result.status })),
-            React.createElement("div", { className: styles.title },
-                React.createElement("h3", { className: styles.name }, hook.name ?? (hook.type === HookType.BEFORE_TEST_RUN ? 'BeforeAll' : 'AfterAll')),
-                React.createElement(TestStepDuration, { duration: testRunHookFinished.result.duration }))),
-        React.createElement("div", { className: styles.content },
-            React.createElement(TestStepResultDetails, { ...testRunHookFinished.result }),
-            React.createElement(TestStepAttachments, { testStepOrHookFinished: testRunHookFinished }))));
+    return (_jsxs("li", { "data-status": testRunHookFinished.result.status, children: [_jsxs("div", { className: styles.header, children: [_jsx("div", { className: styles.status, children: _jsx(StatusIcon, { status: testRunHookFinished.result.status }) }), _jsxs("div", { className: styles.title, children: [_jsx("h3", { className: styles.name, children: hook.name ?? (hook.type === HookType.BEFORE_TEST_RUN ? 'BeforeAll' : 'AfterAll') }), _jsx(TestStepDuration, { duration: testRunHookFinished.result.duration })] })] }), _jsxs("div", { className: styles.content, children: [testRunHookFinished.result.status === TestStepResultStatus.FAILED && (_jsx(FailedResult, { result: testRunHookFinished.result })), _jsx(TestStepAttachments, { testStepOrHookFinished: testRunHookFinished })] })] }));
 };
 //# sourceMappingURL=TestRunHookOutcome.js.map

package/dist/src/components/results/TestRunHookOutcome.js.map

@@ -1 +1 @@
-{"version":3,"file":"TestRunHookOutcome.js","sourceRoot":"","sources":["../../../../src/components/results/TestRunHookOutcome.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAuB,MAAM,oBAAoB,CAAA;AACxE,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,MAAM,MAAM,kCAAkC,CAAA;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAOlE,MAAM,CAAC,MAAM,kBAAkB,GAAc,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,EAAE,EAAE;IAC7E,OAAO,CACL,2CAAiB,mBAAmB,CAAC,MAAM,CAAC,MAAM;QAChD,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM;YAC3B,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM;gBAC3B,oBAAC,UAAU,IAAC,MAAM,EAAE,mBAAmB,CAAC,MAAM,CAAC,MAAM,GAAI,CACrD;YACN,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK;gBAC1B,4BAAI,SAAS,EAAE,MAAM,CAAC,IAAI,IACvB,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAC9E;gBACL,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,mBAAmB,CAAC,MAAM,CAAC,QAAQ,GAAI,CAC/D,CACF;QACN,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;YAC5B,oBAAC,qBAAqB,OAAK,mBAAmB,CAAC,MAAM,GAAI;YACzD,oBAAC,mBAAmB,IAAC,sBAAsB,EAAE,mBAAmB,GAAI,CAChE,CACH,CACN,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { Hook, HookType, TestRunHookFinished } from '@cucumber/messages'\nimport React, { FC } from 'react'\n\nimport { StatusIcon } from '../gherkin/index.js'\nimport styles from './TestRunHookOutcome.module.scss'\nimport { TestStepAttachments } from './TestStepAttachments.js'\nimport { TestStepDuration } from './TestStepDuration.js'\nimport { TestStepResultDetails } from './TestStepResultDetails.js'\n\ninterface Props {\n  hook: Hook\n  testRunHookFinished: TestRunHookFinished\n}\n\nexport const TestRunHookOutcome: FC<Props> = ({ hook, testRunHookFinished }) => {\n  return (\n    <li data-status={testRunHookFinished.result.status}>\n      <div className={styles.header}>\n        <div className={styles.status}>\n          <StatusIcon status={testRunHookFinished.result.status} />\n        </div>\n        <div className={styles.title}>\n          <h3 className={styles.name}>\n            {hook.name ?? (hook.type === HookType.BEFORE_TEST_RUN ? 'BeforeAll' : 'AfterAll')}\n          </h3>\n          <TestStepDuration duration={testRunHookFinished.result.duration} />\n        </div>\n      </div>\n      <div className={styles.content}>\n        <TestStepResultDetails {...testRunHookFinished.result} />\n        <TestStepAttachments testStepOrHookFinished={testRunHookFinished} />\n      </div>\n    </li>\n  )\n}\n"]}
+{"version":3,"file":"TestRunHookOutcome.js","sourceRoot":"","sources":["../../../../src/components/results/TestRunHookOutcome.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,QAAQ,EAER,oBAAoB,GACrB,MAAM,oBAAoB,CAAA;AAG3B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,MAAM,MAAM,kCAAkC,CAAA;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAOxD,MAAM,CAAC,MAAM,kBAAkB,GAAc,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,EAAE,EAAE;IAC7E,OAAO,CACL,6BAAiB,mBAAmB,CAAC,MAAM,CAAC,MAAM,aAChD,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aAC3B,cAAK,SAAS,EAAE,MAAM,CAAC,MAAM,YAC3B,KAAC,UAAU,IAAC,MAAM,EAAE,mBAAmB,CAAC,MAAM,CAAC,MAAM,GAAI,GACrD,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,KAAK,aAC1B,aAAI,SAAS,EAAE,MAAM,CAAC,IAAI,YACvB,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,GAC9E,EACL,KAAC,gBAAgB,IAAC,QAAQ,EAAE,mBAAmB,CAAC,MAAM,CAAC,QAAQ,GAAI,IAC/D,IACF,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,OAAO,aAC3B,mBAAmB,CAAC,MAAM,CAAC,MAAM,KAAK,oBAAoB,CAAC,MAAM,IAAI,CACpE,KAAC,YAAY,IAAC,MAAM,EAAE,mBAAmB,CAAC,MAAM,GAAI,CACrD,EACD,KAAC,mBAAmB,IAAC,sBAAsB,EAAE,mBAAmB,GAAI,IAChE,IACH,CACN,CAAA;AACH,CAAC,CAAA","sourcesContent":["import {\n  type Hook,\n  HookType,\n  type TestRunHookFinished,\n  TestStepResultStatus,\n} from '@cucumber/messages'\nimport type { FC } from 'react'\n\nimport { StatusIcon } from '../gherkin/index.js'\nimport { FailedResult } from './FailedResult.js'\nimport styles from './TestRunHookOutcome.module.scss'\nimport { TestStepAttachments } from './TestStepAttachments.js'\nimport { TestStepDuration } from './TestStepDuration.js'\n\ninterface Props {\n  hook: Hook\n  testRunHookFinished: TestRunHookFinished\n}\n\nexport const TestRunHookOutcome: FC<Props> = ({ hook, testRunHookFinished }) => {\n  return (\n    <li data-status={testRunHookFinished.result.status}>\n      <div className={styles.header}>\n        <div className={styles.status}>\n          <StatusIcon status={testRunHookFinished.result.status} />\n        </div>\n        <div className={styles.title}>\n          <h3 className={styles.name}>\n            {hook.name ?? (hook.type === HookType.BEFORE_TEST_RUN ? 'BeforeAll' : 'AfterAll')}\n          </h3>\n          <TestStepDuration duration={testRunHookFinished.result.duration} />\n        </div>\n      </div>\n      <div className={styles.content}>\n        {testRunHookFinished.result.status === TestStepResultStatus.FAILED && (\n          <FailedResult result={testRunHookFinished.result} />\n        )}\n        <TestStepAttachments testStepOrHookFinished={testRunHookFinished} />\n      </div>\n    </li>\n  )\n}\n"]}

package/dist/src/components/results/TestStepAttachments.d.ts

@@ -1,5 +1,5 @@
-import { TestRunHookFinished, TestStepFinished } from '@cucumber/messages';
-import { FC } from 'react';
+import type { TestRunHookFinished, TestStepFinished } from '@cucumber/messages';
+import type { FC } from 'react';
 interface Props {
     testStepOrHookFinished: TestStepFinished | TestRunHookFinished;
 }

package/dist/src/components/results/TestStepAttachments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TestStepAttachments.d.ts","sourceRoot":"","sources":["../../../../src/components/results/TestStepAttachments.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE1E,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAM1B,UAAU,KAAK;IACb,sBAAsB,EAAE,gBAAgB,GAAG,mBAAmB,CAAA;CAC/D;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CAczC,CAAA"}
+{"version":3,"file":"TestStepAttachments.d.ts","sourceRoot":"","sources":["../../../../src/components/results/TestStepAttachments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAC/E,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAM/B,UAAU,KAAK;IACb,sBAAsB,EAAE,gBAAgB,GAAG,mBAAmB,CAAA;CAC/D;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CAczC,CAAA"}

package/dist/src/components/results/TestStepAttachments.js

@@ -1,13 +1,12 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useQueries } from '../../hooks/index.js';
 import { Attachment } from '../gherkin/index.js';
 import styles from './TestStepAttachments.module.scss';
 export const TestStepAttachments = ({ testStepOrHookFinished }) => {
     const { cucumberQuery } = useQueries();
     const attachments = cucumberQuery.findAttachmentsBy(testStepOrHookFinished);
-    return (React.createElement("ol", { className: styles.attachments }, attachments.map((attachment, index) => {
-        return (React.createElement("li", { key: index },
-            React.createElement(Attachment, { attachment: attachment })));
-    })));
+    return (_jsx("ol", { className: styles.attachments, children: attachments.map((attachment, index) => {
+            return (_jsx("li", { children: _jsx(Attachment, { attachment: attachment }) }, index));
+        }) }));
 };
 //# sourceMappingURL=TestStepAttachments.js.map

package/dist/src/components/results/TestStepAttachments.js.map

@@ -1 +1 @@
-{"version":3,"file":"TestStepAttachments.js","sourceRoot":"","sources":["../../../../src/components/results/TestStepAttachments.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,MAAM,MAAM,mCAAmC,CAAA;AAMtD,MAAM,CAAC,MAAM,mBAAmB,GAAc,CAAC,EAAE,sBAAsB,EAAE,EAAE,EAAE;IAC3E,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAA;IACtC,MAAM,WAAW,GAAG,aAAa,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAAA;IAC3E,OAAO,CACL,4BAAI,SAAS,EAAE,MAAM,CAAC,WAAW,IAC9B,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;QACrC,OAAO,CACL,4BAAI,GAAG,EAAE,KAAK;YACZ,oBAAC,UAAU,IAAC,UAAU,EAAE,UAAU,GAAI,CACnC,CACN,CAAA;IACH,CAAC,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { TestRunHookFinished, TestStepFinished } from '@cucumber/messages'\nimport React from 'react'\nimport { FC } from 'react'\n\nimport { useQueries } from '../../hooks/index.js'\nimport { Attachment } from '../gherkin/index.js'\nimport styles from './TestStepAttachments.module.scss'\n\ninterface Props {\n  testStepOrHookFinished: TestStepFinished | TestRunHookFinished\n}\n\nexport const TestStepAttachments: FC<Props> = ({ testStepOrHookFinished }) => {\n  const { cucumberQuery } = useQueries()\n  const attachments = cucumberQuery.findAttachmentsBy(testStepOrHookFinished)\n  return (\n    <ol className={styles.attachments}>\n      {attachments.map((attachment, index) => {\n        return (\n          <li key={index}>\n            <Attachment attachment={attachment} />\n          </li>\n        )\n      })}\n    </ol>\n  )\n}\n"]}
+{"version":3,"file":"TestStepAttachments.js","sourceRoot":"","sources":["../../../../src/components/results/TestStepAttachments.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,MAAM,MAAM,mCAAmC,CAAA;AAMtD,MAAM,CAAC,MAAM,mBAAmB,GAAc,CAAC,EAAE,sBAAsB,EAAE,EAAE,EAAE;IAC3E,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAA;IACtC,MAAM,WAAW,GAAG,aAAa,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAAA;IAC3E,OAAO,CACL,aAAI,SAAS,EAAE,MAAM,CAAC,WAAW,YAC9B,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;YACrC,OAAO,CACL,uBACE,KAAC,UAAU,IAAC,UAAU,EAAE,UAAU,GAAI,IAD/B,KAAK,CAET,CACN,CAAA;QACH,CAAC,CAAC,GACC,CACN,CAAA;AACH,CAAC,CAAA","sourcesContent":["import type { TestRunHookFinished, TestStepFinished } from '@cucumber/messages'\nimport type { FC } from 'react'\n\nimport { useQueries } from '../../hooks/index.js'\nimport { Attachment } from '../gherkin/index.js'\nimport styles from './TestStepAttachments.module.scss'\n\ninterface Props {\n  testStepOrHookFinished: TestStepFinished | TestRunHookFinished\n}\n\nexport const TestStepAttachments: FC<Props> = ({ testStepOrHookFinished }) => {\n  const { cucumberQuery } = useQueries()\n  const attachments = cucumberQuery.findAttachmentsBy(testStepOrHookFinished)\n  return (\n    <ol className={styles.attachments}>\n      {attachments.map((attachment, index) => {\n        return (\n          <li key={index}>\n            <Attachment attachment={attachment} />\n          </li>\n        )\n      })}\n    </ol>\n  )\n}\n"]}

package/dist/src/components/results/TestStepDuration.d.ts

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

package/dist/src/components/results/TestStepDuration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TestStepDuration.d.ts","sourceRoot":"","sources":["../../../../src/components/results/TestStepDuration.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,oBAAoB,CAAA;AAC7D,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAYjC,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAAE,QAAQ,EAAE,QAAQ,CAAA;CAAE,CAcvD,CAAA"}
+{"version":3,"file":"TestStepDuration.d.ts","sourceRoot":"","sources":["../../../../src/components/results/TestStepDuration.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAkB,MAAM,oBAAoB,CAAA;AAClE,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAY/B,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAAE,QAAQ,EAAE,QAAQ,CAAA;CAAE,CAYvD,CAAA"}

package/dist/src/components/results/TestStepDuration.js

@@ -1,5 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { TimeConversion } from '@cucumber/messages';
-import React from 'react';
 import styles from './TestStepDuration.module.scss';
 const subSecondFormat = new Intl.NumberFormat(undefined, {
     maximumFractionDigits: 0,
@@ -12,6 +12,8 @@ export const TestStepDuration = ({ duration }) => {
     if (millis < 1) {
         return null;
     }
-    return (React.createElement("span", { className: styles.duration }, millis < 1000 ? (React.createElement(React.Fragment, null, `${subSecondFormat.format(millis)}ms`)) : (React.createElement(React.Fragment, null, `${secondPlusFormat.format(millis / 1000)}s`))));
+    return (_jsx("span", { className: styles.duration, children: millis < 1000
+            ? `${subSecondFormat.format(millis)}ms`
+            : `${secondPlusFormat.format(millis / 1000)}s` }));
 };
 //# sourceMappingURL=TestStepDuration.js.map

package/dist/src/components/results/TestStepDuration.js.map

@@ -1 +1 @@
-{"version":3,"file":"TestStepDuration.js","sourceRoot":"","sources":["../../../../src/components/results/TestStepDuration.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC7D,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,MAAM,MAAM,gCAAgC,CAAA;AAEnD,MAAM,eAAe,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE;IACvD,qBAAqB,EAAE,CAAC;CACzB,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE;IACxD,qBAAqB,EAAE,CAAC;CACzB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA+B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3E,MAAM,MAAM,GAAG,cAAc,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAA;IAC9D,IAAI,MAAM,GAAG,CAAC,EAAE;QACd,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,CACL,8BAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,IAC7B,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,CACf,0CAAG,GAAG,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAI,CAC7C,CAAC,CAAC,CAAC,CACF,0CAAG,GAAG,gBAAgB,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAI,CACpD,CACI,CACR,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { Duration, TimeConversion } from '@cucumber/messages'\nimport React, { FC } from 'react'\n\nimport styles from './TestStepDuration.module.scss'\n\nconst subSecondFormat = new Intl.NumberFormat(undefined, {\n  maximumFractionDigits: 0,\n})\n\nconst secondPlusFormat = new Intl.NumberFormat(undefined, {\n  maximumFractionDigits: 3,\n})\n\nexport const TestStepDuration: FC<{ duration: Duration }> = ({ duration }) => {\n  const millis = TimeConversion.durationToMilliseconds(duration)\n  if (millis < 1) {\n    return null\n  }\n  return (\n    <span className={styles.duration}>\n      {millis < 1000 ? (\n        <>{`${subSecondFormat.format(millis)}ms`}</>\n      ) : (\n        <>{`${secondPlusFormat.format(millis / 1000)}s`}</>\n      )}\n    </span>\n  )\n}\n"]}
+{"version":3,"file":"TestStepDuration.js","sourceRoot":"","sources":["../../../../src/components/results/TestStepDuration.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAGlE,OAAO,MAAM,MAAM,gCAAgC,CAAA;AAEnD,MAAM,eAAe,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE;IACvD,qBAAqB,EAAE,CAAC;CACzB,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE;IACxD,qBAAqB,EAAE,CAAC;CACzB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA+B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3E,MAAM,MAAM,GAAG,cAAc,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAA;IAC9D,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;QACf,OAAO,IAAI,CAAA;IACb,CAAC;IACD,OAAO,CACL,eAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC7B,MAAM,GAAG,IAAI;YACZ,CAAC,CAAC,GAAG,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI;YACvC,CAAC,CAAC,GAAG,gBAAgB,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,GAC3C,CACR,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { type Duration, TimeConversion } from '@cucumber/messages'\nimport type { FC } from 'react'\n\nimport styles from './TestStepDuration.module.scss'\n\nconst subSecondFormat = new Intl.NumberFormat(undefined, {\n  maximumFractionDigits: 0,\n})\n\nconst secondPlusFormat = new Intl.NumberFormat(undefined, {\n  maximumFractionDigits: 3,\n})\n\nexport const TestStepDuration: FC<{ duration: Duration }> = ({ duration }) => {\n  const millis = TimeConversion.durationToMilliseconds(duration)\n  if (millis < 1) {\n    return null\n  }\n  return (\n    <span className={styles.duration}>\n      {millis < 1000\n        ? `${subSecondFormat.format(millis)}ms`\n        : `${secondPlusFormat.format(millis / 1000)}s`}\n    </span>\n  )\n}\n"]}

package/dist/src/components/results/TestStepOutcome.d.ts

@@ -1,5 +1,5 @@
-import { TestStep, TestStepFinished } from '@cucumber/messages';
-import { FC } from 'react';
+import { type TestStep, type TestStepFinished } from '@cucumber/messages';
+import type { FC } from 'react';
 interface Props {
     testStep: TestStep;
     testStepFinished: TestStepFinished;