@ogcio/design-system-react 1.11.2 → 1.11.3

package/dist/progress-bar/progress-bar.test.js

@@ -1,34 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as a, r as n } from "../test-utilities-BS7B3BF-.js";
-import { ProgressBar as c } from "./progress-bar.js";
-describe("ProgressBar", () => {
-  afterEach(a);
-  const t = (s) => n(/* @__PURE__ */ o(c, { ...s }));
-  it("should render a progress bar with a specified value", () => {
-    const e = t({
-      value: 50
-    }).getByTestId("progress-bar");
-    expect(e).toBeTruthy();
-    const r = e.firstElementChild;
-    expect(r).toBeTruthy(), expect(r).toHaveStyle("width: 50%");
-  }), it("should render an indeterminate progress bar correctly", () => {
-    const e = t({
-      isIndeterminate: !0
-    }).getByTestId("progress-bar");
-    expect(e).toBeTruthy();
-    const r = e.firstElementChild;
-    expect(r).toBeTruthy(), expect(r).toHaveClass("gi-progress-bar-indeterminate");
-  }), it("should render progress bar with final value set", () => {
-    const e = t({
-      max: 500,
-      value: 200
-    }).getByTestId("progress-bar");
-    expect(e).toBeTruthy();
-    const r = e.firstElementChild;
-    expect(r).toBeTruthy(), expect(r).toHaveStyle("width: 40%");
-  }), it("should pass axe accessibility tests", async () => {
-    await t({
-      value: 75
-    }).axe();
-  });
-});

package/dist/progress-stepper/progress-stepper.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/progress-stepper/progress-stepper.test.js

@@ -1,117 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { c as d, r as h } from "../test-utilities-BS7B3BF-.js";
-import { ProgressStepper as a, StepItem as t } from "./progress-stepper.js";
-describe("govieProgressStepper", () => {
-  afterEach(d);
-  const c = (n) => h(/* @__PURE__ */ e(a, { ...n }));
-  it("should render a horizontal progress stepper correctly", () => {
-    const r = [
-      ...c({
-        children: [
-          /* @__PURE__ */ e(t, { label: "Step 1", children: /* @__PURE__ */ e("div", { children: "Step 1 Content" }) }, "step-1"),
-          /* @__PURE__ */ e(t, { label: "Step 2", children: /* @__PURE__ */ e("div", { children: "Step 2 Content" }) }, "step-2"),
-          /* @__PURE__ */ e(t, { label: "Step 3", children: /* @__PURE__ */ e("div", { children: "Step 3 Content" }) }, "step-3")
-        ],
-        currentStepIndex: 1
-      }).getByTestId("progress-stepper").querySelectorAll(".gi-progress-stepper-step-container")
-    ];
-    expect(r.length).toBe(3), expect(r[0].dataset.completed).toBe("true"), expect(r[1].dataset.current).toBe("true"), expect(r[2].dataset.next).toBe("true");
-  }), it("should render a vertical progress stepper correctly", () => {
-    const r = [
-      ...c({
-        children: [
-          /* @__PURE__ */ e(t, { label: "Step 1", children: /* @__PURE__ */ e("div", { children: "Step 1 Content" }) }, "step-1"),
-          /* @__PURE__ */ e(t, { label: "Step 2", children: /* @__PURE__ */ e("div", { children: "Step 2 Content" }) }, "step-2"),
-          /* @__PURE__ */ e(t, { label: "Step 3", children: /* @__PURE__ */ e("div", { children: "Step 3 Content" }) }, "step-3")
-        ],
-        currentStepIndex: 2,
-        orientation: "vertical"
-      }).getByTestId("progress-stepper").querySelectorAll(".gi-progress-stepper-step-container")
-    ];
-    expect(r[2].dataset.current).toBe("true");
-  }), it("should mark all steps as completed when completeAll is true", () => {
-    const r = [
-      ...c({
-        children: [
-          /* @__PURE__ */ e(t, { label: "Step 1", children: /* @__PURE__ */ e("div", { children: "Step 1 Content" }) }, "step-1"),
-          /* @__PURE__ */ e(t, { label: "Step 2", children: /* @__PURE__ */ e("div", { children: "Step 2 Content" }) }, "step-2"),
-          /* @__PURE__ */ e(t, { label: "Step 3", children: /* @__PURE__ */ e("div", { children: "Step 3 Content" }) }, "step-3")
-        ],
-        completeAll: !0
-      }).getByTestId("progress-stepper").querySelectorAll(".gi-progress-stepper-step-container")
-    ];
-    for (const l of r)
-      expect(l.dataset.completed).toBe("true"), expect(l.dataset.current).not.toBe("true"), expect(l.dataset.next).not.toBe("true");
-    expect(r.length).toBe(3);
-  }), it("should show slot content for the current and previous step index when vertical orientation", async () => {
-    const n = c({
-      currentStepIndex: 1,
-      children: [
-        /* @__PURE__ */ e(t, { label: "Step 1", children: /* @__PURE__ */ e("div", { children: "Step 1 Content" }) }),
-        /* @__PURE__ */ e(t, { label: "Step 2", children: /* @__PURE__ */ e("div", { children: "Step 2 Content" }) }),
-        /* @__PURE__ */ e(t, { label: "Step 3", children: /* @__PURE__ */ e("div", { children: "Step 3 Content" }) })
-      ],
-      orientation: "vertical"
-    }), p = n.getByTestId("vertical-step-slot-0"), r = n.getByTestId("vertical-step-slot-1"), l = n.queryByTestId("vertical-step-slot-2");
-    expect(p).toBeInTheDocument(), expect(r).toBeInTheDocument(), expect(l).toBeNull();
-  }), it("should show slot content for the current step index", async () => {
-    const n = c({
-      currentStepIndex: 0,
-      children: [
-        /* @__PURE__ */ e(t, { label: "Step 1", children: /* @__PURE__ */ e("div", { children: "Step 1 Content" }) }),
-        /* @__PURE__ */ e(t, { label: "Step 2", children: /* @__PURE__ */ e("div", { children: "Step 2 Content" }) }),
-        /* @__PURE__ */ e(t, { label: "Step 3", children: /* @__PURE__ */ e("div", { children: "Step 3 Content" }) })
-      ]
-    }), p = n.getByTestId("horizontal-step-slot-0"), r = n.queryByTestId("horizontal-step-slot-1"), l = n.queryByTestId("horizontal-step-slot-2");
-    expect(p).toBeInTheDocument(), expect(r).toBeNull(), expect(l).toBeNull();
-  }), it('should default open slot content while vertical orientation when "defaultOpen" is true', () => {
-    const n = c({
-      children: [
-        /* @__PURE__ */ e(t, { label: "Step 1", defaultOpen: !0, children: /* @__PURE__ */ e("div", { children: "Step 1 Content" }) }),
-        /* @__PURE__ */ e(t, { label: "Step 2", defaultOpen: !0, children: /* @__PURE__ */ e("div", { children: "Step 2 Content" }) }),
-        /* @__PURE__ */ e(t, { label: "Step 3", defaultOpen: !0, children: /* @__PURE__ */ e("div", { children: "Step 3 Content" }) })
-      ],
-      orientation: "vertical"
-    }), p = n.getByTestId("vertical-step-slot-0"), r = n.getByTestId("vertical-step-slot-1"), l = n.getByTestId("vertical-step-slot-2");
-    expect(p).toBeInTheDocument(), expect(r).toBeInTheDocument(), expect(l).toBeInTheDocument();
-  }), it('should check step numbers when "indicator" is a number', () => {
-    var r, l;
-    const p = c({
-      indicator: "number",
-      children: [
-        /* @__PURE__ */ e(t, { label: "Step 1", children: /* @__PURE__ */ e("div", { children: "Step 1 Content" }) }),
-        /* @__PURE__ */ e(t, { label: "Step 2", children: /* @__PURE__ */ e("div", { children: "Step 2 Content" }) }),
-        /* @__PURE__ */ e(t, { label: "Step 3", children: /* @__PURE__ */ e("div", { children: "Step 3 Content" }) })
-      ]
-    }).getAllByRole("listitem");
-    for (const o of p) {
-      const s = (l = (r = o.querySelector(".gi-progress-stepper-step")) == null ? void 0 : r.textContent) == null ? void 0 : l.trim();
-      expect(!Number.isNaN(Number(s))).toBe(!0);
-    }
-  }), it('should have a check icon for the completed steps when "indicator" is a number', () => {
-    const n = c({
-      indicator: "number",
-      currentStepIndex: 2,
-      children: [
-        /* @__PURE__ */ e(t, { label: "Step 1", children: /* @__PURE__ */ e("div", { children: "Step 1 Content" }) }),
-        /* @__PURE__ */ e(t, { label: "Step 2", children: /* @__PURE__ */ e("div", { children: "Step 2 Content" }) }),
-        /* @__PURE__ */ e(t, { label: "Step 3", children: /* @__PURE__ */ e("div", { children: "Step 3 Content" }) })
-      ]
-    }), [p, r, l] = n.getAllByRole("listitem").map(
-      (o) => {
-        var s, i;
-        return (i = (s = o.querySelector(".gi-progress-stepper-step")) == null ? void 0 : s.textContent) == null ? void 0 : i.trim();
-      }
-    );
-    expect(p).toBe("check"), expect(r).toBe("check"), expect(l).toBe("3");
-  }), it("should pass axe accessibility tests", async () => {
-    await c({
-      children: [
-        /* @__PURE__ */ e(t, { label: "Step 1", children: /* @__PURE__ */ e("div", { children: "Step 1 Content" }) }, "step-1"),
-        /* @__PURE__ */ e(t, { label: "Step 2", children: /* @__PURE__ */ e("div", { children: "Step 2 Content" }) }, "step-2"),
-        /* @__PURE__ */ e(t, { label: "Step 3", children: /* @__PURE__ */ e("div", { children: "Step 3 Content" }) }, "step-3")
-      ],
-      currentStepIndex: 0
-    }).axe();
-  });
-});

package/dist/section-break/section-break.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/section-break/section-break.test.js

@@ -1,36 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as o, r as i } from "../test-utilities-BS7B3BF-.js";
-import { SectionBreak as r } from "./section-break.js";
-describe("govieSectionBreak", () => {
-  afterEach(o);
-  const t = (s) => i(/* @__PURE__ */ c(r, { ...s }));
-  it('should have correct text size classes for "xl"', () => {
-    const e = t({
-      size: "xl",
-      dataTestid: "govie-section-break"
-    }).getByTestId("govie-section-break");
-    expect(e.classList.contains("gi-section-break-xl")).toBe(!0);
-  }), it('should have correct text size classes for "lg"', () => {
-    const e = t({
-      size: "lg",
-      dataTestid: "govie-section-break"
-    }).getByTestId("govie-section-break");
-    expect(e.classList.contains("gi-section-break-lg")).toBe(!0);
-  }), it('should have correct text size classes for "md"', () => {
-    const e = t({
-      size: "md",
-      dataTestid: "govie-section-break"
-    }).getByTestId("govie-section-break");
-    expect(e.classList.contains("gi-section-break-md")).toBe(!0);
-  }), it('should have correct text size classes for "sm"', () => {
-    const e = t({
-      size: "sm",
-      dataTestid: "govie-section-break"
-    }).getByTestId("govie-section-break");
-    expect(e.classList.contains("gi-section-break-sm")).toBe(!0);
-  }), it("should pass axe accessibility tests", async () => {
-    await t({
-      size: "md"
-    }).axe();
-  });
-});

package/dist/spinner/spinner.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/spinner/spinner.test.js

@@ -1,11 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as i, t as s, r as t } from "../test-utilities-BS7B3BF-.js";
-import { spinnerSizeVariants as o, Spinner as a } from "./spinner.js";
-describe("govieSpinner", () => {
-  afterEach(i);
-  const r = (e) => t(/* @__PURE__ */ n(a, { ...e }));
-  s(
-    Reflect.ownKeys(o),
-    (e) => r({ size: e })
-  );
-});

package/dist/stack/stack.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/stack/stack.test.js

@@ -1,44 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as s, r as n } from "../test-utilities-BS7B3BF-.js";
-import { Stack as o } from "./stack.js";
-describe("govieStack", () => {
-  afterEach(s);
-  const i = (e) => n(/* @__PURE__ */ t(o, { ...e, "data-testid": "govie-stack" })), c = [
-    /* @__PURE__ */ t("div", { children: "item 1" }, "stack_1"),
-    /* @__PURE__ */ t("div", { children: "item 2" }, "stack_2"),
-    /* @__PURE__ */ t("div", { children: "item 3" }, "stack_3")
-  ];
-  it("should Stack items render correctly", () => {
-    const e = i({
-      direction: "column",
-      itemsAlignment: "center",
-      itemsDistribution: "end",
-      gap: 1,
-      children: c
-    });
-    expect(e.getByTestId("govie-stack")).toBeInTheDocument(), expect(e.getByTestId("govie-stack-item-0")).toBeInTheDocument(), expect(e.getByTestId("govie-stack-item-1")).toBeInTheDocument(), expect(e.getByTestId("govie-stack-item-2")).toBeInTheDocument();
-  }), it("should Stack items render correctly with breakpoint configuration", () => {
-    const e = i({
-      direction: {
-        base: "column",
-        md: "row"
-      },
-      gap: {
-        sm: 2,
-        xs: 1,
-        md: 3
-      },
-      itemsAlignment: "start",
-      itemsDistribution: "start",
-      children: c
-    });
-    expect(e.getByTestId("govie-stack")).toBeInTheDocument(), expect(e.getByTestId("govie-stack-item-0")).toBeInTheDocument(), expect(e.getByTestId("govie-stack-item-1")).toBeInTheDocument(), expect(e.getByTestId("govie-stack-item-2")).toBeInTheDocument();
-  }), it("should pass axe accessibility tests", async () => {
-    await i({
-      direction: "column",
-      itemsAlignment: "start",
-      itemsDistribution: "start",
-      children: c
-    }).axe();
-  });
-});

package/dist/summary-list/summary-list.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/summary-list/summary-list.test.js

@@ -1,56 +0,0 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { c as i, r as l } from "../test-utilities-BS7B3BF-.js";
-import { SummaryList as m, SummaryListRow as r, SummaryListValue as o, SummaryListAction as a } from "./summary-list.js";
-describe("govieSummaryList", () => {
-  afterEach(i);
-  const c = (e) => l(/* @__PURE__ */ t(m, { ...e }));
-  it("should render SummaryList and its rows correctly", () => {
-    const { getByText: e } = c({
-      children: [
-        /* @__PURE__ */ n(r, { label: "Name", children: [
-          /* @__PURE__ */ t(o, { children: "John Smith" }),
-          /* @__PURE__ */ t(a, { href: "/change-name", children: "Change name" })
-        ] }, "1"),
-        /* @__PURE__ */ n(r, { label: "Date of Birth", children: [
-          /* @__PURE__ */ t(o, { children: "8 November 1982" }),
-          /* @__PURE__ */ t(a, { href: "/change-dob", children: "Change date of birth" })
-        ] }, "2")
-      ]
-    });
-    expect(e("Name")).toBeInTheDocument(), expect(e("John Smith")).toBeInTheDocument(), expect(e("Change name")).toBeInTheDocument(), expect(e("Date of Birth")).toBeInTheDocument(), expect(e("8 November 1982")).toBeInTheDocument(), expect(e("Change date of birth")).toBeInTheDocument();
-  }), it("should render correctly a row without an action", () => {
-    const { getByText: e } = c({
-      children: [
-        /* @__PURE__ */ t(r, { label: "Address", children: /* @__PURE__ */ n(o, { children: [
-          "72 Guild Street",
-          /* @__PURE__ */ t("br", {}),
-          "London",
-          /* @__PURE__ */ t("br", {}),
-          "SE23 6FH"
-        ] }) }, "1")
-      ]
-    });
-    expect(e("Address")).toBeInTheDocument(), expect(e("72 Guild Street", { exact: !1 })).toBeInTheDocument(), expect(e("London", { exact: !1 })).toBeInTheDocument(), expect(e("SE23 6FH", { exact: !1 })).toBeInTheDocument();
-  }), it("should render correctly with `withBorder` prop", () => {
-    const { getByText: e } = c({
-      children: [
-        /* @__PURE__ */ t(r, { label: "Contact Details", withBorder: !0, children: /* @__PURE__ */ n(o, { children: [
-          "07700 900900",
-          /* @__PURE__ */ t("br", {}),
-          "john.smith@example.com"
-        ] }) }, "1")
-      ]
-    }), h = e("Contact Details").closest("dl");
-    expect(h).toHaveAttribute("data-border", "true");
-  }), it("should pass axe accessibility tests", async () => {
-    const { axe: e } = c({
-      children: [
-        /* @__PURE__ */ n(r, { label: "Name", children: [
-          /* @__PURE__ */ t(o, { children: "John Smith" }),
-          /* @__PURE__ */ t(a, { href: "/change-name", children: "Change name" })
-        ] }, "1")
-      ]
-    });
-    await e();
-  });
-});

package/dist/table/table.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/table/table.test.js

@@ -1,18 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as a, r as n } from "../test-utilities-BS7B3BF-.js";
-import { TableContent as r } from "./table-content.js";
-import { Table as o } from "./table.js";
-describe("table", () => {
-  afterEach(a);
-  const t = (e) => n(/* @__PURE__ */ s(o, { ...e }));
-  it("should render table", () => {
-    const e = t({
-      children: r
-    });
-    expect(e.getByText("This is the table head")).toBeTruthy();
-  }), it("should pass axe tests", async () => {
-    await t({
-      children: r
-    }).axe();
-  });
-});

package/dist/tabs/tabs.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/tabs/tabs.test.js

@@ -1,44 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as o, f as i, r as c } from "../test-utilities-BS7B3BF-.js";
-import { TabsContent as s } from "./tabs-content.js";
-import { Tabs as l } from "./tabs.js";
-describe("tabs", () => {
-  afterEach(o);
-  const r = (e) => c(/* @__PURE__ */ n(l, { ...e }));
-  it("should render tabs", () => {
-    const e = r({
-      ariaLabelledBy: "tabs",
-      id: "tab-1",
-      children: s
-    });
-    expect(e.getByText("Tab 1 Content")).toBeTruthy();
-  }), it("should render tabs", () => {
-    const e = r({
-      ariaLabelledBy: "tabs",
-      id: "tab-1",
-      children: s
-    });
-    expect(e.getByText("Tab 2 Content")).toBeTruthy();
-  }), it("should allow selecting a tab", () => {
-    const e = r({
-      ariaLabelledBy: "tabs",
-      id: "tab-1",
-      children: s
-    }), a = e.container.querySelector('[role="tablist"]'), t = a == null ? void 0 : a.querySelectorAll("button");
-    t && (i.click(t[1]), expect(t[1]).toHaveAttribute("aria-selected", "true"), expect(t[0]).toHaveAttribute("aria-selected", "false"), expect(e.getByText("Tab 2 Content")).toBeVisible());
-  }), it("should pass axe tests", async () => {
-    var a;
-    const e = r({
-      ariaLabelledBy: "tabs",
-      id: "tab-1",
-      children: s
-    });
-    try {
-      await e.axe();
-    } catch (t) {
-      if ((a = t.message) != null && a.includes("input[aria-labelledby]"))
-        return;
-      throw t;
-    }
-  });
-});

package/dist/tag/tag.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/tag/tag.test.js

@@ -1,40 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as o, r as i } from "../test-utilities-BS7B3BF-.js";
-import { Tag as g, TagTypeEnum as t } from "./tag.js";
-describe("govieTag", () => {
-  afterEach(o);
-  const a = (e) => i(/* @__PURE__ */ n(g, { ...e }));
-  it("should render a tag with the correct content", () => {
-    const s = a({
-      text: "This is a tag",
-      type: t.Default
-    }).getByText("This is a tag");
-    expect(s).toBeTruthy(), expect(s.tagName).toBe("STRONG");
-  });
-  const c = {
-    [t.Info]: "gi-tag-info",
-    [t.Default]: "gi-tag-default",
-    [t.Success]: "gi-tag-success",
-    [t.Warning]: "gi-tag-warning",
-    [t.Error]: "gi-tag-error"
-  };
-  describe.each(Object.entries(c))(
-    "should have the correct class for %s",
-    (e, s) => {
-      it(`${e} tag`, () => {
-        const r = a({
-          text: `${e.charAt(0).toUpperCase() + e.slice(1)} tag`,
-          type: e
-        }).getByText(
-          `${e.charAt(0).toUpperCase() + e.slice(1)} tag`
-        );
-        expect(r.classList.contains(s)).toBe(!0);
-      });
-    }
-  ), it("should pass axe accessibility tests", async () => {
-    await a({
-      text: "Accessible tag",
-      type: t.Info
-    }).axe();
-  });
-});