npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1341 → 3.0.1342 - Mend

@cloudscape-design/components-themeable 3.0.1341 → 3.0.1342

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.

Files changed (157) hide show

package/lib/internal/template/test-utils/dom/pagination/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/pagination/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,~~gEAAmF~~;~~AAEnF~~,sCAAsC;AACtC,oCAAoC;AACpC,wCAAwC;AAExC,iFAA6D;~~AAE7D~~,MAAa,uBAAwB,SAAQ,sBAAmC;IAE9E,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;IACxF,CAAC;CACF;AALD,0DAKC;AAHC;IADC,aAAO;yDAGP;AAGH,MAAqB,iBAAkB,SAAQ,sBAAgB;IAG7D,eAAe;QACb,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACtF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,kBAAkB,CAAoB,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAC1E,OAAO,CAAC,EAAE,CAAC,IAAI,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAC7D,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,qBAAqB,CAAC,KAAa;QACjC,6CAA6C;QAC7C,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,SAAS,MAAM,6BAAM,CAAC,MAAM,EAAE,EAAE,uBAAuB,CAAC,CAAC;IACrG,CAAC;IAED,sBAAsB;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,mBAAmB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACzF,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,yBAAyB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IAC/F,CAAC;IAED;;OAEG;IACH,mBAAmB;QACjB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,oBAAoB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IAC9E,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QACzE,OAAO,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,QAAQ,EAAE,gBAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACjG,CAAC;IAED;;OAEG;IACH,qBAAqB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,iBAAc,CAAC,YAAY,EAAE,EAAE,iBAAc,CAAC,CAAC;IAC/E,CAAC;IAGD,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IAClE,CAAC;;~~AAxDM~~,8BAAY,GAAG,6BAAM,CAAC,IAAI,CAAC;kBADf,iBAAiB;~~AAuDpC~~;IADC,aAAO;mDAGP"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/pagination/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAmG;AAEnG,sCAAsC;AACtC,oCAAoC;AACpC,wCAAwC;AAExC,iFAA6D;AAC7D,8FAA8E;AAE9E,MAAa,uBAAwB,SAAQ,sBAAmC;IAE9E,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;IACxF,CAAC;CACF;AALD,0DAKC;AAHC;IADC,aAAO;yDAGP;AAGH,MAAqB,iBAAkB,SAAQ,sBAAgB;IAG7D,eAAe;QACb,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACtF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,kBAAkB,CAAoB,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAC1E,OAAO,CAAC,EAAE,CAAC,IAAI,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAC7D,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,qBAAqB,CAAC,KAAa;QACjC,6CAA6C;QAC7C,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,SAAS,MAAM,6BAAM,CAAC,MAAM,EAAE,EAAE,uBAAuB,CAAC,CAAC;IACrG,CAAC;IAED,sBAAsB;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,mBAAmB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACzF,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,yBAAyB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IAC/F,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAU,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAChE,CAAC;IAED;;OAEG;IACH,mBAAmB;QACjB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,oBAAoB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IAC9E,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QACzE,OAAO,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,QAAQ,EAAE,gBAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACjG,CAAC;IAED;;OAEG;IACH,qBAAqB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,iBAAc,CAAC,YAAY,EAAE,EAAE,iBAAc,CAAC,CAAC;IAC/E,CAAC;IAGD,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IAClE,CAAC;;AA/DM,8BAAY,GAAG,6BAAM,CAAC,IAAI,CAAC;kBADf,iBAAiB;AA8DpC;IADC,aAAO;mDAGP"}

package/lib/internal/template/test-utils/dom/select/index.d.ts CHANGED Viewed

@@ -26,6 +26,22 @@ export default class SelectWrapper extends DropdownHostComponentWrapper {
         expandToViewport: boolean;
     }): InputWrapper | null;
     findInlineLabel(): ElementWrapper | null;
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper | null;
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper | null;
     findPlaceholder(): ElementWrapper | null;
     findTrigger(): ElementWrapper;
     isDisabled(): boolean;

package/lib/internal/template/test-utils/dom/select/index.js CHANGED Viewed

@@ -43,6 +43,22 @@ class SelectWrapper extends dropdown_host_1.default {
     findInlineLabel() {
         return this.findByClassName(styles_selectors_js_5.default['inline-label']);
     }
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options = { expandToViewport: false }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_6.default['dropdown-header']);
+    }
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options = { expandToViewport: false }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_6.default['dropdown-footer']);
+    }
     findPlaceholder() {
         return this.findByClassName(styles_selectors_js_5.default.placeholder);
     }

package/lib/internal/template/test-utils/dom/select/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/select/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAiF;AAEjF,oCAAoC;AACpC,6DAAqE;AAErE,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,mFAA0E;AAC1E,6EAA+D;AAE/D,MAAqB,aAAc,SAAQ,uBAA4B;IAGrE;;;OAGG;IACH,uBAAuB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QAC3D,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,QAAQ,CAAC,CAAC;IAC3E,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACvD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAoB,CAAC,IAAI,CAAC,CAAC;IAC/E,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACtD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,6BAAW,CAAC,iBAAiB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IACtG,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,WAAW,CAAC,CAAC;IAC7D,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;IAGD,UAAU;QACR,OAAQ,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,EAAwB,CAAC,QAAQ,CAAC;IACzE,CAAC;;~~AA1CM~~,0BAAY,GAAW,6BAAY,CAAC,IAAI,CAAC;kBAD7B,aAAa;~~AAyChC~~;IADC,aAAO;+CAGP"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/select/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAiF;AAEjF,oCAAoC;AACpC,6DAAqE;AAErE,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,mFAA0E;AAC1E,6EAA+D;AAE/D,MAAqB,aAAc,SAAQ,uBAA4B;IAGrE;;;OAGG;IACH,uBAAuB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QAC3D,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,QAAQ,CAAC,CAAC;IAC3E,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACvD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAoB,CAAC,IAAI,CAAC,CAAC;IAC/E,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACtD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,6BAAW,CAAC,iBAAiB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IACtG,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACtD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrF,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACtD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,WAAW,CAAC,CAAC;IAC7D,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;IAGD,UAAU;QACR,OAAQ,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,EAAwB,CAAC,QAAQ,CAAC;IACzE,CAAC;;AA5DM,0BAAY,GAAW,6BAAY,CAAC,IAAI,CAAC;kBAD7B,aAAa;AA2DhC;IADC,aAAO;+CAGP"}

package/lib/internal/template/test-utils/selectors/multiselect/index.d.ts CHANGED Viewed

@@ -22,6 +22,22 @@ export default class MultiselectWrapper extends DropdownHostComponentWrapper {
     }): InputWrapper;
     findPlaceholder(): ElementWrapper;
     findInlineLabel(): ElementWrapper;
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper;
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper;
     /**
      * @param options
      * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.

package/lib/internal/template/test-utils/selectors/multiselect/index.js CHANGED Viewed

@@ -38,6 +38,26 @@ class MultiselectWrapper extends dropdown_host_1.default {
     findInlineLabel() {
         return this.findByClassName(styles_selectors_js_6.default['inline-label']);
     }
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options = {
+        expandToViewport: false
+    }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_5.default['dropdown-header']);
+    }
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options = {
+        expandToViewport: false
+    }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_5.default['dropdown-footer']);
+    }
     /**
      * @param options
      * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.

package/lib/internal/template/test-utils/selectors/multiselect/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/multiselect/index.ts"],"names":[],"mappings":";;AAGA,oCAAoC;AACpC,6DAAqE;AACrE,oCAAoC;AACpC,gDAA+C;AAE/C,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,kFAAyE;AACzE,mFAA0E;AAC1E,yFAAiF;AACjF,kFAAwE;AACxE,MAAqB,kBAAmB,SAAQ,uBAA4B;IAG1E;;;OAGG;IACH,uBAAuB,CAAC,OAAO,GAAG;QAChC,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,QAAQ,CAAC,CAAC;IAC3E,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG;QAC3B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,6BAAW,CAAC,iBAAiB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IACtG,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,WAAW,CAAC,CAAC;IAC/D,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,OAAO,GAAG;QAC5B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAoB,CAAC,IAAI,CAAC,CAAC;IAC/E,CAAC;IAED;;;;OAIG;IACH,SAAS,CAAC,UAAkB;QAC1B,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,IAAI,EAAE,EAAE,qBAAiB,CAAC,CAAC;QACtF,OAAO,UAAW,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC3C,CAAC;IAED;;OAEG;IACH,eAAe;QACb,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,IAAI,EAAE,EAAE,qBAAiB,CAAC,CAAC;QACtF,OAAO,UAAW,CAAC,eAAe,EAAE,CAAC;IACvC,CAAC;IACD,UAAU;QACR,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,IAAI,EAAE,EAAE,qBAAiB,CAAC,CAAC;QACtF,OAAO,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,EAAE,KAAI,EAAE,CAAC;IACxC,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;IACD,gBAAgB;;QACd,OAAO,MAAA,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,mBAAmB,CAAC,CAAC,0CAAE,kBAAkB,CAAC,6BAAkB,CAAC,IAAI,EAAE,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,eAAY,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAAC,mCAAI,EAAE,CAAC;IAC1L,CAAC;IAED;;;;OAIG;IACH,eAAe,CAAC,UAAkB;QAChC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAiB,CAAC,mBAAmB,CAAC,OAAO,6BAAkB,CAAC,IAAI,cAAc,UAAU,GAAG,EAAE,eAAY,CAAC,CAAC;IAC/I,CAAC;;~~AA1EM~~,+BAAY,GAAW,6BAAiB,CAAC,IAAI,CAAC;kBADlC,kBAAkB"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/multiselect/index.ts"],"names":[],"mappings":"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"}

package/lib/internal/template/test-utils/selectors/pagination/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ComponentWrapper } from "@cloudscape-design/test-utils-core/selectors";
+import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
 import ButtonWrapper from '../button';
 import InputWrapper from '../input';
 import PopoverWrapper from '../popover';
@@ -16,6 +16,10 @@ export default class PaginationWrapper extends ComponentWrapper {
     findPageNumberByIndex(index: number): PaginationButtonWrapper;
     findPreviousPageButton(): PaginationButtonWrapper;
     findNextPageButton(): PaginationButtonWrapper;
+    /**
+     * Returns the visible text for compact pages (for example, `3 of 12` or `3 of 12+`).
+     */
+    findPagesCompactText(): ElementWrapper;
     /**
      * Returns the jump to page input field.
      */

package/lib/internal/template/test-utils/selectors/pagination/index.js CHANGED Viewed

@@ -8,6 +8,7 @@ const button_1 = require("../button");
 const input_1 = require("../input");
 const popover_1 = require("../popover");
 const styles_selectors_js_1 = require("../../../pagination/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../pagination/test-classes/styles.selectors.js");
 class PaginationButtonWrapper extends selectors_1.ComponentWrapper {
 }
 exports.PaginationButtonWrapper = PaginationButtonWrapper;
@@ -34,6 +35,12 @@ class PaginationWrapper extends selectors_1.ComponentWrapper {
     findNextPageButton() {
         return this.findComponent(`li:not(:first-child) .${styles_selectors_js_1.default.arrow}`, PaginationButtonWrapper);
     }
+    /**
+     * Returns the visible text for compact pages (for example, `3 of 12` or `3 of 12+`).
+     */
+    findPagesCompactText() {
+        return this.findByClassName(styles_selectors_js_2.default['pages-compact-text']);
+    }
     /**
      * Returns the jump to page input field.
      */

package/lib/internal/template/test-utils/selectors/pagination/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/pagination/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,~~4EAAgF~~;~~AAChF~~,sCAAsC;AACtC,oCAAoC;AACpC,wCAAwC;AACxC,iFAA6D;AAC7D,MAAa,uBAAwB,SAAQ,4BAAgB;CAAG;AAAhE,0DAAgE;AAChE,MAAqB,iBAAkB,SAAQ,4BAAgB;IAE7D,eAAe;QACb,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACtF,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC1H,CAAC;IAED;;;;OAIG;IACH,qBAAqB,CAAC,KAAa;QACjC,6CAA6C;QAC7C,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,SAAS,MAAM,6BAAM,CAAC,MAAM,EAAE,EAAE,uBAAuB,CAAC,CAAC;IACrG,CAAC;IACD,sBAAsB;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,mBAAmB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACzF,CAAC;IACD,kBAAkB;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,yBAAyB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IAC/F,CAAC;IAED;;OAEG;IACH,mBAAmB;QACjB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,oBAAoB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IAC9E,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QACzE,OAAO,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,QAAQ,EAAE,gBAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACjG,CAAC;IAED;;OAEG;IACH,qBAAqB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,iBAAc,CAAC,YAAY,EAAE,EAAE,iBAAc,CAAC,CAAC;IAC/E,CAAC;;~~AA7CM~~,8BAAY,GAAG,6BAAM,CAAC,IAAI,CAAC;kBADf,iBAAiB"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/pagination/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,sCAAsC;AACtC,oCAAoC;AACpC,wCAAwC;AACxC,iFAA6D;AAC7D,8FAA8E;AAC9E,MAAa,uBAAwB,SAAQ,4BAAgB;CAAG;AAAhE,0DAAgE;AAChE,MAAqB,iBAAkB,SAAQ,4BAAgB;IAE7D,eAAe;QACb,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACtF,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC1H,CAAC;IAED;;;;OAIG;IACH,qBAAqB,CAAC,KAAa;QACjC,6CAA6C;QAC7C,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,SAAS,MAAM,6BAAM,CAAC,MAAM,EAAE,EAAE,uBAAuB,CAAC,CAAC;IACrG,CAAC;IACD,sBAAsB;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,mBAAmB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACzF,CAAC;IACD,kBAAkB;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,yBAAyB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IAC/F,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAU,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAChE,CAAC;IAED;;OAEG;IACH,mBAAmB;QACjB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,oBAAoB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IAC9E,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QACzE,OAAO,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,QAAQ,EAAE,gBAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACjG,CAAC;IAED;;OAEG;IACH,qBAAqB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,iBAAc,CAAC,YAAY,EAAE,EAAE,iBAAc,CAAC,CAAC;IAC/E,CAAC;;AApDM,8BAAY,GAAG,6BAAM,CAAC,IAAI,CAAC;kBADf,iBAAiB"}

package/lib/internal/template/test-utils/selectors/select/index.d.ts CHANGED Viewed

@@ -26,6 +26,22 @@ export default class SelectWrapper extends DropdownHostComponentWrapper {
         expandToViewport: boolean;
     }): InputWrapper;
     findInlineLabel(): ElementWrapper;
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper;
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper;
     findPlaceholder(): ElementWrapper;
     findTrigger(): ElementWrapper;
 }

package/lib/internal/template/test-utils/selectors/select/index.js CHANGED Viewed

@@ -40,6 +40,26 @@ class SelectWrapper extends dropdown_host_1.default {
     findInlineLabel() {
         return this.findByClassName(styles_selectors_js_5.default['inline-label']);
     }
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options = {
+        expandToViewport: false
+    }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_6.default['dropdown-header']);
+    }
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options = {
+        expandToViewport: false
+    }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_6.default['dropdown-footer']);
+    }
     findPlaceholder() {
         return this.findByClassName(styles_selectors_js_5.default.placeholder);
     }

package/lib/internal/template/test-utils/selectors/select/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/select/index.ts"],"names":[],"mappings":";;AAGA,oCAAoC;AACpC,6DAAqE;AACrE,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,mFAA0E;AAC1E,6EAA+D;AAC/D,MAAqB,aAAc,SAAQ,uBAA4B;IAGrE;;;OAGG;IACH,uBAAuB,CAAC,OAAO,GAAG;QAChC,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,QAAQ,CAAC,CAAC;IAC3E,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,OAAO,GAAG;QAC5B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAoB,CAAC,IAAI,CAAC,CAAC;IAC/E,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG;QAC3B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,6BAAW,CAAC,iBAAiB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IACtG,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,WAAW,CAAC,CAAC;IAC7D,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;;~~AAxCM~~,0BAAY,GAAW,6BAAY,CAAC,IAAI,CAAC;kBAD7B,aAAa"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/select/index.ts"],"names":[],"mappings":";;AAGA,oCAAoC;AACpC,6DAAqE;AACrE,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,mFAA0E;AAC1E,6EAA+D;AAC/D,MAAqB,aAAc,SAAQ,uBAA4B;IAGrE;;;OAGG;IACH,uBAAuB,CAAC,OAAO,GAAG;QAChC,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,QAAQ,CAAC,CAAC;IAC3E,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,OAAO,GAAG;QAC5B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAoB,CAAC,IAAI,CAAC,CAAC;IAC/E,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG;QAC3B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,6BAAW,CAAC,iBAAiB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IACtG,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG;QAC3B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrF,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG;QAC3B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrF,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,WAAW,CAAC,CAAC;IAC7D,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;;AA9DM,0BAAY,GAAW,6BAAY,CAAC,IAAI,CAAC;kBAD7B,aAAa"}

package/lib/internal/template/textarea/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/textarea/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAc3C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,QAAA,MAAM,QAAQ,~~yFAqGb~~,CAAC;AAGF,eAAe,QAAQ,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/textarea/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAc3C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,QAAA,MAAM,QAAQ,yFA8Gb,CAAC;AAGF,eAAe,QAAQ,CAAC"}

package/lib/internal/template/textarea/index.js CHANGED Viewed

@@ -14,9 +14,17 @@ import { applyDisplayName } from '../internal/utils/apply-display-name';
 import WithNativeAttributes from '../internal/utils/with-native-attributes';
 import { getTextareaStyles } from './styles';
 import styles from './styles.css.js';
-const Textarea = React.forwardRef(({ value, autoComplete = true, disabled, readOnly, disableBrowserAutocorrect, disableBrowserSpellcheck, spellcheck, onKeyDown, onKeyUp, onChange, onBlur, onFocus, ariaRequired, name, rows, placeholder, autoFocus, ariaLabel, nativeTextareaAttributes, style, ...rest }, ref) => {
+const Textarea = React.forwardRef(({ value, autoComplete = true, disabled, readOnly, disableBrowserAutocorrect, disableBrowserSpellcheck, spellcheck, onKeyDown, onKeyUp, onChange, onBlur, onFocus, ariaRequired, name, rows, resize = 'both', placeholder, autoFocus, ariaLabel, nativeTextareaAttributes, style, ...rest }, ref) => {
     const { __internalRootRef } = useBaseComponent('Textarea', {
-        props: { autoComplete, autoFocus, disableBrowserAutocorrect, disableBrowserSpellcheck, readOnly, spellcheck },
+        props: {
+            autoComplete,
+            autoFocus,
+            disableBrowserAutocorrect,
+            disableBrowserSpellcheck,
+            readOnly,
+            resize,
+            spellcheck,
+        },
     });
     const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);
     const baseProps = getBaseProps(rest);
@@ -31,7 +39,7 @@ const Textarea = React.forwardRef(({ value, autoComplete = true, disabled, readO
         name,
         placeholder,
         autoFocus,
-        className: clsx(styles.textarea, {
+        className: clsx(styles.textarea, styles[`textarea-resize-${resize}`], {
             [styles['textarea-readonly']]: readOnly,
             [styles['textarea-invalid']]: invalid,
             [styles['textarea-warning']]: warning && !invalid,

package/lib/internal/template/textarea/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/textarea/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAO,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,oBAAoB,MAAM,0CAA0C,CAAC;AAG5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CACE,EACE,KAAK,EACL,YAAY,GAAG,IAAI,EACnB,QAAQ,EACR,QAAQ,EACR,yBAAyB,EACzB,wBAAwB,EACxB,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,SAAS,EACT,SAAS,EACT,wBAAwB,EACxB,KAAK,EACL,GAAG,IAAI,EACO,EAChB,GAA2B,EAC3B,EAAE;IACF,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAAC,UAAU,EAAE;QACzD,KAAK,EAAE,~~EAAE,~~YAAY,~~EAAE,~~SAAS,~~EAAE,~~yBAAyB,~~EAAE,~~wBAAwB,~~EAAE,~~QAAQ,~~EAAE~~,UAAU~~,EAAE~~;~~KAC9G~~,CAAC,CAAC;IACH,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAEnG,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IACtD,eAAe,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAElC,MAAM,UAAU,GAAsD;QACpE,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,cAAc;QACjC,kBAAkB,EAAE,eAAe;QACnC,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAClD,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAC5C,IAAI;QACJ,WAAW;QACX,SAAS;QACT,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;~~YAC/B~~,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,QAAQ;YACvC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,OAAO;YACrC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC,OAAO;SAClD,CAAC;QACF,YAAY,EAAE,mBAAmB,CAAC,YAAY,CAAC;QAC/C,UAAU,EAAE,UAAU;QACtB,QAAQ;QACR,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QACrC,IAAI,EAAE,IAAI,IAAI,CAAC;QACf,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACtE,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAChE,yFAAyF;QACzF,KAAK,EAAE,KAAK,IAAI,EAAE;QAClB,QAAQ,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;QAChG,MAAM,EAAE,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QACxD,OAAO,EAAE,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;KAC5D,CAAC;IAEF,IAAI,yBAAyB,EAAE,CAAC;QAC9B,UAAU,CAAC,WAAW,GAAG,KAAK,CAAC;QAC/B,UAAU,CAAC,cAAc,GAAG,KAAK,CAAC;IACpC,CAAC;IAED,IAAI,wBAAwB,EAAE,CAAC;QAC7B,UAAU,CAAC,UAAU,GAAG,OAAO,CAAC;IAClC,CAAC;IAED,MAAM,0BAA0B,GAAgD;QAC9E,IAAI,EAAE,gBAAgB;QACtB,KAAK,EAAE,UAAU;QACjB,UAAU,EAAE;YACV,KAAK,EAAE,KAAK,IAAI,EAAE;SACnB;KACF,CAAC;IAEF,OAAO,CACL,iCACM,SAAS,EACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EACjD,GAAG,EAAE,iBAAiB,KAClB,6BAA6B,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,CAAC;QAE5E,oBAAC,oBAAoB,OACf,UAAU,EACd,GAAG,EAAC,UAAU,EACd,aAAa,EAAC,UAAU,EACxB,gBAAgB,EAAE,wBAAwB,EAC1C,GAAG,EAAE,WAAW,EAChB,EAAE,EAAE,SAAS,EACb,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAC/B,CACG,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AACvC,eAAe,QAAQ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { Ref, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { convertAutoComplete } from '../input/utils';\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { GeneratedAnalyticsMetadataTextareaComponent } from './analytics-metadata/interfaces';\nimport { TextareaProps } from './interfaces';\nimport { getTextareaStyles } from './styles';\n\nimport styles from './styles.css.js';\n\nexport { TextareaProps };\n\nconst Textarea = React.forwardRef(\n (\n {\n value,\n autoComplete = true,\n disabled,\n readOnly,\n disableBrowserAutocorrect,\n disableBrowserSpellcheck,\n spellcheck,\n onKeyDown,\n onKeyUp,\n onChange,\n onBlur,\n onFocus,\n ariaRequired,\n name,\n rows,\n placeholder,\n autoFocus,\n ariaLabel,\n nativeTextareaAttributes,\n style,\n ...rest\n }: TextareaProps,\n ref: Ref<TextareaProps.Ref>\n ) => {\n const { __internalRootRef } = useBaseComponent('Textarea', {\n props: { autoComplete, autoFocus, disableBrowserAutocorrect, disableBrowserSpellcheck, readOnly, spellcheck },\n });\n const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n const baseProps = getBaseProps(rest);\n\n const textareaRef = useRef<HTMLTextAreaElement>(null);\n useForwardFocus(ref, textareaRef);\n\n const attributes: React.TextareaHTMLAttributes<HTMLTextAreaElement> = {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-required': ariaRequired ? 'true' : undefined,\n 'aria-invalid': invalid ? 'true' : undefined,\n name,\n placeholder,\n autoFocus,\n className: clsx(styles.textarea, {\n [styles['textarea-readonly']]: readOnly,\n [styles['textarea-invalid']]: invalid,\n [styles['textarea-warning']]: warning && !invalid,\n }),\n autoComplete: convertAutoComplete(autoComplete),\n spellCheck: spellcheck,\n disabled,\n readOnly: readOnly ? true : undefined,\n rows: rows \|\| 3,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n // We set a default value on the component in order to force it into the controlled mode.\n value: value \|\| '',\n onChange: onChange && (event => fireNonCancelableEvent(onChange, { value: event.target.value })),\n onBlur: onBlur && (() => fireNonCancelableEvent(onBlur)),\n onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n };\n\n if (disableBrowserAutocorrect) {\n attributes.autoCorrect = 'off';\n attributes.autoCapitalize = 'off';\n }\n\n if (disableBrowserSpellcheck) {\n attributes.spellCheck = 'false';\n }\n\n const componentAnalyticsMetadata: GeneratedAnalyticsMetadataTextareaComponent = {\n name: 'awsui.Textarea',\n label: 'textarea',\n properties: {\n value: value \|\| '',\n },\n };\n\n return (\n <span\n {...baseProps}\n className={clsx(styles.root, baseProps.className)}\n ref={__internalRootRef}\n {...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })}\n >\n <WithNativeAttributes\n {...attributes}\n tag=\"textarea\"\n componentName=\"Textarea\"\n nativeAttributes={nativeTextareaAttributes}\n ref={textareaRef}\n id={controlId}\n style={getTextareaStyles(style)}\n />\n </span>\n );\n }\n);\n\napplyDisplayName(Textarea, 'Textarea');\nexport default Textarea;\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/textarea/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAO,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,oBAAoB,MAAM,0CAA0C,CAAC;AAG5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CACE,EACE,KAAK,EACL,YAAY,GAAG,IAAI,EACnB,QAAQ,EACR,QAAQ,EACR,yBAAyB,EACzB,wBAAwB,EACxB,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,WAAW,EACX,SAAS,EACT,SAAS,EACT,wBAAwB,EACxB,KAAK,EACL,GAAG,IAAI,EACO,EAChB,GAA2B,EAC3B,EAAE;IACF,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAAC,UAAU,EAAE;QACzD,KAAK,EAAE;YACL,YAAY;YACZ,SAAS;YACT,yBAAyB;YACzB,wBAAwB;YACxB,QAAQ;YACR,MAAM;YACN,UAAU;SACX;KACF,CAAC,CAAC;IACH,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAEnG,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IACtD,eAAe,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAElC,MAAM,UAAU,GAAsD;QACpE,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,cAAc;QACjC,kBAAkB,EAAE,eAAe;QACnC,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAClD,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAC5C,IAAI;QACJ,WAAW;QACX,SAAS;QACT,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,mBAAmB,MAAM,EAAE,CAAC,EAAE;YACpE,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,QAAQ;YACvC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,OAAO;YACrC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC,OAAO;SAClD,CAAC;QACF,YAAY,EAAE,mBAAmB,CAAC,YAAY,CAAC;QAC/C,UAAU,EAAE,UAAU;QACtB,QAAQ;QACR,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QACrC,IAAI,EAAE,IAAI,IAAI,CAAC;QACf,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACtE,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAChE,yFAAyF;QACzF,KAAK,EAAE,KAAK,IAAI,EAAE;QAClB,QAAQ,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;QAChG,MAAM,EAAE,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QACxD,OAAO,EAAE,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;KAC5D,CAAC;IAEF,IAAI,yBAAyB,EAAE,CAAC;QAC9B,UAAU,CAAC,WAAW,GAAG,KAAK,CAAC;QAC/B,UAAU,CAAC,cAAc,GAAG,KAAK,CAAC;IACpC,CAAC;IAED,IAAI,wBAAwB,EAAE,CAAC;QAC7B,UAAU,CAAC,UAAU,GAAG,OAAO,CAAC;IAClC,CAAC;IAED,MAAM,0BAA0B,GAAgD;QAC9E,IAAI,EAAE,gBAAgB;QACtB,KAAK,EAAE,UAAU;QACjB,UAAU,EAAE;YACV,KAAK,EAAE,KAAK,IAAI,EAAE;SACnB;KACF,CAAC;IAEF,OAAO,CACL,iCACM,SAAS,EACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EACjD,GAAG,EAAE,iBAAiB,KAClB,6BAA6B,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,CAAC;QAE5E,oBAAC,oBAAoB,OACf,UAAU,EACd,GAAG,EAAC,UAAU,EACd,aAAa,EAAC,UAAU,EACxB,gBAAgB,EAAE,wBAAwB,EAC1C,GAAG,EAAE,WAAW,EAChB,EAAE,EAAE,SAAS,EACb,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAC/B,CACG,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AACvC,eAAe,QAAQ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { Ref, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { convertAutoComplete } from '../input/utils';\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { GeneratedAnalyticsMetadataTextareaComponent } from './analytics-metadata/interfaces';\nimport { TextareaProps } from './interfaces';\nimport { getTextareaStyles } from './styles';\n\nimport styles from './styles.css.js';\n\nexport { TextareaProps };\n\nconst Textarea = React.forwardRef(\n (\n {\n value,\n autoComplete = true,\n disabled,\n readOnly,\n disableBrowserAutocorrect,\n disableBrowserSpellcheck,\n spellcheck,\n onKeyDown,\n onKeyUp,\n onChange,\n onBlur,\n onFocus,\n ariaRequired,\n name,\n rows,\n resize = 'both',\n placeholder,\n autoFocus,\n ariaLabel,\n nativeTextareaAttributes,\n style,\n ...rest\n }: TextareaProps,\n ref: Ref<TextareaProps.Ref>\n ) => {\n const { __internalRootRef } = useBaseComponent('Textarea', {\n props: {\n autoComplete,\n autoFocus,\n disableBrowserAutocorrect,\n disableBrowserSpellcheck,\n readOnly,\n resize,\n spellcheck,\n },\n });\n const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n const baseProps = getBaseProps(rest);\n\n const textareaRef = useRef<HTMLTextAreaElement>(null);\n useForwardFocus(ref, textareaRef);\n\n const attributes: React.TextareaHTMLAttributes<HTMLTextAreaElement> = {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-required': ariaRequired ? 'true' : undefined,\n 'aria-invalid': invalid ? 'true' : undefined,\n name,\n placeholder,\n autoFocus,\n className: clsx(styles.textarea, styles[`textarea-resize-${resize}`], {\n [styles['textarea-readonly']]: readOnly,\n [styles['textarea-invalid']]: invalid,\n [styles['textarea-warning']]: warning && !invalid,\n }),\n autoComplete: convertAutoComplete(autoComplete),\n spellCheck: spellcheck,\n disabled,\n readOnly: readOnly ? true : undefined,\n rows: rows \|\| 3,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n // We set a default value on the component in order to force it into the controlled mode.\n value: value \|\| '',\n onChange: onChange && (event => fireNonCancelableEvent(onChange, { value: event.target.value })),\n onBlur: onBlur && (() => fireNonCancelableEvent(onBlur)),\n onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n };\n\n if (disableBrowserAutocorrect) {\n attributes.autoCorrect = 'off';\n attributes.autoCapitalize = 'off';\n }\n\n if (disableBrowserSpellcheck) {\n attributes.spellCheck = 'false';\n }\n\n const componentAnalyticsMetadata: GeneratedAnalyticsMetadataTextareaComponent = {\n name: 'awsui.Textarea',\n label: 'textarea',\n properties: {\n value: value \|\| '',\n },\n };\n\n return (\n <span\n {...baseProps}\n className={clsx(styles.root, baseProps.className)}\n ref={__internalRootRef}\n {...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })}\n >\n <WithNativeAttributes\n {...attributes}\n tag=\"textarea\"\n componentName=\"Textarea\"\n nativeAttributes={nativeTextareaAttributes}\n ref={textareaRef}\n id={controlId}\n style={getTextareaStyles(style)}\n />\n </span>\n );\n }\n);\n\napplyDisplayName(Textarea, 'Textarea');\nexport default Textarea;\n"]}

package/lib/internal/template/textarea/interfaces.d.ts CHANGED Viewed

@@ -11,6 +11,17 @@ export interface TextareaProps extends Omit<BaseInputProps, 'nativeInputAttribut
      * Specifies the number of lines of text to set the height to.
      */
     rows?: number;
+    /**
+     * Specifies the directions in which the user can resize the textarea:
+     *
+     * * `both` (default) - The user can change both the width and the height.
+     * * `vertical` - The user can only change the height. Use this when the textarea
+     *   is next to other content that a width change would disrupt.
+     * * `horizontal` - The user can only change the width.
+     * * `none` - The user can't resize the textarea. Longer content scrolls instead.
+     *   Consider using the `rows` property to make the initial height fit the expected content.
+     */
+    resize?: TextareaProps.Resize;
     /**
      * Specifies whether to disable browser spellcheck feature.
      * If you set this to `true`, it disables native browser capability
@@ -41,6 +52,7 @@ export interface TextareaProps extends Omit<BaseInputProps, 'nativeInputAttribut
 }
 export declare namespace TextareaProps {
     type KeyDetail = BaseKeyDetail;
+    type Resize = 'both' | 'horizontal' | 'vertical' | 'none';
     interface ChangeDetail {
         /**
          * The new value of this textarea.

package/lib/internal/template/textarea/interfaces.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/textarea/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AACtE;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,cAAc,EAAE,uBAAuB,CAAC,EACnD,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,+BAA+B;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;;;;;OAQG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC;;;;;;;;;OASG;IACH,wBAAwB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE/F;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC;CAC7B;AAED,yBAAiB,aAAa,CAAC;IAC7B,KAAY,SAAS,GAAG,aAAa,CAAC;IAEtC,UAAiB,YAAY;QAC3B;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf;IACD,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IAED,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,eAAe,CAAC,EAAE;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,WAAW,CAAC,EAAE;gBACZ,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,SAAS,CAAC,EAAE;gBACV,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,KAAK,CAAC,EAAE;gBACN,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,WAAW,CAAC,EAAE;YACZ,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,UAAU,CAAC,EAAE,MAAM,CAAC;SACrB,CAAC;KACH;CACF"}
1	+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/textarea/interfaces.ts"],"names":[],"mappings":"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"}

package/lib/internal/template/textarea/interfaces.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/textarea/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport {\n BaseInputProps,\n InputAutoComplete,\n InputAutoCorrect,\n InputKeyEvents,\n InputSpellcheck,\n} from '../input/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\nimport { BaseKeyDetail } from '../types/events';\nimport { FormFieldValidationControlProps } from '../types/form-field';\n/*\n @awsuiSystem core\n /\nimport { NativeAttributes } from '../types/native-attributes';\n\nexport interface TextareaProps\n extends Omit<BaseInputProps, 'nativeInputAttributes'>,\n InputKeyEvents,\n InputAutoCorrect,\n InputAutoComplete,\n InputSpellcheck,\n BaseComponentProps,\n FormFieldValidationControlProps {\n /\n Specifies the number of lines of text to set the height to.\n /\n rows?: number;\n\n /\n Specifies whether to disable browser spellcheck feature.\n * If you set this to `true`, it disables native browser capability\n * that checks for spelling/grammar errors.\n * If you don't set it, the behavior follows the default behavior\n * of the user's browser.\n \n @deprecated Use the `spellcheck` property instead.\n /\n disableBrowserSpellcheck?: boolean;\n\n /\n Attributes to add to the native `textarea` element.\n * Some attributes will be automatically combined with internal attribute values:\n * - `className` will be appended.\n * - Event handlers will be chained, unless the default is prevented.\n \n We do not support using this attribute to apply custom styling.\n \n @awsuiSystem core\n /\n nativeTextareaAttributes?: NativeAttributes<React.TextareaHTMLAttributes<HTMLTextAreaElement>>;\n\n /\n An object containing CSS properties to customize the textarea's visual appearance.\n * Refer to the [style](/components/textarea/?tabId=style) tab for more details.\n * @awsuiSystem core\n /\n style?: TextareaProps.Style;\n}\n\nexport namespace TextareaProps {\n export type KeyDetail = BaseKeyDetail;\n\n export interface ChangeDetail {\n /\n The new value of this textarea.\n /\n value: string;\n }\n export interface Ref {\n /\n Sets input focus on the textarea control.\n */\n focus(): void;\n }\n\n export interface Style {\n root?: {\n backgroundColor?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n borderColor?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n borderRadius?: string;\n borderWidth?: string;\n boxShadow?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n color?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n fontSize?: string;\n fontWeight?: string;\n paddingBlock?: string;\n paddingInline?: string;\n };\n placeholder?: {\n color?: string;\n fontSize?: string;\n fontStyle?: string;\n fontWeight?: string;\n };\n }\n}\n"]}
1	+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/textarea/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport {\n BaseInputProps,\n InputAutoComplete,\n InputAutoCorrect,\n InputKeyEvents,\n InputSpellcheck,\n} from '../input/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\nimport { BaseKeyDetail } from '../types/events';\nimport { FormFieldValidationControlProps } from '../types/form-field';\n/*\n @awsuiSystem core\n /\nimport { NativeAttributes } from '../types/native-attributes';\n\nexport interface TextareaProps\n extends Omit<BaseInputProps, 'nativeInputAttributes'>,\n InputKeyEvents,\n InputAutoCorrect,\n InputAutoComplete,\n InputSpellcheck,\n BaseComponentProps,\n FormFieldValidationControlProps {\n /\n Specifies the number of lines of text to set the height to.\n /\n rows?: number;\n\n /\n Specifies the directions in which the user can resize the textarea:\n \n * `both` (default) - The user can change both the width and the height.\n * * `vertical` - The user can only change the height. Use this when the textarea\n * is next to other content that a width change would disrupt.\n * * `horizontal` - The user can only change the width.\n * * `none` - The user can't resize the textarea. Longer content scrolls instead.\n * Consider using the `rows` property to make the initial height fit the expected content.\n /\n resize?: TextareaProps.Resize;\n\n /\n Specifies whether to disable browser spellcheck feature.\n * If you set this to `true`, it disables native browser capability\n * that checks for spelling/grammar errors.\n * If you don't set it, the behavior follows the default behavior\n * of the user's browser.\n \n @deprecated Use the `spellcheck` property instead.\n /\n disableBrowserSpellcheck?: boolean;\n\n /\n Attributes to add to the native `textarea` element.\n * Some attributes will be automatically combined with internal attribute values:\n * - `className` will be appended.\n * - Event handlers will be chained, unless the default is prevented.\n \n We do not support using this attribute to apply custom styling.\n \n @awsuiSystem core\n /\n nativeTextareaAttributes?: NativeAttributes<React.TextareaHTMLAttributes<HTMLTextAreaElement>>;\n\n /\n An object containing CSS properties to customize the textarea's visual appearance.\n * Refer to the [style](/components/textarea/?tabId=style) tab for more details.\n * @awsuiSystem core\n /\n style?: TextareaProps.Style;\n}\n\nexport namespace TextareaProps {\n export type KeyDetail = BaseKeyDetail;\n\n export type Resize = 'both' \| 'horizontal' \| 'vertical' \| 'none';\n\n export interface ChangeDetail {\n /\n The new value of this textarea.\n /\n value: string;\n }\n export interface Ref {\n /\n Sets input focus on the textarea control.\n */\n focus(): void;\n }\n\n export interface Style {\n root?: {\n backgroundColor?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n borderColor?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n borderRadius?: string;\n borderWidth?: string;\n boxShadow?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n color?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n fontSize?: string;\n fontWeight?: string;\n paddingBlock?: string;\n paddingInline?: string;\n };\n placeholder?: {\n color?: string;\n fontSize?: string;\n fontStyle?: string;\n fontWeight?: string;\n };\n }\n}\n"]}

package/lib/internal/template/textarea/styles.css.js CHANGED Viewed

@@ -1,10 +1,14 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_qk1j1_4dkte_145",
-  "textarea": "awsui_textarea_qk1j1_4dkte_149",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_4dkte_206",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_4dkte_247",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_4dkte_256"
+  "root": "awsui_root_qk1j1_mvsj6_145",
+  "textarea": "awsui_textarea_qk1j1_mvsj6_149",
+  "textarea-resize-both": "awsui_textarea-resize-both_qk1j1_mvsj6_200",
+  "textarea-resize-horizontal": "awsui_textarea-resize-horizontal_qk1j1_mvsj6_203",
+  "textarea-resize-vertical": "awsui_textarea-resize-vertical_qk1j1_mvsj6_206",
+  "textarea-resize-none": "awsui_textarea-resize-none_qk1j1_mvsj6_209",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_mvsj6_218",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_mvsj6_259",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_mvsj6_268"
 };

package/lib/internal/template/textarea/styles.scoped.css CHANGED Viewed

@@ -142,11 +142,11 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_qk1j1_4dkte_145:not(#\9) {
+.awsui_root_qk1j1_mvsj6_145:not(#\9) {
   /* used for test-utils */
 }
-.awsui_textarea_qk1j1_4dkte_149:not(#\9) {
+.awsui_textarea_qk1j1_mvsj6_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -176,7 +176,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  resize: auto;
+  resize: both;
   cursor: text;
   white-space: pre-wrap;
   padding-block: var(--space-field-vertical-dgs6s0, 4px);
@@ -197,27 +197,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
 }
-.awsui_textarea_qk1j1_4dkte_149:not(#\9):hover {
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-resize-both_qk1j1_mvsj6_200:not(#\9) {
+  resize: both;
+}
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-resize-horizontal_qk1j1_mvsj6_203:not(#\9) {
+  resize: horizontal;
+}
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-resize-vertical_qk1j1_mvsj6_206:not(#\9) {
+  resize: vertical;
+}
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-resize-none_qk1j1_mvsj6_209:not(#\9) {
+  resize: none;
+}
+.awsui_textarea_qk1j1_mvsj6_149:not(#\9):hover {
   border-color: var(--awsui-style-border-color-hover-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-border-input-default-txli8y, #687078)));
   color: var(--awsui-style-color-hover-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-text-body-default-5qid0u, #16191f)));
   background-color: var(--awsui-style-background-hover-esndbs, var(--awsui-style-background-default-esndbs, var(--color-background-input-default-1z2buq, #ffffff)));
   box-shadow: var(--awsui-style-box-shadow-hover-esndbs, --awsui-style-box-shadow-default-esndbs);
 }
-.awsui_textarea_qk1j1_4dkte_149.awsui_textarea-readonly_qk1j1_4dkte_206:not(#\9) {
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-readonly_qk1j1_mvsj6_218:not(#\9) {
   background-color: var(--awsui-style-background-readonly-esndbs, var(--awsui-style-background-default-esndbs, var(--color-background-input-default-1z2buq, #ffffff)));
   border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-border-input-disabled-tz38ro, #eaeded)));
   border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-border-input-disabled-tz38ro, #eaeded)));
   color: var(--awsui-style-color-readonly-esndbs, var(--awsui-style-color-default-esndbs, var(--color-text-body-default-5qid0u, #16191f)));
   box-shadow: var(--awsui-style-box-shadow-readonly-esndbs);
 }
-.awsui_textarea_qk1j1_4dkte_149:not(#\9)::placeholder {
+.awsui_textarea_qk1j1_mvsj6_149:not(#\9)::placeholder {
   color: var(--awsui-style-placeholder-color-esndbs, var(--color-text-input-placeholder-hvcry0, #687078));
   font-size: var(--awsui-style-placeholder-font-size-esndbs);
   font-style: var(--awsui-style-placeholder-font-style-esndbs, italic);
   font-weight: var(--awsui-style-placeholder-font-weight-esndbs);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_4dkte_149:not(#\9):focus {
+.awsui_textarea_qk1j1_mvsj6_149:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-esndbs, var(--color-border-input-focused-lslq4r, #0073bb));
   border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-esndbs, var(--color-border-input-focused-lslq4r, #0073bb));
@@ -229,10 +241,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--awsui-style-color-focus-esndbs, var(--color-text-body-default-5qid0u, #16191f));
   background-color: var(--awsui-style-background-focus-esndbs, var(--color-background-input-default-1z2buq, #ffffff));
 }
-.awsui_textarea_qk1j1_4dkte_149:not(#\9):invalid {
+.awsui_textarea_qk1j1_mvsj6_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_qk1j1_4dkte_149:not(#\9):disabled {
+.awsui_textarea_qk1j1_mvsj6_149:not(#\9):disabled {
   background-color: var(--awsui-style-background-disabled-esndbs, var(--color-background-input-disabled-4vlau3, #eaeded));
   border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-esndbs, var(--color-border-input-disabled-tz38ro, #eaeded));
   border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-esndbs, var(--color-border-input-disabled-tz38ro, #eaeded));
@@ -240,25 +252,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: default;
   box-shadow: var(--awsui-style-box-shadow-disabled-esndbs);
 }
-.awsui_textarea_qk1j1_4dkte_149:not(#\9):disabled::placeholder {
+.awsui_textarea_qk1j1_mvsj6_149:not(#\9):disabled::placeholder {
   color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_4dkte_149.awsui_textarea-invalid_qk1j1_4dkte_247:not(#\9) {
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-invalid_qk1j1_mvsj6_259:not(#\9) {
   color: var(--awsui-style-color-default-esndbs, var(--color-text-status-error-c3at5p, #d13212));
   border-color: var(--awsui-style-border-color-default-esndbs, var(--color-text-status-error-c3at5p, #d13212));
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
   border-inline-start-width: var(--border-invalid-width-b183os, 4px);
 }
-.awsui_textarea_qk1j1_4dkte_149.awsui_textarea-invalid_qk1j1_4dkte_247:not(#\9):focus {
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-invalid_qk1j1_mvsj6_259:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_textarea_qk1j1_4dkte_149.awsui_textarea-warning_qk1j1_4dkte_256:not(#\9) {
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-warning_qk1j1_mvsj6_268:not(#\9) {
   color: var(--awsui-style-color-default-esndbs, var(--color-text-status-warning-08d9ki, #906806));
   border-color: var(--awsui-style-border-color-default-esndbs, var(--color-text-status-warning-08d9ki, #906806));
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
   border-inline-start-width: var(--border-invalid-width-b183os, 4px);
 }
-.awsui_textarea_qk1j1_4dkte_149.awsui_textarea-warning_qk1j1_4dkte_256:not(#\9):focus {
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-warning_qk1j1_mvsj6_268:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }

package/lib/internal/template/textarea/styles.selectors.js CHANGED Viewed

@@ -2,10 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_qk1j1_4dkte_145",
-  "textarea": "awsui_textarea_qk1j1_4dkte_149",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_4dkte_206",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_4dkte_247",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_4dkte_256"
+  "root": "awsui_root_qk1j1_mvsj6_145",
+  "textarea": "awsui_textarea_qk1j1_mvsj6_149",
+  "textarea-resize-both": "awsui_textarea-resize-both_qk1j1_mvsj6_200",
+  "textarea-resize-horizontal": "awsui_textarea-resize-horizontal_qk1j1_mvsj6_203",
+  "textarea-resize-vertical": "awsui_textarea-resize-vertical_qk1j1_mvsj6_206",
+  "textarea-resize-none": "awsui_textarea-resize-none_qk1j1_mvsj6_209",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_mvsj6_218",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_mvsj6_259",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_mvsj6_268"
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.1341",
+  "version": "3.0.1342",
   "files": [
     "lib"
   ],