@noctuatech/uswds 1.3.2 → 1.3.4

package/target/lib/textarea/textarea.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.element.js","sourceRoot":"","sources":["../../../src/lib/textarea/textarea.element.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"textarea.element.js","sourceRoot":"","sources":["../../../src/lib/textarea/textarea.element.ts"],"names":[],"mappings":"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"}

package/target/lib/textarea/textarea.element.test.d.ts

@@ -0,0 +1 @@
+import './textarea.element.js';

package/target/lib/textarea/{textarea.test.js → textarea.element.test.js}

@@ -1,29 +1,29 @@
-import "./textarea.element.js";
-import { assert, fixture, html } from "@open-wc/testing";
-import { userEvent } from "@testing-library/user-event";
-describe("usa-textarea", () => {
-    it("should be accessible", async () => {
+import './textarea.element.js';
+import { assert, fixture, html } from '@open-wc/testing';
+import { userEvent } from '@testing-library/user-event';
+describe('usa-textarea', () => {
+    it('should be accessible', async () => {
         const form = await fixture(html `<usa-textarea name="fname" value="Foo">Hello World</usa-textarea>`);
         return assert.isAccessible(form);
     });
-    it("should submit form with default values", async () => {
+    it('should submit form with default values', async () => {
         const form = await fixture(html `<form><usa-textarea name="fname" value="Foo">Hello World</usa-textarea><button>Submit</button></form>`);
         const value = new FormData(form);
-        assert.equal(value.get("fname"), "Foo");
+        assert.equal(value.get('fname'), 'Foo');
     });
-    it("should update form value as input value changed", async () => {
+    it('should update form value as input value changed', async () => {
         const form = await fixture(html `<form><usa-textarea name="fname">Hello World</usa-textarea><button>Submit</button></form>`);
-        const input = form.querySelector("usa-textarea");
-        const nativeInput = input?.shadowRoot?.querySelector("textarea");
+        const input = form.querySelector('usa-textarea');
+        const nativeInput = input?.shadowRoot?.querySelector('textarea');
         if (nativeInput) {
-            await userEvent.type(nativeInput, "Bar");
+            await userEvent.type(nativeInput, 'Bar');
         }
         const value = new FormData(form);
-        assert.equal(value.get("fname"), "Bar");
+        assert.equal(value.get('fname'), 'Bar');
     });
-    it("should not submit when not valid", async () => {
+    it('should not submit when not valid', async () => {
         const form = await fixture(html `<form><usa-textarea name="fname" required>Hello World</usa-textarea><button>Submit</button></form>`);
         assert.equal(form.checkValidity(), false);
     });
 });
-//# sourceMappingURL=textarea.test.js.map
+//# sourceMappingURL=textarea.element.test.js.map

package/target/lib/textarea/textarea.element.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.element.test.js","sourceRoot":"","sources":["../../../src/lib/textarea/textarea.element.test.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;KAE/C,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;;;;;KAM/C,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEjC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,IAAI,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;;;;;KAM/C,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QACjD,MAAM,WAAW,GAAG,KAAK,EAAE,UAAU,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QAEjE,IAAI,WAAW,EAAE,CAAC;YAChB,MAAM,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QAC3C,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEjC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;;;;;KAM/C,CAAC,CAAC;QAEH,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/src/lib/breadcrumbs/breadcrumbs.test.ts

@@ -1,21 +0,0 @@
-import "./breadcrumbs.element.js";
-import "./breadcrumb/breadcrumb.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USABreadcrumbsElement } from "./breadcrumbs.element.js";
-
-describe("usa-breadcrumbs", () => {
-  it("should be accessible", async () => {
-    const breadcrumbs = await fixture<USABreadcrumbsElement>(html`
-      <usa-breadcrumbs>
-        <usa-breadcrumb href="/">Home</usa-breadcrumb>
-        <usa-breadcrumb href="/">Federal Contracting</usa-breadcrumb>
-        <usa-breadcrumb href="/">Contracting assistance programs</usa-breadcrumb>
-        <usa-breadcrumb>Economically disadvantaged women-owned small business federal contracting program</usa-breadcrumb>
-      </usa-breadcrumbs>
-    `);
-
-    return assert.isAccessible(breadcrumbs);
-  });
-});

package/src/lib/button/button.test.ts

@@ -1,17 +0,0 @@
-import "./button.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import { BUTTON_VARIANTS, type USAButtonElement } from "./button.element.js";
-
-describe("usa-button", () => {
-  for (const variant of BUTTON_VARIANTS) {
-    it("should be accessible", async () => {
-      const button = await fixture<USAButtonElement>(html`
-        <usa-button variant=${variant}>Hello World</usa-button>
-      `);
-
-      return assert.isAccessible(button);
-    });
-  }
-});

package/src/lib/button-group/button-group.test.ts

@@ -1,15 +0,0 @@
-import "./button-group.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USAButtonGroupElement } from "./button-group.element.js";
-
-describe("usa-button-group", () => {
-  it("should be accessible", async () => {
-    const buttonGroup = await fixture<USAButtonGroupElement>(html`
-      <usa-button-group>Hello World</usa-button-group>
-    `);
-
-    return assert.isAccessible(buttonGroup);
-  });
-});

package/src/lib/collection/collection-item/collection-item.test.ts

@@ -1,15 +0,0 @@
-import "./collection-item.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USACollectionItemElement } from "./collection-item.element.js";
-
-describe("usa-collection-item", () => {
-  it("should be accessible", async () => {
-    const collectionItem = await fixture<USACollectionItemElement>(html`
-      <usa-collection-item>Hello World</usa-collection-item>
-    `);
-
-    return assert.isAccessible(collectionItem);
-  });
-});

package/src/lib/collection/collection.test.ts

@@ -1,15 +0,0 @@
-import "./collection.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USACollectionElement } from "./collection.element.js";
-
-describe("usa-collection", () => {
-  it("should be accessible", async () => {
-    const collection = await fixture<USACollectionElement>(html`
-      <usa-collection>Hello World</usa-collection>
-    `);
-
-    return assert.isAccessible(collection);
-  });
-});

package/src/lib/config/config.test.ts

@@ -1,15 +0,0 @@
-import "./config.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USAConfigElement } from "./config.element.js";
-
-describe("usa-config", () => {
-  it("should be accessible", async () => {
-    const config = await fixture<USAConfigElement>(html`
-      <usa-config>Hello World</usa-config>
-    `);
-
-    return assert.isAccessible(config);
-  });
-});

package/src/lib/description/description.test.ts

@@ -1,15 +0,0 @@
-import "./description.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USADescriptionElement } from "./description.element.js";
-
-describe("usa-description", () => {
-  it("should be accessible", async () => {
-    const description = await fixture<USADescriptionElement>(html`
-      <usa-description>Hello World</usa-description>
-    `);
-
-    return assert.isAccessible(description);
-  });
-});

package/src/lib/file-input/file-input-preview/file-input-preview.test.ts

@@ -1,95 +0,0 @@
-import "./file-input-preview.element.js";
-import "../../link/link.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USAFileInputPreviewElement } from "./file-input-preview.element.js";
-
-describe("usa-file-input-preview", () => {
-  it("should be accessible with no files", async () => {
-    const fileInputPreview = await fixture<USAFileInputPreviewElement>(html`
-      <usa-file-input-preview>
-        Selected file <usa-link>Change file</usa-link>
-      </usa-file-input-preview>
-    `);
-
-    return assert.isAccessible(fileInputPreview);
-  });
-
-  it("should be accessible with files", async () => {
-    const data = new DataTransfer();
-    data.items.add(new File([], "image1.jpg"));
-    data.items.add(new File([], "image2.jpg"));
-
-    const fileInputPreview = await fixture<USAFileInputPreviewElement>(html`
-      <usa-file-input-preview .files=${data.files}>
-        Selected file <usa-link>Change file</usa-link>
-      </usa-file-input-preview>
-    `);
-
-    return assert.isAccessible(fileInputPreview);
-  });
-
-  it("should display file preview for images", async () => {
-    const data = new DataTransfer();
-    data.items.add(new File([], "image1.jpg"));
-    data.items.add(new File([], "image2.jpg"));
-
-    const { shadowRoot } = await fixture<USAFileInputPreviewElement>(html`
-      <usa-file-input-preview .files=${data.files}>
-        Selected file <usa-link>Change file</usa-link>
-      </usa-file-input-preview>
-    `);
-
-    const previewItems = Array.from(
-      shadowRoot?.querySelectorAll(".preview-item") ?? [],
-    ).map((item) => item.textContent?.trim());
-
-    assert.deepEqual(previewItems, ["image1.jpg", "image2.jpg"]);
-  });
-
-  it("should display fewer previews when the number of items decreases", async () => {
-    const data = new DataTransfer();
-    data.items.add(new File([], "image1.jpg"));
-    data.items.add(new File([], "image2.jpg"));
-
-    const fileInputPreview = await fixture<USAFileInputPreviewElement>(html`
-      <usa-file-input-preview .files=${data.files}>
-        Selected file <usa-link>Change file</usa-link>
-      </usa-file-input-preview>
-    `);
-
-    const data2 = new DataTransfer();
-    data2.items.add(new File([], "image1.jpg"));
-
-    fileInputPreview.files = data2.files;
-
-    // need this to wait for effects to resolve
-    await Promise.resolve();
-
-    const previewItems = Array.from(
-      fileInputPreview.shadowRoot?.querySelectorAll(".preview-item") ?? [],
-    ).map((item) => item.textContent?.trim());
-
-    assert.deepEqual(previewItems, ["image1.jpg"]);
-  });
-
-  it("should create preview images for each file", async () => {
-    const data = new DataTransfer();
-    data.items.add(new File(["Image1"], "image1.jpg", { type: "image/jpg" }));
-    data.items.add(new File(["Image2"], "image2.jpg", { type: "image/jpg" }));
-
-    const { shadowRoot } = await fixture<USAFileInputPreviewElement>(html`
-      <usa-file-input-preview .files=${data.files}>
-        Selected file <usa-link>Change file</usa-link>
-      </usa-file-input-preview>
-    `);
-
-    const [first, second] = Array.from(
-      shadowRoot?.querySelectorAll<HTMLImageElement>(".preview-item img") ?? [],
-    ).map((item) => item.src.substring(29));
-
-    // we are just testing that the two hashes are in fact different
-    assert.isFalse(first === second);
-  });
-});

package/src/lib/file-input/file-input.test.ts

@@ -1,79 +0,0 @@
-import "./file-input.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USAFileInputElement } from "./file-input.element.js";
-
-describe("usa-file-input", () => {
-  it("should be accessible", async () => {
-    const fileInput = await fixture<USAFileInputElement>(html`
-      <usa-file-input>Hello World</usa-file-input>
-    `);
-
-    return assert.isAccessible(fileInput);
-  });
-
-  it("should submit files with the form", async () => {
-    const data = new DataTransfer();
-    data.items.add(new File([], "first.txt"));
-    data.items.add(new File([], "second.txt"));
-
-    const form = await fixture<HTMLFormElement>(html`
-      <form>
-        <usa-file-input name="upload" .files=${data.files}>
-          Input accepts a single file
-
-          <div slot="description">
-            Drag file here or <usa-link>choose from folder</usa-link>
-          </div>
-        </usa-file-input>
-
-        <button>Submit</button>
-      </form>
-    `);
-
-    const formData = new FormData(form);
-
-    const fileNames = formData.getAll("upload").map((file) => {
-      if (file instanceof File) {
-        return file.name;
-      }
-
-      return "";
-    });
-
-    assert.deepEqual(fileNames, ["first.txt", "second.txt"]);
-  });
-
-  it("should show file preview after drag and drop", async () => {
-    const fileInput = await fixture<USAFileInputElement>(html`
-      <usa-file-input>
-        Input accepts a single file
-      </usa-file-input>
-    `);
-
-    const nativeInput = fileInput.shadowRoot?.querySelector("input");
-
-    assert.isOk(nativeInput);
-
-    // Simulate drag and drop with a file
-    const data = new DataTransfer();
-    data.items.add(new File([], "test.txt"));
-
-    const dropEvent = new DragEvent("drop", {
-      dataTransfer: data,
-      bubbles: true,
-      cancelable: true,
-    });
-
-    nativeInput.dispatchEvent(dropEvent);
-
-    // Wait for effects to resolve
-    await Promise.resolve();
-
-    // Verify that filesVisible is true and files are set
-    assert.isTrue(fileInput.filesVisible);
-    assert.equal(fileInput.files?.length, 1);
-    assert.equal(fileInput.files?.[0].name, "test.txt");
-  });
-});

package/src/lib/modal/modal-close/modal-close.test.ts

@@ -1,15 +0,0 @@
-import "./modal-close.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USAModalCloseElement } from "./modal-close.element.js";
-
-describe("usa-modal-close", () => {
-  it("should be accessible", async () => {
-    const modalClose = await fixture<USAModalCloseElement>(html`
-      <usa-modal-close>Hello World</usa-modal-close>
-    `);
-
-    return assert.isAccessible(modalClose);
-  });
-});

package/src/lib/modal/modal-heading/modal-heading.test.ts

@@ -1,15 +0,0 @@
-import "./modal-heading.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USAModalHeadingElement } from "./modal-heading.element.js";
-
-describe("usa-modal-heading", () => {
-  it("should be accessible", async () => {
-    const modalHeading = await fixture<USAModalHeadingElement>(html`
-      <usa-modal-heading>Hello World</usa-modal-heading>
-    `);
-
-    return assert.isAccessible(modalHeading);
-  });
-});

package/src/lib/modal/modal.test.ts

@@ -1,25 +0,0 @@
-import "./modal.element.js";
-import "./modal-heading/modal-heading.element.js";
-import "./modal-close/modal-close.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USAModalElement } from "./modal.element.js";
-
-describe("usa-modal", () => {
-  it("should be accessible", async () => {
-    const modal = await fixture<USAModalElement>(html`
-      <usa-modal open>
-        <usa-modal-close></usa-modal-close>
-
-        <usa-modal-heading>
-          Are you sure you want to continue?
-        </usa-modal-heading>
-
-        <p>This is some other example of content</p>
-      </usa-modal>
-    `);
-
-    return assert.isAccessible(modal);
-  });
-});

package/src/lib/pagination/pagination.test.ts

@@ -1,15 +0,0 @@
-import "./pagination.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USAPaginationElement } from "./pagination.element.js";
-
-describe("usa-pagination", () => {
-  it("should be accessible", async () => {
-    const pagination = await fixture<USAPaginationElement>(html`
-      <usa-pagination>Hello World</usa-pagination>
-    `);
-
-    return assert.isAccessible(pagination);
-  });
-});

package/src/lib/radio/radio-option/radio-option.test.ts

@@ -1,20 +0,0 @@
-import "../radio.element.js";
-import "./radio-option.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USARadioOptionElement } from "./radio-option.element.js";
-
-describe("usa-radio-option", () => {
-  it("should map value to slot", async () => {
-    const radio = await fixture<USARadioOptionElement>(html`
-      <usa-radio>
-        <usa-radio-option value="first">First</usa-radio-option>
-      </usa-radio>
-    `);
-
-    const option = radio.querySelectorAll("usa-radio-option");
-
-    assert.equal(option[0].value, option[0].slot);
-  });
-});

package/src/lib/radio/radio.test.ts

@@ -1,174 +0,0 @@
-import "./radio.element.js";
-import "./radio-option/radio-option.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USARadioElement } from "./radio.element.js";
-
-describe("usa-radio", () => {
-  it("should be accessible", async () => {
-    const radio = await fixture<USARadioElement>(html`
-      <usa-radio name="historical-figures" value="frederick-douglass" tiled>
-        <usa-radio-option value="sojourner-truth">
-          Sojourner Truth
-        </usa-radio-option>
-
-        <usa-radio-option value="frederick-douglass">
-          Frederick Douglass
-        </usa-radio-option>
-
-        <usa-radio-option value="booker-t-washington">
-          Booker T. Washington
-        </usa-radio-option>
-
-        <usa-radio-option value="george-washington-carver">
-          George Washington Carver
-        </usa-radio-option>
-      </usa-radio>
-    `);
-
-    return assert.isAccessible(radio);
-  });
-
-  it("should create local inputs for each option", async () => {
-    const form = await fixture<HTMLFormElement>(html`
-      <form>
-        <usa-radio name="historical-figures" value="frederick-douglass">
-          <usa-radio-option value="sojourner-truth">
-            Sojourner Truth
-          </usa-radio-option>
-
-          <usa-radio-option value="frederick-douglass">
-            Frederick Douglass
-          </usa-radio-option>
-
-          <usa-radio-option value="booker-t-washington">
-            Booker T. Washington
-          </usa-radio-option>
-
-          <usa-radio-option value="george-washington-carver">
-            George Washington Carver
-          </usa-radio-option>
-        </usa-radio>
-      </form>
-    `);
-
-    const nativeInputs =
-      form.querySelector("usa-radio")?.shadowRoot?.querySelectorAll("input") ??
-      [];
-
-    assert.deepEqual(
-      Array.from(nativeInputs).map((input) => input.value),
-      [
-        "sojourner-truth",
-        "frederick-douglass",
-        "booker-t-washington",
-        "george-washington-carver",
-      ],
-    );
-  });
-
-  it("should remove inputs when options are removed", async () => {
-    const form = await fixture<HTMLFormElement>(html`
-      <form>
-        <usa-radio name="historical-figures" value="frederick-douglass">
-          <usa-radio-option value="sojourner-truth">
-            Sojourner Truth
-          </usa-radio-option>
-
-          <usa-radio-option value="frederick-douglass">
-            Frederick Douglass
-          </usa-radio-option>
-
-          <usa-radio-option value="booker-t-washington">
-            Booker T. Washington
-          </usa-radio-option>
-
-          <usa-radio-option value="george-washington-carver">
-            George Washington Carver
-          </usa-radio-option>
-        </usa-radio>
-      </form>
-    `);
-
-    const options = form.querySelectorAll("usa-radio-option");
-
-    options[2].remove();
-
-    const nativeInputs =
-      form.querySelector("usa-radio")?.shadowRoot?.querySelectorAll("input") ??
-      [];
-
-    assert.deepEqual(
-      Array.from(nativeInputs).map((input) => input.value),
-      ["sojourner-truth", "frederick-douglass", "george-washington-carver"],
-    );
-  });
-
-  it("should submit form with default values", async () => {
-    const form = await fixture<HTMLFormElement>(html`
-      <form>
-        <usa-radio name="historical-figures" value="frederick-douglass">
-          <usa-radio-option value="sojourner-truth">
-            Sojourner Truth
-          </usa-radio-option>
-
-          <usa-radio-option value="frederick-douglass">
-            Frederick Douglass
-          </usa-radio-option>
-
-          <usa-radio-option value="booker-t-washington">
-            Booker T. Washington
-          </usa-radio-option>
-
-          <usa-radio-option value="george-washington-carver">
-            George Washington Carver
-          </usa-radio-option>
-        </usa-radio>
-      </form>
-    `);
-
-    const value = new FormData(form);
-
-    const nativeInputs =
-      form.querySelector("usa-radio")?.shadowRoot?.querySelectorAll("input") ??
-      [];
-
-    assert.equal(nativeInputs[1].checked, true);
-    assert.equal(value.get("historical-figures"), "frederick-douglass");
-  });
-
-  it("should submit form with changed value", async () => {
-    const form = await fixture<HTMLFormElement>(html`
-      <form>
-        <usa-radio name="historical-figures" value="frederick-douglass">
-          <usa-radio-option value="sojourner-truth">
-            Sojourner Truth
-          </usa-radio-option>
-
-          <usa-radio-option value="frederick-douglass">
-            Frederick Douglass
-          </usa-radio-option>
-
-          <usa-radio-option value="booker-t-washington">
-            Booker T. Washington
-          </usa-radio-option>
-
-          <usa-radio-option value="george-washington-carver">
-            George Washington Carver
-          </usa-radio-option>
-        </usa-radio>
-      </form>
-    `);
-
-    const nativeInputs =
-      form.querySelector("usa-radio")?.shadowRoot?.querySelectorAll("input") ??
-      [];
-
-    nativeInputs[3].click();
-
-    const value = new FormData(form);
-
-    assert.equal(value.get("historical-figures"), "george-washington-carver");
-  });
-});