@cucumber/react-components 20.0.0 → 20.1.0

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

@@ -18,10 +18,21 @@ const Keyword_1 = require("./Keyword");
 const Parameter_1 = require("./Parameter");
 const StepItem_1 = require("./StepItem");
 const Title_1 = require("./Title");
-const DefaultRenderer = ({ step, hasExamples }) => {
+function resolveStep(gherkinStep, pickleStep) {
+    var _a, _b;
+    const step = Object.assign({}, gherkinStep);
+    if (pickleStep) {
+        step.text = pickleStep.text;
+        step.dataTable = (_a = pickleStep.argument) === null || _a === void 0 ? void 0 : _a.dataTable;
+        step.docString = (_b = pickleStep.argument) === null || _b === void 0 ? void 0 : _b.docString;
+    }
+    return step;
+}
+const DefaultRenderer = ({ step: gherkinStep, pickleStep, hasExamples, }) => {
+    const step = resolveStep(gherkinStep, pickleStep);
     const gherkinQuery = react_1.default.useContext(GherkinQueryContext_1.default);
     const cucumberQuery = react_1.default.useContext(CucumberQueryContext_1.default);
-    const pickleStepIds = gherkinQuery.getPickleStepIds(step.id);
+    const pickleStepIds = pickleStep ? [pickleStep.id] : gherkinQuery.getPickleStepIds(step.id);
     const pickleStepTestStepResults = cucumberQuery.getPickleStepTestStepResults(pickleStepIds);
     const testStepResult = (0, messages_1.getWorstTestStepResult)(pickleStepTestStepResults);
     const attachments = cucumberQuery.getPickleStepAttachments(pickleStepIds);
@@ -47,7 +58,7 @@ const DefaultRenderer = ({ step, hasExamples }) => {
                 const arg = argument.group.value;
                 if (arg) {
                     if (arg.length > 0) {
-                        stepTextElements.push(react_1.default.createElement(Parameter_1.Parameter, { parameterTypeName: argument.parameterTypeName || 'anonymous', key: `param-${index}` },
+                        stepTextElements.push(react_1.default.createElement(Parameter_1.Parameter, { parameterTypeName: argument.parameterTypeName || 'anonymous', value: arg, key: `param-${index}` },
                             react_1.default.createElement(HighLight_1.HighLight, { text: arg })));
                     }
                     offset += plain.length + arg.length;

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

@@ -1 +1 @@
-{"version":3,"file":"GherkinStep.js","sourceRoot":"","sources":["../../../../src/components/gherkin/GherkinStep.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"GherkinStep.js","sourceRoot":"","sources":["../../../../src/components/gherkin/GherkinStep.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { GherkinStepsProps } from '../customise';
+export declare const GherkinSteps: React.FunctionComponent<GherkinStepsProps>;
+//# sourceMappingURL=GherkinSteps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GherkinSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/GherkinSteps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAoB,iBAAiB,EAAsB,MAAM,cAAc,CAAA;AAuBtF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAOnE,CAAA"}

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

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GherkinSteps = void 0;
+const react_1 = __importDefault(require("react"));
+const customise_1 = require("../customise");
+const GherkinStep_1 = require("./GherkinStep");
+const DefaultRenderer = ({ steps, pickle, hasExamples }) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null, steps.map((step, index) => {
+        const pickleStep = pickle === null || pickle === void 0 ? void 0 : pickle.steps.find((item) => item.astNodeIds.includes(step.id));
+        return (react_1.default.createElement("li", { key: index },
+            react_1.default.createElement(GherkinStep_1.GherkinStep, { key: index, step: step, pickleStep: pickleStep, hasExamples: hasExamples })));
+    })));
+};
+const GherkinSteps = (props) => {
+    const ResolvedRenderer = (0, customise_1.useCustomRendering)('GherkinSteps', {}, DefaultRenderer);
+    return react_1.default.createElement(ResolvedRenderer, Object.assign({}, props));
+};
+exports.GherkinSteps = GherkinSteps;
+//# sourceMappingURL=GherkinSteps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GherkinSteps.js","sourceRoot":"","sources":["../../../../src/components/gherkin/GherkinSteps.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,4CAAsF;AACtF,+CAA2C;AAE3C,MAAM,eAAe,GAAwC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE;IAC9F,OAAO,CACL,8DACG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACzB,MAAM,UAAU,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;QAClF,OAAO,CACL,sCAAI,GAAG,EAAE,KAAK;YACZ,8BAAC,yBAAW,IACV,GAAG,EAAE,KAAK,EACV,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,GACxB,CACC,CACN,CAAA;IACH,CAAC,CAAC,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,YAAY,GAA+C,CAAC,KAAK,EAAE,EAAE;IAChF,MAAM,gBAAgB,GAAG,IAAA,8BAAkB,EACzC,cAAc,EACd,EAAE,EACF,eAAe,CAChB,CAAA;IACD,OAAO,8BAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAA;AACxC,CAAC,CAAA;AAPY,QAAA,YAAY,gBAOxB"}

package/dist/src/components/gherkin/{HookList.d.ts → HookSteps.d.ts}

@@ -3,6 +3,6 @@ import React from 'react';
 interface IProps {
     hookSteps: readonly messages.TestStep[];
 }
-export declare const HookList: React.FunctionComponent<IProps>;
+export declare const HookSteps: React.FunctionComponent<IProps>;
 export {};
-//# sourceMappingURL=HookList.d.ts.map
+//# sourceMappingURL=HookSteps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HookSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/HookSteps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,SAAS,EAAE,SAAS,QAAQ,CAAC,QAAQ,EAAE,CAAA;CACxC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAUrD,CAAA"}

package/dist/src/components/gherkin/{HookList.js → HookSteps.js}

@@ -3,12 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HookList = void 0;
+exports.HookSteps = void 0;
 const react_1 = __importDefault(require("react"));
 const HookStep_1 = require("./HookStep");
-const HookList = ({ hookSteps }) => {
+const HookSteps = ({ hookSteps }) => {
     return (react_1.default.createElement(react_1.default.Fragment, null, hookSteps.map((step, index) => (react_1.default.createElement("li", { key: index },
         react_1.default.createElement(HookStep_1.HookStep, { key: index, step: step }))))));
 };
-exports.HookList = HookList;
-//# sourceMappingURL=HookList.js.map
+exports.HookSteps = HookSteps;
+//# sourceMappingURL=HookSteps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HookSteps.js","sourceRoot":"","sources":["../../../../src/components/gherkin/HookSteps.tsx"],"names":[],"mappings":";;;;;;AACA,kDAAyB;AAEzB,yCAAqC;AAM9B,MAAM,SAAS,GAAoC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAC1E,OAAO,CACL,8DACG,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,sCAAI,GAAG,EAAE,KAAK;QACZ,8BAAC,mBAAQ,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CACjC,CACN,CAAC,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,SAAS,aAUrB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Parameter.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Parameter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAGL,cAAc,EAEf,MAAM,cAAc,CAAA;AAerB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAO7D,CAAA"}
+{"version":3,"file":"Parameter.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Parameter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAGL,cAAc,EAEf,MAAM,cAAc,CAAA;AAgBrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAO7D,CAAA"}

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

@@ -7,8 +7,8 @@ exports.Parameter = void 0;
 const react_1 = __importDefault(require("react"));
 const customise_1 = require("../customise");
 const Parameter_module_scss_1 = __importDefault(require("./Parameter.module.scss"));
-const DefaultRenderer = ({ parameterTypeName, children, styles, }) => {
-    return (react_1.default.createElement("span", { title: parameterTypeName, className: styles.parameter }, children));
+const DefaultRenderer = ({ parameterTypeName, value, children, styles, }) => {
+    return (react_1.default.createElement("span", { title: parameterTypeName, "aria-label": value, className: styles.parameter }, children));
 };
 const Parameter = (props) => {
     const ResolvedRenderer = (0, customise_1.useCustomRendering)('Parameter', Parameter_module_scss_1.default, DefaultRenderer);

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

@@ -1 +1 @@
-{"version":3,"file":"Parameter.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Parameter.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,4CAKqB;AACrB,oFAAmD;AAEnD,MAAM,eAAe,GAAuD,CAAC,EAC3E,iBAAiB,EACjB,QAAQ,EACR,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,wCAAM,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,IACxD,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,SAAS,GAA4C,CAAC,KAAK,EAAE,EAAE;IAC1E,MAAM,gBAAgB,GAAG,IAAA,8BAAkB,EACzC,WAAW,EACX,+BAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,8BAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAA;AACxC,CAAC,CAAA;AAPY,QAAA,SAAS,aAOrB"}
+{"version":3,"file":"Parameter.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Parameter.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,4CAKqB;AACrB,oFAAmD;AAEnD,MAAM,eAAe,GAAuD,CAAC,EAC3E,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,wCAAM,KAAK,EAAE,iBAAiB,gBAAc,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,IAC3E,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,SAAS,GAA4C,CAAC,KAAK,EAAE,EAAE;IAC1E,MAAM,gBAAgB,GAAG,IAAA,8BAAkB,EACzC,WAAW,EACX,+BAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,8BAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAA;AACxC,CAAC,CAAA;AAPY,QAAA,SAAS,aAOrB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Scenario.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Scenario.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAqC,aAAa,EAAsB,MAAM,cAAc,CAAA;AA4CnG,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAO3D,CAAA"}
+{"version":3,"file":"Scenario.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Scenario.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,EAAoB,aAAa,EAAsB,MAAM,cAAc,CAAA;AAwDlF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAG3D,CAAA"}

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

@@ -1,32 +1,61 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Scenario = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const CucumberQueryContext_1 = __importDefault(require("../../CucumberQueryContext"));
 const GherkinQueryContext_1 = __importDefault(require("../../GherkinQueryContext"));
 const UriContext_1 = __importDefault(require("../../UriContext"));
 const HighLight_1 = require("../app/HighLight");
 const customise_1 = require("../customise");
 const Description_1 = require("./Description");
+const ExampleDetail_1 = require("./ExampleDetail");
 const Examples_1 = require("./Examples");
-const HookList_1 = require("./HookList");
+const ExamplesContext_1 = require("./ExamplesContext");
+const GherkinSteps_1 = require("./GherkinSteps");
+const HookSteps_1 = require("./HookSteps");
 const Keyword_1 = require("./Keyword");
-const Scenario_module_scss_1 = __importDefault(require("./Scenario.module.scss"));
-const StepList_1 = require("./StepList");
+const StepsList_1 = require("./StepsList");
 const Tags_1 = require("./Tags");
 const Title_1 = require("./Title");
-const DefaultRenderer = ({ scenario, styles, }) => {
+const DefaultRenderer = ({ scenario }) => {
     const examplesList = scenario.examples || [];
     const hasExamples = examplesList.length > 0;
     const cucumberQuery = react_1.default.useContext(CucumberQueryContext_1.default);
     const gherkinQuery = react_1.default.useContext(GherkinQueryContext_1.default);
     const uri = react_1.default.useContext(UriContext_1.default);
+    const [selectedExample, setSelectedExample] = (0, react_1.useState)();
     const pickleIds = uri ? gherkinQuery.getPickleIds(uri, scenario.id) : [];
     const beforeHooks = cucumberQuery.getBeforeHookSteps(pickleIds[0]);
     const afterHooks = cucumberQuery.getAfterHookSteps(pickleIds[0]);
+    if (selectedExample) {
+        return (react_1.default.createElement(ExampleDetail_1.ExampleDetail, { scenario: scenario, pickleId: selectedExample, onBack: () => setSelectedExample(undefined) }));
+    }
     return (react_1.default.createElement("section", null,
         react_1.default.createElement(Tags_1.Tags, { tags: scenario.tags }),
         react_1.default.createElement(Title_1.Title, { header: "h2", id: scenario.id },
@@ -35,16 +64,14 @@ const DefaultRenderer = ({ scenario, styles, }) => {
                 ":"),
             react_1.default.createElement(HighLight_1.HighLight, { text: scenario.name })),
         react_1.default.createElement(Description_1.Description, { description: scenario.description }),
-        react_1.default.createElement("ol", { className: styles.steps },
-            react_1.default.createElement(HookList_1.HookList, { hookSteps: beforeHooks }),
-            react_1.default.createElement(StepList_1.StepList, { steps: scenario.steps || [], hasExamples: hasExamples }),
-            react_1.default.createElement(HookList_1.HookList, { hookSteps: afterHooks })),
-        examplesList.map((examples, index) => {
-            return react_1.default.createElement(Examples_1.Examples, { key: index, examples: examples });
-        })));
+        react_1.default.createElement(StepsList_1.StepsList, null,
+            react_1.default.createElement(HookSteps_1.HookSteps, { hookSteps: beforeHooks }),
+            react_1.default.createElement(GherkinSteps_1.GherkinSteps, { steps: scenario.steps || [], hasExamples: hasExamples }),
+            react_1.default.createElement(HookSteps_1.HookSteps, { hookSteps: afterHooks })),
+        hasExamples && (react_1.default.createElement(ExamplesContext_1.ExamplesContext.Provider, { value: { setSelectedExample } }, examplesList.map((examples, index) => (react_1.default.createElement(Examples_1.Examples, { key: index, examples: examples })))))));
 };
 const Scenario = (props) => {
-    const ResolvedRenderer = (0, customise_1.useCustomRendering)('Scenario', Scenario_module_scss_1.default, DefaultRenderer);
+    const ResolvedRenderer = (0, customise_1.useCustomRendering)('Scenario', {}, DefaultRenderer);
     return react_1.default.createElement(ResolvedRenderer, Object.assign({}, props));
 };
 exports.Scenario = Scenario;

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

@@ -1 +1 @@
-{"version":3,"file":"Scenario.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Scenario.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,sFAA6D;AAC7D,oFAA2D;AAC3D,kEAAyC;AACzC,gDAA4C;AAC5C,4CAAmG;AACnG,+CAA2C;AAC3C,yCAAqC;AACrC,yCAAqC;AACrC,uCAAmC;AACnC,kFAAkD;AAClD,yCAAqC;AACrC,iCAA6B;AAC7B,mCAA+B;AAE/B,MAAM,eAAe,GAAqD,CAAC,EACzE,QAAQ,EACR,MAAM,GACP,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,QAAQ,CAAC,QAAQ,IAAI,EAAE,CAAA;IAC5C,MAAM,WAAW,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAA;IAC3C,MAAM,aAAa,GAAG,eAAK,CAAC,UAAU,CAAC,8BAAoB,CAAC,CAAA;IAC5D,MAAM,YAAY,GAAG,eAAK,CAAC,UAAU,CAAC,6BAAmB,CAAC,CAAA;IAC1D,MAAM,GAAG,GAAG,eAAK,CAAC,UAAU,CAAC,oBAAU,CAAC,CAAA;IACxC,MAAM,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IACxE,MAAM,WAAW,GAAG,aAAa,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IAClE,MAAM,UAAU,GAAG,aAAa,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IAEhE,OAAO,CACL;QACE,8BAAC,WAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,GAAI;QAC7B,8BAAC,aAAK,IAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAE,QAAQ,CAAC,EAAE;YAChC,8BAAC,iBAAO;gBAAE,QAAQ,CAAC,OAAO;oBAAY;YACtC,8BAAC,qBAAS,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,GAAI,CAC5B;QACR,8BAAC,yBAAW,IAAC,WAAW,EAAE,QAAQ,CAAC,WAAW,GAAI;QAClD,sCAAI,SAAS,EAAE,MAAM,CAAC,KAAK;YACzB,8BAAC,mBAAQ,IAAC,SAAS,EAAE,WAAW,GAAI;YACpC,8BAAC,mBAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,IAAI,EAAE,EAAE,WAAW,EAAE,WAAW,GAAI;YACnE,8BAAC,mBAAQ,IAAC,SAAS,EAAE,UAAU,GAAI,CAChC;QAEJ,YAAY,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;YACpC,OAAO,8BAAC,mBAAQ,IAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;QACrD,CAAC,CAAC,CACM,CACX,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,QAAQ,GAA2C,CAAC,KAAK,EAAE,EAAE;IACxE,MAAM,gBAAgB,GAAG,IAAA,8BAAkB,EACzC,UAAU,EACV,8BAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,8BAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAA;AACxC,CAAC,CAAA;AAPY,QAAA,QAAQ,YAOpB"}
+{"version":3,"file":"Scenario.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Scenario.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AAEvC,sFAA6D;AAC7D,oFAA2D;AAC3D,kEAAyC;AACzC,gDAA4C;AAC5C,4CAAkF;AAClF,+CAA2C;AAC3C,mDAA+C;AAC/C,yCAAqC;AACrC,uDAAmD;AACnD,iDAA6C;AAC7C,2CAAuC;AACvC,uCAAmC;AACnC,2CAAuC;AACvC,iCAA6B;AAC7B,mCAA+B;AAE/B,MAAM,eAAe,GAAoC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxE,MAAM,YAAY,GAAG,QAAQ,CAAC,QAAQ,IAAI,EAAE,CAAA;IAC5C,MAAM,WAAW,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAA;IAC3C,MAAM,aAAa,GAAG,eAAK,CAAC,UAAU,CAAC,8BAAoB,CAAC,CAAA;IAC5D,MAAM,YAAY,GAAG,eAAK,CAAC,UAAU,CAAC,6BAAmB,CAAC,CAAA;IAC1D,MAAM,GAAG,GAAG,eAAK,CAAC,UAAU,CAAC,oBAAU,CAAC,CAAA;IACxC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IAChE,MAAM,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IACxE,MAAM,WAAW,GAAG,aAAa,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IAClE,MAAM,UAAU,GAAG,aAAa,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IAEhE,IAAI,eAAe,EAAE;QACnB,OAAO,CACL,8BAAC,6BAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,eAAe,EACzB,MAAM,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,SAAS,CAAC,GAC3C,CACH,CAAA;KACF;IACD,OAAO,CACL;QACE,8BAAC,WAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,GAAI;QAC7B,8BAAC,aAAK,IAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAE,QAAQ,CAAC,EAAE;YAChC,8BAAC,iBAAO;gBAAE,QAAQ,CAAC,OAAO;oBAAY;YACtC,8BAAC,qBAAS,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,GAAI,CAC5B;QACR,8BAAC,yBAAW,IAAC,WAAW,EAAE,QAAQ,CAAC,WAAW,GAAI;QAClD,8BAAC,qBAAS;YACR,8BAAC,qBAAS,IAAC,SAAS,EAAE,WAAW,GAAI;YACrC,8BAAC,2BAAY,IAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,IAAI,EAAE,EAAE,WAAW,EAAE,WAAW,GAAI;YACvE,8BAAC,qBAAS,IAAC,SAAS,EAAE,UAAU,GAAI,CAC1B;QACX,WAAW,IAAI,CACd,8BAAC,iCAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,IACpD,YAAY,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,8BAAC,mBAAQ,IAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC7C,CAAC,CACuB,CAC5B,CACO,CACX,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,QAAQ,GAA2C,CAAC,KAAK,EAAE,EAAE;IACxE,MAAM,gBAAgB,GAAG,IAAA,8BAAkB,EAAgB,UAAU,EAAE,EAAE,EAAE,eAAe,CAAC,CAAA;IAC3F,OAAO,8BAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAA;AACxC,CAAC,CAAA;AAHY,QAAA,QAAQ,YAGpB"}

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

@@ -3,5 +3,4 @@ import React from 'react';
 export declare const StepItem: React.FunctionComponent<{
     status?: messages.TestStepResultStatus;
 }>;
-export default StepItem;
 //# sourceMappingURL=StepItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepItem.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/StepItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC7C,MAAM,CAAC,EAAE,QAAQ,CAAC,oBAAoB,CAAA;CACvC,CAOA,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"StepItem.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/StepItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC7C,MAAM,CAAC,EAAE,QAAQ,CAAC,oBAAoB,CAAA;CACvC,CAOA,CAAA"}

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

@@ -13,5 +13,4 @@ const StepItem = ({ status, children }) => {
         react_1.default.createElement("div", { className: StepItem_module_scss_1.default.content }, children)));
 };
 exports.StepItem = StepItem;
-exports.default = exports.StepItem;
 //# sourceMappingURL=StepItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepItem.js","sourceRoot":"","sources":["../../../../src/components/gherkin/StepItem.tsx"],"names":[],"mappings":";;;;;;AACA,kDAAyB;AAEzB,6CAAyC;AACzC,kFAA2C;AAEpC,MAAM,QAAQ,GAEhB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5B,OAAO,CACL,uCAAK,SAAS,EAAE,8BAAM,CAAC,SAAS;QAC9B,wCAAM,SAAS,EAAE,8BAAM,CAAC,MAAM,IAAG,MAAM,IAAI,8BAAC,uBAAU,IAAC,MAAM,EAAE,MAAM,GAAI,CAAQ;QACjF,uCAAK,SAAS,EAAE,8BAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC5C,CACP,CAAA;AACH,CAAC,CAAA;AATY,QAAA,QAAQ,YASpB;AAED,kBAAe,gBAAQ,CAAA"}
+{"version":3,"file":"StepItem.js","sourceRoot":"","sources":["../../../../src/components/gherkin/StepItem.tsx"],"names":[],"mappings":";;;;;;AACA,kDAAyB;AAEzB,6CAAyC;AACzC,kFAA2C;AAEpC,MAAM,QAAQ,GAEhB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5B,OAAO,CACL,uCAAK,SAAS,EAAE,8BAAM,CAAC,SAAS;QAC9B,wCAAM,SAAS,EAAE,8BAAM,CAAC,MAAM,IAAG,MAAM,IAAI,8BAAC,uBAAU,IAAC,MAAM,EAAE,MAAM,GAAI,CAAQ;QACjF,uCAAK,SAAS,EAAE,8BAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC5C,CACP,CAAA;AACH,CAAC,CAAA;AATY,QAAA,QAAQ,YASpB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepsList.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/StepsList.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIhD,eAAO,MAAM,SAAS,EAAE,iBAMvB,CAAA"}

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

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepsList = void 0;
+const react_1 = __importDefault(require("react"));
+const StepsList_module_scss_1 = __importDefault(require("./StepsList.module.scss"));
+const StepsList = ({ children }) => {
+    return (react_1.default.createElement("ol", { "aria-label": "Steps", className: StepsList_module_scss_1.default.steps }, children));
+};
+exports.StepsList = StepsList;
+//# sourceMappingURL=StepsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepsList.js","sourceRoot":"","sources":["../../../../src/components/gherkin/StepsList.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAgD;AAEhD,oFAA4C;AAErC,MAAM,SAAS,GAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3D,OAAO,CACL,oDAAe,OAAO,EAAC,SAAS,EAAE,+BAAM,CAAC,KAAK,IAC3C,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CAAA;AANY,QAAA,SAAS,aAMrB"}

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

@@ -12,7 +12,7 @@ const DefaultRenderer = ({ tags, styles }) => {
     if (!tags.length) {
         return null;
     }
-    return (react_1.default.createElement("ul", { className: styles.tags }, tags.map((tag, index) => (react_1.default.createElement("li", { className: styles.tag, key: index },
+    return (react_1.default.createElement("ul", { "aria-label": "Tags", className: styles.tags }, tags.map((tag, index) => (react_1.default.createElement("li", { className: styles.tag, key: index },
         react_1.default.createElement(HighLight_1.HighLight, { text: tag.name }))))));
 };
 const Tags = (props) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Tags.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Tags.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,gDAA4C;AAC5C,4CAA2F;AAC3F,0EAA8C;AAE9C,MAAM,eAAe,GAA6C,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE;IACrF,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;QAChB,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,CACL,sCAAI,SAAS,EAAE,MAAM,CAAC,IAAI,IACvB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,sCAAI,SAAS,EAAE,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK;QACnC,8BAAC,qBAAS,IAAC,IAAI,EAAE,GAAG,CAAC,IAAI,GAAI,CAC1B,CACN,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,IAAI,GAAuC,CAAC,KAAK,EAAE,EAAE;IAChE,MAAM,gBAAgB,GAAG,IAAA,8BAAkB,EACzC,MAAM,EACN,0BAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,8BAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAA;AACxC,CAAC,CAAA;AAPY,QAAA,IAAI,QAOhB"}
+{"version":3,"file":"Tags.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Tags.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,gDAA4C;AAC5C,4CAA2F;AAC3F,0EAA8C;AAE9C,MAAM,eAAe,GAA6C,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE;IACrF,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;QAChB,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,CACL,oDAAe,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,IACzC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,sCAAI,SAAS,EAAE,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK;QACnC,8BAAC,qBAAS,IAAC,IAAI,EAAE,GAAG,CAAC,IAAI,GAAI,CAC1B,CACN,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,IAAI,GAAuC,CAAC,KAAK,EAAE,EAAE;IAChE,MAAM,gBAAgB,GAAG,IAAA,8BAAkB,EACzC,MAAM,EACN,0BAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,8BAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAA;AACxC,CAAC,CAAA;AAPY,QAAA,IAAI,QAOhB"}

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

@@ -11,8 +11,9 @@ export * from './ExamplesTable';
 export * from './Feature';
 export * from './GherkinDocument';
 export * from './GherkinStep';
-export * from './HookList';
+export * from './GherkinSteps';
 export * from './HookStep';
+export * from './HookSteps';
 export * from './Keyword';
 export * from './MDG';
 export * from './Parameter';
@@ -20,7 +21,6 @@ export * from './Rule';
 export * from './Scenario';
 export * from './StatusIcon';
 export * from './StepItem';
-export * from './StepList';
 export * from './Tags';
 export * from './Title';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA"}

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

@@ -27,8 +27,9 @@ __exportStar(require("./ExamplesTable"), exports);
 __exportStar(require("./Feature"), exports);
 __exportStar(require("./GherkinDocument"), exports);
 __exportStar(require("./GherkinStep"), exports);
-__exportStar(require("./HookList"), exports);
+__exportStar(require("./GherkinSteps"), exports);
 __exportStar(require("./HookStep"), exports);
+__exportStar(require("./HookSteps"), exports);
 __exportStar(require("./Keyword"), exports);
 __exportStar(require("./MDG"), exports);
 __exportStar(require("./Parameter"), exports);
@@ -36,7 +37,6 @@ __exportStar(require("./Rule"), exports);
 __exportStar(require("./Scenario"), exports);
 __exportStar(require("./StatusIcon"), exports);
 __exportStar(require("./StepItem"), exports);
-__exportStar(require("./StepList"), exports);
 __exportStar(require("./Tags"), exports);
 __exportStar(require("./Title"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/gherkin/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,+CAA4B;AAC5B,+CAA4B;AAC5B,6CAA0B;AAC1B,8CAA2B;AAC3B,gDAA6B;AAC7B,8CAA2B;AAC3B,iDAA8B;AAC9B,6CAA0B;AAC1B,kDAA+B;AAC/B,4CAAyB;AACzB,oDAAiC;AACjC,gDAA6B;AAC7B,6CAA0B;AAC1B,6CAA0B;AAC1B,4CAAyB;AACzB,wCAAqB;AACrB,8CAA2B;AAC3B,yCAAsB;AACtB,6CAA0B;AAC1B,+CAA4B;AAC5B,6CAA0B;AAC1B,6CAA0B;AAC1B,yCAAsB;AACtB,0CAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/gherkin/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,+CAA4B;AAC5B,+CAA4B;AAC5B,6CAA0B;AAC1B,8CAA2B;AAC3B,gDAA6B;AAC7B,8CAA2B;AAC3B,iDAA8B;AAC9B,6CAA0B;AAC1B,kDAA+B;AAC/B,4CAAyB;AACzB,oDAAiC;AACjC,gDAA6B;AAC7B,iDAA8B;AAC9B,6CAA0B;AAC1B,8CAA2B;AAC3B,4CAAyB;AACzB,wCAAqB;AACrB,8CAA2B;AAC3B,yCAAsB;AACtB,6CAA0B;AAC1B,+CAA4B;AAC5B,6CAA0B;AAC1B,yCAAsB;AACtB,0CAAuB"}

package/dist/src/styles/tables.scss

@@ -0,0 +1,24 @@
+@import './theming';
+
+@mixin cucumber-table-style {
+    border-collapse: collapse;
+    margin: 0;
+
+    thead tr {
+        border-bottom: 6px solid transparent;
+    }
+
+    tr + tr {
+        border-top: 6px solid transparent;
+    }
+
+    th, td {
+        padding: 0.4em 0.6em;
+        border-width: 2px;
+        border-style: solid;
+        border-top: none;
+        border-bottom: none;
+        border-color: $keywordColor;
+        color: $parameterColor;
+    }
+}