@noctuatech/uswds 0.0.23 → 0.0.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/uswds.min.js +1 -1
- package/package.json +5 -5
- package/src/lib/define.ts +1 -0
- package/src/lib/file-input/file-input-preview/file-input-preview.element.ts +7 -2
- package/src/lib/step-indicator/step/step.element.ts +27 -29
- package/src/lib/step-indicator/step-indicator.element.ts +1 -1
- package/src/lib/step-indicator/step-indicator.stories.ts +9 -6
- package/src/lib/textarea/textarea.element.ts +141 -0
- package/src/lib/textarea/textarea.stories.ts +24 -0
- package/src/lib/textarea/textarea.test.ts +63 -0
- package/src/lib.ts +1 -0
- package/target/lib/define.d.ts +1 -0
- package/target/lib/define.js +1 -0
- package/target/lib/define.js.map +1 -1
- package/target/lib/file-input/file-input-preview/file-input-preview.element.js +4 -1
- package/target/lib/file-input/file-input-preview/file-input-preview.element.js.map +1 -1
- package/target/lib/step-indicator/step/step.element.js +27 -29
- package/target/lib/step-indicator/step/step.element.js.map +1 -1
- package/target/lib/step-indicator/step-indicator.element.js +1 -1
- package/target/lib/step-indicator/step-indicator.stories.d.ts +1 -1
- package/target/lib/step-indicator/step-indicator.stories.js +9 -6
- package/target/lib/step-indicator/step-indicator.stories.js.map +1 -1
- package/target/lib/textarea/textarea.element.d.ts +19 -0
- package/target/lib/textarea/textarea.element.js +171 -0
- package/target/lib/textarea/textarea.element.js.map +1 -0
- package/target/lib/textarea/textarea.stories.d.ts +12 -0
- package/target/lib/textarea/textarea.stories.js +17 -0
- package/target/lib/textarea/textarea.stories.js.map +1 -0
- package/target/lib/textarea/textarea.test.d.ts +1 -0
- package/target/lib/textarea/textarea.test.js +50 -0
- package/target/lib/textarea/textarea.test.js.map +1 -0
- package/target/lib.d.ts +1 -0
- package/target/lib.js +1 -0
- package/target/lib.js.map +1 -1
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { html } from "lit";
|
|
2
|
+
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
|
|
3
|
+
const meta = {
|
|
4
|
+
title: "usa-textarea",
|
|
5
|
+
tags: ["autodocs"],
|
|
6
|
+
render(args) {
|
|
7
|
+
return html `<usa-textarea>Hello World</usa-textarea>`;
|
|
8
|
+
},
|
|
9
|
+
argTypes: {},
|
|
10
|
+
args: {},
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
|
|
14
|
+
export const Primary = {
|
|
15
|
+
args: {},
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=textarea.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textarea.stories.js","sourceRoot":"","sources":["../../../src/lib/textarea/textarea.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,cAAc;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA,0CAA0C,CAAC;IACxD,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CAC0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import "./textarea.element.js";
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import "./textarea.element.js";
|
|
2
|
+
import { fireEvent } from "@noctuatech-uswds/testing";
|
|
3
|
+
import { assert, fixture, html } from "@open-wc/testing";
|
|
4
|
+
describe("usa-textarea", () => {
|
|
5
|
+
it("should be accessible", async () => {
|
|
6
|
+
const form = await fixture(html `
|
|
7
|
+
<usa-textarea name="fname" value="Foo">Hello World</usa-textarea>
|
|
8
|
+
`);
|
|
9
|
+
return assert.isAccessible(form);
|
|
10
|
+
});
|
|
11
|
+
it("should submit form with default values", async () => {
|
|
12
|
+
const form = await fixture(html `
|
|
13
|
+
<form>
|
|
14
|
+
<usa-textarea name="fname" value="Foo">Hello World</usa-textarea>
|
|
15
|
+
|
|
16
|
+
<button>Submit</button>
|
|
17
|
+
</form>
|
|
18
|
+
`);
|
|
19
|
+
const value = new FormData(form);
|
|
20
|
+
assert.equal(value.get("fname"), "Foo");
|
|
21
|
+
});
|
|
22
|
+
it("should update form value as input value changed", async () => {
|
|
23
|
+
const form = await fixture(html `
|
|
24
|
+
<form>
|
|
25
|
+
<usa-textarea name="fname">Hello World</usa-textarea>
|
|
26
|
+
|
|
27
|
+
<button>Submit</button>
|
|
28
|
+
</form>
|
|
29
|
+
`);
|
|
30
|
+
const input = form.querySelector("usa-textarea");
|
|
31
|
+
const nativeInput = input?.shadowRoot?.querySelector("textarea");
|
|
32
|
+
if (nativeInput) {
|
|
33
|
+
nativeInput.value = "Bar";
|
|
34
|
+
await fireEvent.input(nativeInput, { bubbles: true });
|
|
35
|
+
}
|
|
36
|
+
const value = new FormData(form);
|
|
37
|
+
assert.equal(value.get("fname"), "Bar");
|
|
38
|
+
});
|
|
39
|
+
it("should not submit when not valid", async () => {
|
|
40
|
+
const form = await fixture(html `
|
|
41
|
+
<form>
|
|
42
|
+
<usa-textarea name="fname" required>Hello World</usa-textarea>
|
|
43
|
+
|
|
44
|
+
<button>Submit</button>
|
|
45
|
+
</form>
|
|
46
|
+
`);
|
|
47
|
+
assert.equal(form.checkValidity(), false);
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
//# sourceMappingURL=textarea.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textarea.test.js","sourceRoot":"","sources":["../../../src/lib/textarea/textarea.test.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEzD,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,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC;YAE1B,MAAM,SAAS,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACxD,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/target/lib.d.ts
CHANGED
|
@@ -29,3 +29,4 @@ export { USACardBodyElement } from "./lib/card/card-body/card-body.element.js";
|
|
|
29
29
|
export { USACardFooterElement } from "./lib/card/card-footer/card-footer.element.js";
|
|
30
30
|
export { USACardImgElement } from "./lib/card/card-media/card-media.element.js";
|
|
31
31
|
export { USACardGroupElement } from "./lib/card/card-group/card-group.element.js";
|
|
32
|
+
export { USATextareaElement } from "./lib/textarea/textarea.element.js";
|
package/target/lib.js
CHANGED
|
@@ -29,4 +29,5 @@ export { USACardBodyElement } from "./lib/card/card-body/card-body.element.js";
|
|
|
29
29
|
export { USACardFooterElement } from "./lib/card/card-footer/card-footer.element.js";
|
|
30
30
|
export { USACardImgElement } from "./lib/card/card-media/card-media.element.js";
|
|
31
31
|
export { USACardGroupElement } from "./lib/card/card-group/card-group.element.js";
|
|
32
|
+
export { USATextareaElement } from "./lib/textarea/textarea.element.js";
|
|
32
33
|
//# sourceMappingURL=lib.js.map
|
package/target/lib.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,0BAA0B,EAAE,MAAM,mEAAmE,CAAC;AAC/G,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AAC5F,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC"}
|
|
1
|
+
{"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,0BAA0B,EAAE,MAAM,mEAAmE,CAAC;AAC/G,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AAC5F,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC"}
|